:root {
    
    --max-width:1330px;
    --cl-link:#ffba0d;
    --cl-link-hover:#f8d47a;
}
html{
    height: 100%;
}
body{
    background:#fff;

    display:flex;
    flex-direction:column;
    min-height: 100%;}

* {
    box-sizing: border-box;}


font-face {
    font-family: "Roboto-Black";
    src: url(../../../../../fonts/Roboto-Black.ttf);}
@font-face {
    font-family: "Roboto-Light";
    src: url(../../../../../fonts/Roboto-Light.ttf);}
@font-face {
    font-family: "Roboto-Regular";
    src: url(../../../../../fonts/Roboto-Regular.ttf);}
    
@font-face {
	font-family: "GothamProRegular";
	src: url("../../../../../fonts/GothamProRegular.eot");
	src: url("../../../../../fonts/GothamProRegular.eot?#iefix")format("embedded-opentype"),
	url("../../../../../fonts/GothamProRegular.woff") format("woff"),
	url("../../../../../fonts/GothamProRegular.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;}

@font-face {
	font-family: "GothamProBold";
	src: url("../../../../../fonts/GothamProBold.eot");
	src: url("../../../../../fonts/GothamProBold.eot?#iefix")format("embedded-opentype"),
	url("../../../../../fonts/GothamProBold.woff") format("woff"),
	url("../../../../../fonts/GothamProBold.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;}

* {outline:none;}
.actions {display:none;}

body, html {
    width:100%;
    background:#fff;
    min-width:320px;
    font-family: "Roboto-Light";
    font-size:12pt;
    font-family: "GothamProRegular";}

a {
    text-decoration:none;
    color:#414141;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;}

a:hover {color:#ffba0d;}

.banner{
    width:100%;
    height:163px;
    background:#fff;}
    
.banner .custom{
    margin:0 auto;
    width:100%;
    max-width:var(--max-width);
    height:163px;}

.head {
    width:100%;
    max-width:var(--max-width);
    min-height:122px;
    margin:0 auto;
    border-top:20px solid #fbbd0a;
    border-bottom:2px solid #ffba0d;
    padding:0 0 10px;}
    
.head .head-case {
    padding:0 30px;
    margin:0 auto;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    display:table;}

/***** ***** ***** ЛОГОТИП ***** ***** *****/
    
.head .head-case .logo {
    float:left;
    padding:25px 0 0 0;
    width:30%;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;}
    
.head .head-case .logo img{
    width:100%;}

.head .head-case .vmenu {
    margin:25px 0 0px 30px;
    padding:20px 0 10px;
    float:left;}
    
.head .head-case .vmenu ul li{float:left;}
.head .head-case .vmenu ul li a{
    margin:0px 10px 0;
    text-decoration:none;
    color:#353535;
    display:block;
    text-transform:uppercase;
    font-size:14px;
    padding:10px 5px;}
    
.head .head-case .vmenu ul li.active a{font-weight:700;}

/* Заказать артиста */

.head .head-case .vmenu ul li:last-child a{
    background:#ffc125;
    color:#000;
    padding:15px 20px;
    margin:-5px 0 0 0;}
    
.head .head-case .vmenu ul li:last-child a:hover{
    color:#fff;}

.head .head-case .poisk {
    float:right;
    margin:22px 0 0 10px;}
    
    .head .head-case .vmenu ul li:nth-child(4){
        margin:0 40px 0 0;}
        
.soc{
    float:right;
    padding:37px 0 0 0px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    display:flex;
}

.soc .soc {
    display:block;
    width:50px;
    height:50px;
    float:right;
    margin:0 0px;}
    
.adres .soc {
    display:block;
    width:50px;
    height:50px;
    float:left;
    margin:0 2px;}

.vk2 {
    background:url(../../../../../images/style/icon-vk2.png);
    background-size:50px;}
    
.telega {
    background:url(../../../../../images/style/icon-telega.png);
    background-size:50px;}
    
.yu {
    background:url(../../../../../images/style/icon-yu.png);
    background-size:50px;}
    
.vk2-w {
    background:url(../../../../../images/style/icon-vk2-w.png);
    background-size:50px;}
    
.telega-w {
    background:url(../../../../../images/style/icon-telega-w.png);
    background-size:50px;}
    
.yuw {
    background:url(../../../../../images/style/icon-yu-w.png);
    background-size:50px;}

@media screen and (max-width:1265px){
    .head .head-case .vmenu{
        width:100%;
        padding:0;
        margin:20px 0 0;}
    
    .head .head-case .vmenu ul{
        width:100%;
        display:table;}
    
    .head .head-case .vmenu ul li a{
        margin:0 0 10px;}
    
    .head .head-case .vmenu ul li:last-child{
        float:right;}
        
    .head .head-case .vmenu ul li:last-child a{
        margin:-5px 0 0 0;}

    .head .head-case .logo {
        min-width:270px;}
}
    
@media screen and (max-width:900px){   
    .head .head-case .vmenu {
        margin:25px 0 0 0;}
        
    .head .head-case .vmenu ul li a{
        //margin:10px 25px 0;
        
    }
}

@media screen and (max-width:650px){
    .head .head-case .vmenu ul li:last-child{
        float:right;
        padding:0;
    }
    
    .head .head-case .vmenu ul li:last-child a{
        margin:-5px 0 0;
        
    }
}
@media screen and (max-width:500px){
    .head .head-case {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
            -ms-flex-direction:column;
                flex-direction:column;}
    
    .head .head-case .logo {
        -webkit-box-ordinal-group:2;
            -ms-flex-order:1;
                order:1;
        width:100%;
    }
    .head .head-case .soc {
        -webkit-box-ordinal-group:3;
            -ms-flex-order:2;
                order:2;
        margin:0;
        padding:20px 0 0;
    }
    .head .head-case .vmenu {
        -webkit-box-ordinal-group:4;
            -ms-flex-order:3;
                order:3;
    }
}
    
/* ----- ----- ----- СЛАЙДЕР ----- ----- ----- */

.moduletable.slider {
    width:100%;
    max-width:var(--max-width);
    max-height:545px;
    margin:-2px auto;
    background:#222;}

.moduletable.slider .slide-desc-bg {
    width:510px;
    padding:0 0 0 70px;
    display:none;
    margin:20px 0;
    position:relative;
    z-index:2;
    background:none !important;}

.moduletable.slider .slide-desc-text {
    width:513px;
    height:320px;
    padding:0 0 0 70px;
    position:relative;
    z-index:2;
    vertical-align:middle;
    display:table-cell;}
    
.moduletable.slider .slide-desc-text .slide-text p:nth-child(1),
.moduletable.slider .slide-desc-text .slide-text p:nth-child(2),
.moduletable.slider .slide-desc-text .slide-text p:nth-child(3){
    border:2px solid #fff;
    color:#000;
    display:table;
    background:#ffc125;
    margin:2px 0;
    padding:3px 20px 1px 20px;
    font-size:11pt;}
    
.moduletable.slider .slide-desc-text .slide-title {
    font-family: "GothamProBold";
    color:#fff;
    position:absolute;
    bottom:-30px;
    right:0;
    text-align:right;
    font-size: 110px;}

.moduletable.slider .slide-text{
    position:relative;
    z-index:2;}

.moduletable.slider .slide-desc-text .slide-desc a,
.moduletable.slider .slide-text a{
    color:#fff;
    text-transform:uppercase;
    background:#ffc125;
    padding:12px 23px 10px 23px;
    border:2px solid #fff;
    border-radius:3px;
    text-decoration:none;
    display:table;
    margin:25px 0;
    font-size:14px;}
    
.moduletable.slider .djslider-in > a{
    display:table;
    width:100%;
    z-index:9999;
    position:relative;}
    
.moduletable.slider .slide-desc-text .slide-title *{
    position:absolute;
    bottom:0;
    right:0;
    text-decoration:none;}

.moduletable.slider .slide-desc-text .slide-text {
    position:absolute;
    width:400px;
    top:210px;
    left:605px;
    font-family: "GothamProRegular";
    font-size:18px;
    line-height:1.3;
    text-align:left;
    color:#fff;
    text-transform:uppercase;
    letter-spacing: 0.5px;}

.moduletable.slider .dj-image {
    width:100%;
    max-width:var(--max-width);
    height:545px;}
    

@media screen and (max-width:1300px){
    
    .moduletable.slider .slide-desc {
        width:100%;}
    
    .moduletable.slider .slide-desc-text .slide-text {
        position:absolute;
        min-width:100%;
        background:#ccc;
        left:0;
        bottom:50px;
        height:auto;}
    
    .moduletable.slider .slide-desc-text {
        width:50%;
        height:auto;
        position:absolute;
        bottom:200px;
        right:calc(20vw - 16%);}
}

@media screen and (max-width:1100px){
    .djslider-default .navigation-container .prev-button,
    .djslider-default .navigation-container .next-button{
        width:50px;
    }
}

@media screen and (max-width:800px){
    .djslider-default .navigation-container .prev-button,
    .djslider-default .navigation-container .next-button{
        width:40px;
    }
}

@media screen and (max-width:650px){
    .djslider-default .navigation-container .prev-button,
    .djslider-default .navigation-container .next-button{
        width:30px;
    }
}
    
/* Подписаться на рассылку */ 

.rassylka {
    width:100%;
    max-width:var(--max-width);
    height:82px;
    margin:0 auto;
    background:#ffba0d;
    border-top:1px solid #fff;
        font-family: "GothamProRegular";
}

.rassylka .custom {
    padding:33px 0 0 0;
    text-align:center;
    font-size:15pt;
    text-transform:uppercase;
}

.rassylka .custom a{
    color:#000;
    text-decoration:none;
    margin:0 35px;
    border:2px solid #000;
    border-radius:3px;
    padding:12px 10px 10px 10px;
    font-size:12pt;
}
.rassylka .custom a:hover{
    border:2px solid #fff;
    color:#fff;
}


    

/* ----- ----- ----- АФИША ----- ----- ----- */

.moduletable.afisha {
    width:100%;
    max-width:var(--max-width);
    margin:20px auto 0 auto;
    padding:0 15px;
}

.afisha h3 {
    text-align:center;
    text-transform:uppercase;
    font-size:22pt;
    margin:15px 0 15px 0;}

.afisha > p {
    text-align:center;
    color:#aaaaaa;
    line-height:1.4;
}
    
.afisha .nspArtScroll2{
    margin:15px auto;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    gap:45px 30px;}

.afisha .nspArtScroll2 .nspArtPage{
    width:calc(20% - 24px);
    background:#d5d5d5;
    -webkit-box-sizing: padding-box;
            box-sizing: padding-box;
    font-size:13px;
    line-height:1.2;
    position:relative;
    text-align:left;
    margin:10px 0 30px;}

.afisha .nspArtScroll2 .nspArt {
    width:100%;
    display:flex;
    flex-direction:column;
    padding:0 0 60px;
    position:relative;}
    
.afisha .nspArtScroll2 .nspArtPage .nspImageWrapper {
    min-width:100%;
    order:1;}

.afisha .nspArtScroll2 .nspArt *{
    order:7;}
    
.afisha .nspArtScroll2 .nspArtPage address{
    background:#ffb433;
    margin:-4px 0 0;
    padding:8px 0 7px;
    text-align:center;
    display:table;
    font-size:11pt;
    font-weight:600;
    width:100%;
    text-transform:uppercase;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    order:2;}

.afisha .nspArtScroll2 .nspArtPage em{ /*Возрастной ценз*/
    font-weight:600;
    font-size:11pt;
    position:absolute;
    margin:-25px 0 0;
    right:10px;}
    
.afisha .nspArtScroll2 .nspArtPage strong {
    display:none;}

.afisha .nspArtScroll2 .nspArtPage .nspInfo {
    width:217px;
    padding:5px 10px 15px;
    color:#000;
    font-size:10pt;}
    
.afisha .nspArtScroll2 .nspArtPage .nspInfo span{
    position:absolute;
    right:10px;
    text-transform:uppercase;
    font-size:10px;
    margin:3px 0 0;
}
    
.afisha .nspArtScroll2 .nspArtPage .nspInfo b{
    float:right;
    font-size:10px;
    text-transform:uppercase;
    font-weight:300;
    line-height:1.8;
    display:block;
    margin:0 0;}

.afisha .nspArtScroll2 .nspArtPage p{
    color:#000;
    text-align:left;
    padding:0 10px;
    font-size:11pt;}
    
.afisha .nspArtScroll2 .nspArtPage p:nth-child(4){
    color:#000;
    text-align:left;
    padding:15px 10px 0;
    font-size:11pt;
    line-height: 2;}
    
.afisha .nspArtScroll2 .nspArtPage a{
    color:#000;
    text-align:left;
    right:0;
    background:#ffba0d;
    text-decoration:none;
    padding:11px 0 9px 0;
    display:table;
    text-transform:uppercase;
    font-size:9pt;
    width:50%;
    text-align:center;}

.afisha .nspArtScroll2 .nspArtPage a:hover{
    color:#fff;}
    
.afisha .nspArtScroll2 .nspArtPage a.button{
    position:absolute;
    bottom:-40px;
    right:0;
    z-index:2;
    padding:13px 0 13px;}

.afisha .nspArtScroll2 .nspArtPage .readon{
    position:absolute;
    bottom:-40px;
    left:0;
    background:none;
    font-size:9pt;
    color:#000;
    display:table;
    padding:12px 11px;
    border:1px solid #ffba0d;
    background:#fff;
    height:35px;}
    
.afisha .nspArtScroll2 .nspArtPage .readon:hover{
    background:#fff;
    color:#ffba0d;}

.afisha .nspArtScroll2 img,
.afisha .nspArtScroll2 .nspArtPage a img{
    width:100% !important;
    height:auto !important;}
    
.afisha .nspArtScroll2 .nspArtPage .ot {padding:3px 10px;}
.afisha .nspArtScroll2 .nspArtPage .title{font-size:16px;}



@media screen and (max-width:1300px){
    .afisha .nspArtScroll2 .nspArtPage{
        width:calc(25% - 22.5px);}
}

@media screen and (max-width:1024px){
    .afisha .nspArtScroll2 .nspArtPage{
        width:calc(33.33% - 20px);}
}

@media screen and (max-width:784px){
    .afisha .nspArtScroll2{
        padding:0 5%;
        -webkit-box-sizing:border-box;
                box-sizing:border-box;}
        
    .afisha .nspArtScroll2 .nspArtPage{
        width:calc(50% - 15px);}
        
    .afisha .nspArtScroll2 .nspArtPage a,
    .afisha .nspArtScroll2 .nspArtPage .readon{
        font-size:11pt;}
}

@media screen and (max-width:670px){
    .afisha .nspArtScroll2 .nspArtPage a,
    .afisha .nspArtScroll2 .nspArtPage .readon{
        font-size:9.5pt;}
}

@media screen and (max-width:580px){
    .afisha .nspArtScroll2{
        padding:0 15%;}
    
    .afisha .nspArtScroll2 .nspArtPage{
        width:100%;}
        
    .afisha .nspArtScroll2 .nspArtPage a,
    .afisha .nspArtScroll2 .nspArtPage .readon{
        font-size:12pt;}
        
}

@media screen and (max-width:480px){
    .afisha .nspArtScroll2 .nspArtPage a,
    .afisha .nspArtScroll2 .nspArtPage .readon{
        font-size:11pt;}
}

@media screen and (max-width:420px){
    .afisha .nspArtScroll2{
        padding:0 5%;}
}
/***** ***** ***** НАШИ Услуги ***** ***** *****/

.moduletable.uslugi {
    width:100%;
    max-width:var(--max-width);
    min-height:408px;
    display:block;
    margin:0 auto;
    color:#f1f2f3;
    font-size:14px;
    text-align:center;
    line-height:1.5;
    position:relative;}
    
.moduletable.uslugi .custom{
    width:100%;
    max-width:var(--max-width);
    min-height:408px;
    background-size:cover;
    padding:0 20px 10px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;}
    
.moduletable.uslugi .custom h3{
    text-transform:uppercase;
    font-size:18pt;
    padding:50px 0 5px 0;
    font-weight:600;
    color:#fff;}
    
.moduletable.uslugi .custom .uslugi{
    width:100%;
    max-width:var(--max-width);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    margin:40px 0;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;}
    
.moduletable.uslugi .custom .uslugi .us{
    width:17%;
    margin:2%;}

.moduletable.uslugi .custom .uslugi .us img{ 
    width:50%;}
    
@media screen and (max-width:1000px){
    .moduletable.uslugi .custom .uslugi .us{
        width:46%;
        margin:2%;}

    .moduletable.uslugi .custom .uslugi .us img{ 
        width:25%;}
}

@media screen and (max-width:800px){
    .moduletable.uslugi .custom .uslugi .us img{ 
        width:35%;}
}

@media screen and (max-width:500px){
    .moduletable.uslugi .custom .uslugi .us img{ 
        width:45%;}

    .moduletable.uslugi .custom .uslugi p{ 
        font-size:10pt;}
}

.content {
    width:100%;
    max-width:var(--max-width);
    margin:0 auto;
    display:table;
    padding:20px 15px 10px 15px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}

.content p{
    margin:12px 0;
    line-height:1.5;
}

.content h1,
.content h2{
    font-size:22pt;
    margin:15px 0 10px 0;
    text-transform:uppercase;
}

.content h3 {
    font-size:18pt;
    margin:15px 0 10px 0;
    color:#000;}

.content ol li {
    list-style-type:decimal;
    margin:0 0 0 40px;
    line-height:1.4;
}

/***** ***** ***** ФУТТЕР ***** ***** ******/

.footer {
    width:100%;
    max-width:var(--max-width);
    min-height:260px;
    margin:0 auto;
    background:#ffba0d;
    border-top:10px solid #fff;}

.footer .footer-case{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;}

.footer strong{
    font-weight:600;}

.footer .fnews {
    float:left;
    width:300px;
    display:table;
    padding:50px 0 0 50px;
    line-height:1.6;
    color:#222;
    display:none;}

.footer .fnews h3,
.footer .adres h3{
    font-size:20pt;
    margin:0 0 10px;}
    
.footer .fnews .items-row {padding:5px 0;}
.footer .fnews .items-row .img-intro-left {width:45px; float:left; margin:0 25px 0 0;}
.footer .fnews .items-row .img-intro-left img{width:100%; border:1px solid #fff; margin:-20px 0 0 0; padding:5px; background:#2c3e50;}
.footer .fnews .items-row .title a{color:#fff; font-size:14px; margin:0 0 0 70px;}
.footer .fnews .items-row .create {font-size:13px;}

.footer .adres {
    width:300px;
    padding:20px 50px 0 20px;
    font-size:14px;
    line-height:1.6;
    color:#222;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;}

.footer .tophead{
    clear:both;
    width:100%;
    text-align:center;}

/* МКОНЦЕРТ в футере */

.f-left {
    width:50%;
    padding:20px 30px 0px;
    line-height:1.3;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;}
    
.f-left h2{
    font-size:28px;
    margin:10px 0;}

.f-left a {
    font-size:14pt;
    margin:5px 0;
    display:block;}
    
.f-left a:hover {
    color:#fff;}

.adres a:hover{color:#fff;}

@media screen and (max-width:600px){
    .f-left {
        width:100%;}
        
   .adres br{
       display:none;}

    .adres p{
        width:100%;
        display:table;
        padding:10px 0;}
        
   .adres p a{
        width:100%;
        display:table;}
}

.autor {
    width:40%;
    color:#fff;
    font-size:12px;
    padding:10px 0 20px 30px;
    margin:-30px 0 0;
    line-height:1.3;}

.autor a{
    color:#f3f3f3;
    line-height:1.2;}

@media screen and (max-width:600px){
    .autor {
        margin:-30px 0 0;
        padding:10px 20px 20px 20px;
        width:100%;
        -webkit-box-sizing:border-box;
                box-sizing:border-box;
        margin:0;}
}

/* ФотоГалерея */

.blog-items.photogal{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    gap:15px;}
    
.blog-items.photogal .blog-item{
    width:calc(100% / 3 - 10px);
    position:relative;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    display:block;
    overflow:hidden;}

.blog-items.photogal .blog-item .item-image {
    margin: 0 0 0;
    width:100%;
    min-height:100%;
    display:table-cell;}
    
.blog-items.photogal .blog-item .item-image img {
    width:100%;
    -o-object-fit: cover;
       object-fit: cover;}

.blog-items.photogal .blog-item p{
    display:none;
    line-height:1;}
    
.blog-items.photogal .blog-item h2 {
    display:table;
    line-height:1;
    margin:0;}

.blog-items.photogal .blog-item h2 a{
    color:#fff;
    position:absolute;
    bottom:3px;
    background:rgba(0,0,0,.5);
    color:#fff;
    width:100%;
    padding:20px 10px;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;}
    
.blog-items.photogal .blog-item:hover h2 a{
    min-height:100%;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    padding:30% 0 0 0;}
    
@media screen and (max-width:1000px){
    .blog-items.photogal .blog-item{
        width:calc(100% / 2 - 7.5px);}
}

@media screen and (max-width:600px){
    .blog-items.photogal .blog-item{
        width:100%;}
}

.modalDialog {
 position: fixed;
 font-family: Arial, Helvetica, sans-serif;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background: rgba(55,65,89,0.6);
 background: rgba(0,0,0,0.6);
 z-index: 99999;
 -webkit-transition: opacity 400ms ease-in;
 -o-transition: opacity 400ms ease-in;
 transition: opacity 400ms ease-in;
 display: none;
 pointer-events: none;
font-family: "GothamProRegular";
}

.modalDialog:target {
 display: block;
 pointer-events: auto;}

.modalDialog > div {
 width: 250px;
 height: auto;
 display:table;
 margin: auto;
 position: absolute;
 top: 0; left: 0; bottom: 0; right: 0;
 padding: 20px 40px 30px 40px;
 background: #ffba0d;
 border:2px solid #fff;
 z-index:900;
 border-radius:3px;
font-size:14px;
}

.close,
.rsfp_thankou_popup_close_btn{
    display: block;
    background: #2c3e50;
    line-height: 40px;
    position: absolute;
    right: -20px;
    text-align: center;
    top: -10px;
    width: 40px;
    height: 40px;
    text-decoration: none;
    font-weight: bold;
    font-size:25px;
    border-radius: 20px;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
    color:#f5b85f;
    border:2px solid #f5b85f;}

.close:hover,
.rsfp_thankou_popup_close_btn:hover{ background: #374159; color:#f3f3f3; }

.rsfp_thankyou_popup_inner {
    background:#374159;
    color:#f3f3f3;
    border:2px solid #fff;
    border-radius:10px;}

.podpiska h3 {
    font-size:20pt;
    margin:20px 0;
}

.podpiska a {color:#fff;}
.podpiska input{
    width:230px;
    padding:8px 10px;
    margin:5px 0;
    font-size:12pt;
    line-height:1.3;
    color:#222;
}

.podpiska input[type="submit"]{
    background:#ffba0d;
    border:2px solid #000;
    outline:none;
    margin:10px 0 20px 0;
    width:150px;
    text-transform:uppercase;
    font-family: "GothamProRegular";
    cursor:pointer;
     border-radius:3px;
}
.podpiska input[type="submit"]:hover{
    border:2px solid #fff;
    color:#fff;
}

.h1center {
  text-align:center;
}

/***** ***** ***** ПАГИНАЦИЯ ***** ***** *****/
.com-content-category-blog__navigation {
    text-align:center;}
  
.com-content-category-blog__navigation ul{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;}
    
.com-content-category-blog__navigation ul li{
    margin:10px 10px 5px 0}
    
.com-content-category-blog__navigation ul li a{
    color:#ffbd38}

.com-content-category-blog__counter {
    display:none;}

.com-content-category-blog__navigation ul li:first-child,
.com-content-category-blog__navigation ul li:last-child,
.com-content-category-blog__navigation ul li:nth-child(2){
    display:none;}


.com-content-article .item-image{
    width:56%;
    float:left;
    display:table;
    margin:-53px 3% 0 0;}
    
.com-content-article .item-image img{
    width:100% !important;
    object-fit: cover;
    height:auto !important;
}

.com-content-article .create {
    margin:0px 0 20px 59%;
    padding:10px 0;
    font-size:16pt;
    line-height:1.3;}

.com-content-article address {
    text-transform:uppercase;}

.com-content-article em{
    line-height:2.5;
    font-size:16pt;}
    
a.button {
    background:#ffc125;
    padding:12px 25px 10px;
    text-transform:uppercase;}
    
a.button:hover {
    color:#fff;
    background:#ffc125;}
    
.content-case a.button {display:table;
    margin:0 0 20px;}

    @media screen and (max-width:800px){
        .com-content-article .item-image{
            width:100%;
            margin:0 0 10px;
            padding:0;}
    
        .com-content-article .create {
            margin:0px 0 20px 0px;}
    }
    
    


.adres{
    float:right;
    padding:0;}

.pcard {
    height:118px;
    background:#24272a;
    margin:0 auto;
    padding: 0 15px;
    background-image:url(../../../../../images/style/Pcard2.png);
    background-repeat:no-repeat;
    background-position:50% 6px;}
    
.pcard .custom{
    width:100%;
    max-width:var(--max-width);
    margin:0 auto;
    background:#fff;}

.pcard a{
    display:table;
    margin:50px 110px 0;
    float:left;
    color:#fff;
    font-size:13pt;}
    
.pcard a:last-child{
    float:right;}
    
.pcard a:hover{
    color:#ffc125;}

    @media screen and (max-width:1200px){
        .pcard a{
            margin:50px 40px 0;}
    }
    
    @media screen and (max-width:1000px){
        .pcard {
            background-position:left bottom;}
            
        .pcard a{
            float:right;
            margin:20px 20px 0;}
    }
    
    @media screen and (max-width:600px){
        .pcard {
            background-size:80%;
            background-position:left bottom;}
            
        .pcard a{
            float:right;
            margin:15px 10px 0;
            clear:both;
            font-size:11pt;}
    }

/* Хлебные крошки */

.moduletable.nav {
    width:100%;
    max-width:var(--max-width);
    margin:0 auto;
    padding:10px 15px;
    line-height:1.4;
    font-size:10pt;}
    
.moduletable.nav li{
    float:left;
    padding:0 20px 0 0;
    position:relative;
    display:table;}
    
.moduletable.nav li.breadcrumb-item:after{
    content:"/";
    position:absolute;
    right:5px;}

.moduletable.nav li.breadcrumb-item:last-child:after {
    content:"";}

/* Видео */

.avVideo {
    width:calc(25% - 20px);
    margin:10px 20px 10px 0;
    float:left;
    display:block;
    clear:none;}

    @media screen and (max-width:1000px){
        .avVideo {
            width:calc(33% - 20px);}
    }
    
    @media screen and (max-width:800px){
        .avVideo {
            width:calc(50% - 20px);}
    }
    
    @media screen and (max-width:450px){
        .avVideo {
            width:100%;}
    }

.maps {
    min-width:100%;}
    
.maps *{
    width:100%;}

/* Заказать артиста */

.form {
    float:right;
    max-width:320px;
    margin:15px 0 15px 30px;
    padding:30px;
    background:#f3f3f3;}

.item-page-left {
    float:left;
    max-width:calc(100% - 400px);
    display:table;}
    
@media screen and (max-width:700px){
    .item-page-left {
        max-width:100%;
        display:table;}
        
    .form {
        padding:30px 10px;}
}

.form input{
    min-width:100%;
    padding:10px 20px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    margin:10px 0;
    border:1px solid #ccc;
    font-size:12pt;}

.form button{
    background:#ffc125;
    margin:10px 0 0;
    padding:12px 40px 11px;
    border:0;
    float:right;
    text-transform:uppercase;
    font-size:13pt;
    cursor:pointer;}

.form button:hover{
    color:#fff;}
    
@media screen and (max-width:700px){
    .form {
        float:none;
        margin:10px 0;
        max-width:100%;}
}    
    

.item-page-photogal img{
    min-width:calc(100% / 4 - 5px);
    max-width:calc(100% / 4 - 5px);
    height:auto;
    -o-object-fit:cover;
       object-fit:cover;
}

@media screen and (max-width:1200px){
    .item-page-photogal img{
        max-width:calc(100% / 3 - 5px);
        min-width:calc(100% / 3 - 5px);
    }
}

@media screen and (max-width:800px){
    .item-page-photogal img{
        max-width:calc(100% / 2 - 5px);
        min-width:calc(100% / 2 - 5px);
    }
}

@media screen and (max-width:600px){
    .item-page-photogal img{
        max-width:100%;
        min-width:100%;
    }
}

.icons {
    display:none !important;
}

.nav li:has(a[href="/afisha-skrytaya"]),
.nav a[href="/afisha-skrytaya"]{
    display:none;
}



.cookie {
    position:fixed;
    z-index:99999;
    display:table;
    bottom:15px;
    left:30px;
    width:calc(50vw - 60px);
    max-width:500px;
    background:rgb(255,255,255,1);
    -webkit-box-shadow:5px 5px 10px #000;
            box-shadow:5px 5px 10px #000;
    padding:20px 30px;
    line-height:1.2;
    border-radius:5px;
    font-size:11pt}
    
.cookie p{
    margin:5px 0 10px;
    float:left;}

.cookie p a{
    color:var(--cl-link);}
    
.cookie a#cookie-agreement-button{
    display:table;
    color:#fff;
    margin:0px 0 0;
    font-weight:100;
    float:left;
    font-size: 11pt;
    border-radius: 3px;
    background: var(--cl-link);
    padding: 9px 20px 8px;
    text-transform:uppercase;
    border: none;
    outline: none;
    cursor: pointer;}
    
.cookie a#cookie-agreement-button:hover{
    background: var(--cl-link-hover);}


    @media screen and (max-width:1024px){
        .cookie {
            width:calc(100vw - 60px);}
            
        .cookie p{
            width:100%;}
            
        .cookie a#cookie-agreement-button{
            float:left;}
    }