/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.icons {
    display:none;}

:root {
    --size-content:1340px;
    --padding-def:0 20px;
    --cl-line-gray:#999999;
    --cl-link-hover:#222;
    --cl-header:#cdcdcd;
    --cl-body:#edeff1;
    --cl-footer:#000;
    --cl-line:#cdcdcd;
    --cl-blue:#484b56;
    --cl-red:#a4032d;
    --cl-link:#8d2138;
    --cl-link-hover:#d42d4a;
    --cl-news-fon:#55535e;
    --cl-news-date:#92877b;
    --cl-news-text:#f6f6f6;
    --cl-afisha-fon: #c7c3cf;}


@font-face {
	font-family: 'Forum';
	src: local('Forum-Regular.ttf'), local('Forum'),
		url('../../../../../fonts/Forum-Regular.ttf') format("truetype");}
		
@font-face {
	font-family: 'Caravan';
	src: local('Caravan.otf'), local('Caravan'),
		url('../../../../../fonts/Caravan.otf') format("opentype");}

@font-face {
	font-family: 'NotoSans';
	src: local('NotoSans-Regular.ttf'), local('NotoSans-Regular'),
		url('../../../../../fonts/NotoSans-Regular.ttf') format("truetype");}
		
@font-face {
	font-family: 'NotoSans Light';
	src: local('NotoSans-Light.ttf'), local('NotoSans Light'),
		url('../../../../../fonts/NotoSans-Light.ttf') format("truetype");}
		
@font-face {
	font-family: 'NotoSans Medium';
	src: local('NotoSans-Medium.ttf'), local('NotoSans Medium'),
		url('../../../../../fonts/NotoSans-Medium.ttf') format("truetype");}
		
@font-face {
	font-family: 'NotoSans Thin';
	src: local('NotoSans-Thin.ttf'), local('NotoSans Thin'),
		url('../../../../../fonts/NotoSans-Thin.ttf') format("truetype");}
		
@font-face {
	font-family: 'NotoSans Bold';
	src: local('NotoSans-Bold.ttf'), local('NotoSans Bold'),
		url('../../../../../fonts/NotoSans-Bold.ttf') format("truetype");}

html{
    height: 100%;}
    
body{
    font-family: 'NotoSans';
    background:var(--cl-body);
    min-width:320px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    min-height: 100%;
    font-size:13pt;}

* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;}
    
a{
    color:var(--cl-link);
    text-decoration:none;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
    
a:hover{
    color:var(--cl-link-hover);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
    

main p{
    font-size:14pt;
    line-height:1.2;}

header {
    width:100%;
    -webkit-box-flex:0;
        -ms-flex:0 0 auto;
            flex:0 0 auto;
    min-height:290px;
    padding:0;
    background:var(--cl-news-fon);
    background-position:center -143px;
    background-size:1920px;
    background-repeat:no-repeat;}

header .header_top {
    width:100%;
    margin:0 auto;
    position:absolute;
    top:0;
    z-index:2;}

    
header.shrink .header_top{
    width:100%;
    position:fixed;
    max-height:85px;
    background:rgba(85,83,94,.9);}
    
header.shrink .moduletable.soc,
header.shrink .header-version{
    display:none;}
    
    @media (max-width: 1440px) {
        header {
            min-height:240px;}
        
    }
    
    @media (max-width: 1366px) {
        header {
            min-height:200px;}
        
    }
    
    @media (max-width: 1280px) {
        header {
            min-height:190px;}
        
    }
    
    
    @media (max-width: 800px) {
        header.shrink .header_top{
            position:absolute;
            max-height:10px;
            background:none;}
    }    



/***** ***** ***** ***** Важное объявление! */
.top_message{
    width:100%;
    max-width:var(--size-content);
    background:var(--top_message_gb);
    color:var(--top_message_color);
    margin:0 auto;}

.top_message .nspLinkScroll2 {
    width:100%;
    margin:10px auto 0;
    display:block;
    padding: 10px 20px;
    background:var(--top_message_gb);}
    
.top_message p{
    line-height:1.2;
    font-size:12pt;}
    
.top_message p strong{
    font-weight:600;}


    
/* Касса в шапке */    
    
.moduletable.kassa {
    color:#fff;
    width:50%;
    padding:20px;
    line-height:1.3;
    color:#ccc;
    float:left;}

.moduletable.kassa a{
    color:#ccc;
    display:inline-block;}

.moduletable.kassa a:hover{
    color:#fff;}


/***** Версия для слабовидящих и соц. сети в шапке *****/

.header_sc {
    height: 0 !important;
    padding: 0;
    max-width: var(--size-content);
    margin: 0 auto;
    background: rgba(255,255,255,.2);
    position: relative;
    z-index: 3;}

.moduletable.soc {
    position: absolute;
    padding: 0 22px;
    top: 180px;
    margin:0 0 0 15px;}
    
.moduletable.soc a {
    width: 42px;
    height: 35px;
    margin: 3px 15px 4px 0;
    float: left;
    display: table;
    font-size: 0;}
    
.moduletable.soc a.vk,
.moduletable.soc a.tg {
    background: url(../../../../../images/style/icons.svg) no-repeat;}
    
.moduletable.soc a.vk {
    background-size: 42px;
    background-position: left 2px;
    height: 32px;}
    
.moduletable.soc a.tg {
    background-size: 33px;
    background-position: left -28px;
    height: 32px;}

.header-version {
    position: absolute;
    padding: 0 20px;
    right: -77px;
    top: 180px;}
    
a.version {
    font: 11pt/1.3 'NotoSans';
    float: right;
    color: #fff;
    text-transform: uppercase;
    background: url(../../../../../images/style/icons.svg) no-repeat left -74px/40px;
    display: table;
    padding: 0 0 0 52px;}


    @media (max-width: 1600px) {
        .header_sc { max-width: 1156px }
        .moduletable.soc { top: 160px }
        .header-version { 
            right: -89px;
            top: 160px;}
            
        .moduletable.soc {
            margin:0 0 0 10px;}
    }

    @media (max-width: 1440px) {
        .header_sc { max-width: 1052px }
        .moduletable.soc { top: 140px }
        .header-version {
            right: -100px;
            top: 140px;}
    }

    @media (max-width: 1366px) {
        .header_sc { max-width: 990px }
        .moduletable.soc { top: 120px }
        .moduletable.soc a.vk { background-size: 38px }
        .moduletable.soc a.tg {
            background-size: 30px;
            background-position: left -26px;}
            
        .header-version {top:120px}
        a.version {
            font-size: 10pt;
            background-position: left -72px;
            background-size: 38px;}
        
        .header-version {
            right: -97px;}
            
        .moduletable.soc {
            margin:0 0 0 5px;}
    }

    @media (max-width: 1280px) {
        .header_sc { max-width: 900px }
        .moduletable.soc {
            top: 110px;}
            
        .moduletable.soc a { width: 22px }
        .moduletable.soc a.vk {
            background-size: 22px;
            height: 20px;}
            
        .moduletable.soc a.tg {
            background-size: 20px;
            background-position: left -16px;
            height: 22px;}
            
        .header-version {
            top: 110px;
            right: -72px;}
            
        a.version {
            background-size: 25px;
            background-position: left -44px;
            padding-left: 32px;
            font-size: 9pt;}
    }
    
    @media (max-width: 1200px) {
        .header-version {
            right: 0px;}
    }
    
    @media (max-width: 1024px) {
        .header_sc { max-width: 765px}
    }
    
    @media (max-width: 800px) {
        .header-version,
        .moduletable.soc{
            display:none}
    }
    
    @media (max-width: 650px) {
        .header-version{
            top:250px;}
        
        .moduletable.soc{
            top:20px;
            right:20px;}
        
        .moduletable.soc a{
            display:none;}
    }





/* Навигация - Хлебные крошки */

.navigation {
    font-family: 'NotoSans';
    font-size:11pt;
    width:100%;
    margin:0 auto;
    padding:15px 0;
    clear:both;
    color:#000;
    line-height:1.4;}

.navigation nav{
    display:table;
    width:100%;
    position:relative;
    width:100%;
    max-width:var(--size-content);
    margin:0 auto;
    padding:0 15px;}
    
.navigation nav ol{
    min-width:100%;
    display:table;}
    
.navigation li:first-child{
    display:none;}
    
.navigation li{
    padding:0 8px;
    position:relative;
    display:table;
    float:left;}

.navigation li:after{
    content:"/";
    color:#000;
    position:absolute;
    top:0px;
    right:-3px;}
    
.navigation li:last-child:after{
    content:"";}
    
.navigation li a span{
    color:#000;}

.navigation li a:hover{
    color:var(--cl-link);}

.navigation li span{
    color:#65636d;}
    
.navigation li:has(a[href="/index.php?view=category&id=14"]) {
    display:none;
}


/* Навигация на странице Афиша */

.navigation.afisha{    
       background: var(--cl-afisha-fon);}
    
 /*   
.link_logo img{
    width:130px;
    height:auto;
}
*/
/* МЕНЮ ГЛАВНОЕ */

.menu{
    padding:0 20px 0;
    width:100%;
    max-width:100%;
    float:right;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    margin:15px auto;
    z-index:99999;
    position:relative;}

.menu .nav {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    gap:6px 53px;
    font-size:16pt;
    padding:0 0 15px;}

.menu .nav > li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    height:35px;
    margin:100px 0 0;}

.menu .nav > li:nth-child(4) {
    margin:0px 0 0;}

.menu .nav a{
    font-family: 'NotoSans Light';
    color:#fff;
    font-size:17pt;
    padding:6px 15px 4px;
    border-radius:3px;
    text-transform:uppercase;
    margin:0px 0 0;}

.menu .nav a.link_logo span{
    display:none;}

ul.mod-menu a:hover{
    color:var(--cl-link);
    color:var(--cl-afisha-fon);}
    
ul.mod-menu a.link_logo:hover{
    background:none;}

ul.mod-menu a.link_logo {
    margin:0;}

ul.mod-menu a.link_logo img{
    width:160px;
    height:auto;}


.menu .nav li ul {
    position: absolute;
    display: none;
    list-style: none;}

.menu .nav li:hover ul {
    display:table;
    height:auto;
    z-index:99999;
    margin:34px 0 0;
    padding:10px 0;
    width:258px;
    background: var(--cl-afisha-fon);
    -webkit-box-shadow:1px 1px 5px #444;
            box-shadow:1px 1px 5px #444;}

.menu .nav li ul li {
    display:table;
    padding: 2px 0;}

.menu .nav li ul li a{
    color:#000;
    width:100%;
    display:table;
    padding: 5px 20px;
    font-size:12pt;
    line-height:1.3;}

.menu .nav li ul li a:hover{
    color:#fff;}

.menu .topmenu {
    display:none;}
    
.menu  li:nth-child(8),
.menu  li:nth-child(9){
    display:none;}

    @media screen and (max-width:1600px){
        .menu .nav {
            gap:6px 37px;}
            
        .menu .nav > li {
            height:34px;
            margin:95px 0 0;}
            
        .menu .nav a,
        .menu .nav span{
            font-size:15pt;}

        ul.mod-menu a.link_logo img{
            width:150px;}
    }
    
    @media screen and (max-width:1440px){
        .menu .nav > li {
            height:34px;
            margin:75px 0 0;}
            
        .menu .nav a,
        .menu .nav span{
            font-size:13pt;}

        ul.mod-menu a.link_logo img{
            width:120px;}
    }
    
    @media screen and (max-width:1366px){
        .menu .nav li:hover ul {
            width:230px;}
            
        .menu .nav > li {
            height:34px;
            margin:65px 0 0;}
                
        .menu .nav a,
        .menu .nav span{
            font-size:12pt;}
            
        .menu .nav li ul li a{
            font-size:10pt;}

        ul.mod-menu a.link_logo img{
            width:100px;}
    }
    
    @media screen and (max-width:1280px){
        
        .menu .nav li:hover ul {
            width:160px;}
            
        .menu .nav > li {
            height:34px;
            margin:55px 0 0;}
            
        .menu .nav {
            gap:6px 30px;}
        
        .menu .nav a,
        .menu .nav span{
            font-size:11pt;}
            
        .menu .nav li ul li a{
            font-size:9pt;}

        ul.mod-menu a.link_logo img{
            width:90px;}
    }
    
    @media screen and (max-width:1024px){
        .menu .nav {
            gap:6px 15px;}
            
        .menu .nav li:hover ul {
            width:160px;}
        
        .menu .nav a,
        .menu .nav span{
            font-size:10pt;}

        ul.mod-menu a.link_logo img{
            width:80px;}
    }
    
    @media screen and (min-width:800px) and (max-width:1024px){
        .menu .nav li:nth-child(7):hover ul {
            width:160px;
            margin-left: -60px;
        }
    }
    
    
    

header.shrink{
    z-index:99;}    

header.shrink .header_top .menu .nav{
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;}

header.shrink .header_top ul.mod-menu > li{
    padding:25px 0 8px;
    margin:-12px 0 0;}
    
header.shrink .header_top ul.mod-menu > li ul{
    margin:32px 0 0;}

header.shrink .header_top ul.mod-menu > li:nth-child(4) {
    padding:0px; 
    width:172px;
    height:68px;
    margin:-8px 0 0;
    overflow:hidden;}

header.shrink .header_top ul.mod-menu a.link_logo img{
    width:140px;
    height:auto;
    margin:-147px 0 0;}
    
    @media screen and (max-width:1600px){
        header.shrink .header_top ul.mod-menu > li ul{
            margin:29px 0 0;}
    }
    

    @media screen and (max-width:1440px){
        header.shrink .header_top ul.mod-menu > li ul{
            margin:26px 0 0;}
        
        header.shrink .header_top ul.mod-menu > li:nth-child(4) {
            width:140px;
            padding:0 0 10px;}
        
        header.shrink .header_top ul.mod-menu a.link_logo img{
            width:120px;
            margin:-127px 0 0 -7px;}
    }
    
    @media screen and (max-width:1366px){
        header.shrink .header_top ul.mod-menu > li ul{
            margin:23px 0 0;}
    }
    
    @media screen and (max-width:1200px){
        header.shrink .header_top ul.mod-menu > li ul{
            margin:23px 0 0;}
    }
    
    @media screen and (max-width:1024px){
        header.shrink .header_top ul.mod-menu > li ul{
            margin:21px 0 0;}
            
        header.shrink .menu .nav {
            gap:6px 10px;}
    }
    

    

    @media screen and (max-width:800px){
    
        .menu{
            position: relative;
            min-width:100%;
            height:50px !important;
            z-index: 99999;
            top:0px;
            right:15px;}
            
        .menu .topmenu {
            position: absolute;
            top:0;
            right:0;
            width:44px;
            height:50px;
            display: block;
            margin:4px 0 10px;
            overflow: hidden;
            font-size:34pt;
            text-align:left;
            background-repeat:no-repeat;
            background-size:45px;
            z-index: 55;
            cursor: pointer;
            border-radius:3px;
            overflow:hidden;
            padding:0px;
            color:#fff;
            -webkit-transition-duration: .2s;
                 -o-transition-duration: .2s;
                    transition-duration: .2s;}
    
        .menu .topmenu:hover{
            -webkit-transition-duration: .2s;
                 -o-transition-duration: .2s;
                    transition-duration: .2s;}
    
        .menu .nav,
        header.shrink .header_top .menu .nav{
            display:none;}

        .menu .nav.active{
            width:auto;
            display:-webkit-box;
            display:-ms-flexbox;
            display:flex;
            position: absolute;
            right:55px;
            top:10px;
            padding:20px 0 0;
            border-radius:3px;
            background:var(--cl-news-fon);
            -webkit-box-orient:vertical;
            -webkit-box-direction:normal;
                -ms-flex-direction:column;
                    flex-direction:column;
            gap:0;
            -webkit-box-shadow: 2px 2px 10px #222;
                    box-shadow: 2px 2px 10px #222;
            overflow:hidden;}
        
        .menu .nav > li{
            clear: both;
            padding:0;
            -webkit-box-ordinal-group:3;
                -ms-flex-order:2;
                    order:2;
            margin:0;
            height:auto;}
            
        .menu .nav li:nth-child(4){
            -webkit-box-ordinal-group:2;
                -ms-flex-order:1;
                    order:1;}
    
        .menu .nav li a{
            display: block;
            width: calc(70vw - 70px);
            padding:10px 20px 8px 25px;

            font-size: 13pt;
            margin:0;
            border-radius:0;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;}
            
        .menu .nav li span{
            color: #fff;
            font-size: 13pt;}
        
        
        ul.mod-menu li:nth-child(4){
            -webkit-box-ordinal-group:2;
                -ms-flex-order:1;
                    order:1;}
            
        ul.mod-menu a.link_logo {
            margin:0;
            width:100%;
            background:var(--cl-news-fon);}
        
        .menu .nav a.link_logo span{
            display:block;}

        ul.mod-menu a.link_logo img{
            display:none;}
        
        .menu .nav li a:hover {
            background: var(--cl-link);}
        
        .menu .nav li ul,
        .menu .nav li:hover ul{
            position: relative;
            display: none;
            z-index: 99;
            top:0;}
        
        .menu .nav li ul {
            padding:0;}
            
        .menu .nav li ul li a{
            padding:10px 20px 8px 40px;
            background: var(--cl-body);
            -webkit-box-shadow:none;
                    box-shadow:none;}
            
        ul.mod-menu li.active a{
            background:var(--cl-afisha-fon);}
            
        .menu .nav li ul li.active a{
            background:var(--cl-link-hover);
            color:#fff;}

        .menu  li:nth-child(7){
            padding:0 0 30px;
            border-bottom:1px solid var(--cl-afisha-fon);}            
            
        .menu  li:nth-child(8),
        .menu  li:nth-child(9){
            display:block;
            padding:0;}

        .menu  li:nth-child(8) a,
        .menu  li:nth-child(9) a{
            padding:30px 30px 20px 30px;
            font-size:11pt;
            line-height:1.3;
            position:relative;}
}

/* Логотип */

.moduletable.logo{
    display:none;}

 @media screen and (max-width:800px){
    .moduletable.logo{
        position:absolute;
        top:20px;
        left:20px;
        display:block;
        width:100px;}
        
    .moduletable.logo img{
        width:100%;}
 }


/***** ***** ***** ***** ***** Слайдер ***** ***** *****/

.slider{
    width:100% !important;
    max-width:100%;
    background:#000;
    z-index:2;
    height:100%;
    padding:0 !important;}
    
.slider .leading {
    position:relative;
    width:100%;
    max-width:1920px;
    margin:0 auto !important;
    padding:0 !important;
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;}
    
.gkNspPM-EvoNews1 {

    margin-right: 0px;
	margin-left: 0px;}

.slider .leading .art{
    margin:0 auto;}

.slider .leading img{
    width:100% !important;
    height:100% !important;
    max-width:1920px !important;
    margin:0 auto;
    z-index:2;
    -o-object-fit:cover;
       object-fit:cover;
    -o-object-position: center center;
       object-position: center center;}

.slider .leading .art h4 {
    width:60% !important;
    left:20.5%;
    position:absolute;
    display:table;
    z-index:3;
    bottom:280px;
    width:100%;
    color:#fff;
    text-align:center;
    font-size:72pt;
    text-transform:uppercase;
    letter-spacing:15px;
    font-family:"Forum";
    padding:0;}
    


.slider .leading .art .nspText ~ p {
    position:absolute;
    z-index:3;
    bottom:251px;
    padding:0;
    font-size:13.5pt;
    width:100%;
    color:#fff;
    text-align:center;
    font-family: "Forum";
    text-transform:uppercase;
    letter-spacing:0px;}

.slider .leading .art .nspText ~ p.nspInfo {
    right:7.8%;
    width:195px;
    padding:17px 10px 5px;
    bottom:234px;
    position:absolute;
    display:table;
    z-index:3;
    background:rgba(0,0,0,.5);
    color:#fff;
    font-size:16pt;
    border-radius:0 0 3px 3px;}
    
.slider .leading .art .nspText ~ p.nspInfo span{
    float:left;
    font-size:45pt;
    margin:-10px 0 0 10px;
}

.slider .leading .art button{             /* Кнопка купить билет */
    right:7.8%;
    width:195px;
    top:-100px;
    position:absolute;
    display:table;
    color:#fff;
    font-size:16pt;
    font-family: 'NotoSans Medium';
    border-radius:3px;
    background:var(--cl-link);
    padding:8px 7px;
    text-transform:uppercase;
    border:none;
    outline:none;
    cursor:pointer;
    z-index:4;
}
    
.slider .leading .art p:nth-child(6){
    bottom:10%;
    position:absolute;}

.slider .leading .art p:nth-child(6) a{
    bottom:70px;
    position:absolute;
    margin: 0 auto;
    display: table;
    padding: 6px 15px;
    font-size: 14pt;
    text-transform: uppercase;
    position: relative;
    color: #f6f6f6;
    letter-spacing: 3px;
    border-right: 2px solid #f6f6f6;
    border-left: 2px solid #f6f6f6;}


.slider .owl-controls {
    bottom:0px;
    background:rgba(255,255,255,.2);
    z-index:10;
    width:100%;}
    
.slider .owl-controls .owl-prev,
.slider .owl-controls .owl-next{
    width:50px;
    height:50px;
    border:2px solid #6c6e77;
    border-radius:49.5%;
    position:absolute;
    bottom:200px;
    position:relative;
    display:block !important;
    z-index:12;
    font-size:0;}

.slider .owl-controls .owl-prev{
    left:80px;
    position:absolute;}
    
.slider .owl-controls .owl-next {
    right:80px;
    position:absolute;}

.slider .owl-controls .owl-prev:before{
    content:"";
    position:absolute;
    width:12px;
    height:12px;
    border-top:2px solid #6c6e77;
    border-left:2px solid #6c6e77;
    top:16px;
    left:19px;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);}
    
.slider .owl-controls .owl-next:before{
    content:"";
    position:absolute;
    width:12px;
    height:12px;
    border-top:2px solid #6c6e77;
    border-right:2px solid #6c6e77;
    top:16px;
    right:19px;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);}

    @media screen and (max-width:1880px){

        .slider .leading .art h4 {
            bottom:270px;
            font-size:60pt;
            letter-spacing:12px;}
        
        .slider .leading .art .nspText ~ p {
            bottom:251px;
            font-size:11pt;}
            
        .slider .leading .art .nspText ~ p.nspInfo {
            right:6%;
            bottom:260px;}
            
        .slider .leading .art button{
            right:6%;
            top:-122px;
            margin:0 auto;
            clear:both;
            font-size:14pt;}
            
        .slider .leading .art p:nth-child(6){
            bottom:120px;
            position:absolute;}
            
        .slider .leading .art p:nth-child(6) a{
            font-size:11pt;}
    }

    
    @media screen and (max-width:1600px){ /* 1600 - 900 */
    
        .slider .leading .art h4 {
            bottom:270px;
            font-size:55pt;
            letter-spacing:12px;}
        
        .slider .leading .art .nspText ~ p {
            bottom:251px;
            font-size:11pt;}
            
        .slider .leading .art .nspText ~ p.nspInfo {
            bottom:248px;}
            
        .slider .leading .art button{
            top:-110px;}
            
        .slider .leading .art p:nth-child(6){
            bottom:120px;}
        
        .slider .leading img{    
        max-width:auto !important;}
    }
    
    @media screen and (max-width:1440px){ /* 1440 - 900 */

        .slider .leading .art h4 {
            width:54% !important;
            left:23.5%;
            bottom:170px;
            font-size:55pt;
            letter-spacing:7px;}
            
        .slider .leading .art .nspText ~ p {
            bottom:151px;
            font-size:11pt;}
            
        .slider .leading .art .nspText ~ p.nspInfo {
            bottom:131px;
            width:180px;
            right:7.8%;
            font-size:13.5pt;
            line-height:1.2;}
            
        .slider .leading .art .nspText ~ p.nspInfo span{
            font-size:40pt;
            margin:-7px 0 0 10px;
            line-height:1;}
            
        .slider .leading .art button{
            width:180px;
            right:7.8%;
            top:-87px;
            font-size:12pt;}
            
        .slider .leading .art p:nth-child(6){
            bottom:20px;}
                
        .slider .leading .art p:nth-child(6) a{
            font-size:12pt;}
            
        .slider .owl-controls .owl-prev,
        .slider .owl-controls .owl-next{
            bottom:100px;}
    }

    @media screen and (max-width:1366px){ /* 1366 - 768 */

        .slider .leading .art h4 {
            bottom:250px;
            font-size:45pt;
            letter-spacing:6px;}
            
        .slider .leading .art .nspText ~ p {
            bottom:231px;
            font-size:10pt;}
            
        .slider .leading .art .nspText ~ p.nspInfo {
            width:160px;
            padding:15px 5px 5px;
            bottom:207px;}
            
        .slider .leading .art button{
            width:160px;
            right:7.8%;
            top:-79px;
            font-size:11pt;}
            
        .slider .leading .art p:nth-child(6){
            bottom:100px;}
                
        .slider .leading .art p:nth-child(6) a{
            font-size:10pt;}
            
        .slider .owl-controls .owl-prev,
        .slider .owl-controls .owl-next{
            bottom:160px;}
            
        } 

    @media screen and (max-width:1200px){ /* 1200 - 768 */

        .slider .leading .art h4 {
            letter-spacing:3px;}
            
        .slider .leading .art .nspText ~ p.nspInfo {
            bottom:208px;
            right:30px;}
            
        .slider .leading .art button{
            right:30px;
            font-size:11pt;}
    }

    @media screen and (max-width:1024px){ /* 1024 - 768 */

        .slider .leading .art h4 {
            bottom:150px;
            font-size:36pt;}
            
        .slider .leading .art .nspText ~ p {
            bottom:131px;
            font-size:10pt;}
            
        .slider .leading .art .nspText ~ p.nspInfo {
            bottom:131px;
            right:30px;
            border-radius:3px 3px 0 0;}
            
        .slider .leading .art button{
            top:0px;
            font-size:11pt;}
            
        .slider .leading .art p:nth-child(6){
            bottom:10px;}
                
        .slider .leading .art p:nth-child(6) a{
            font-size:10pt;}
            

        .slider .owl-controls .owl-prev,
        .slider .owl-controls .owl-next{
            width:45px;
            height:45px;
            bottom:30px;}

        .slider .owl-controls .owl-prev{
            left:40px;}
            
        .slider .owl-controls .owl-next {
            right:40px;}

        .slider .owl-controls .owl-prev:before{
            width:8px;
            height:8px;
            left:16px;}
    
        .slider .owl-controls .owl-next:before{
            width:8px;
            height:8px;
            right:16px;}
        } 

        
    @media screen and (max-width:800px){ /* 800 - 600 */

        .slider .leading .art h4 {
            bottom:125px;
            font-size:40px;
            letter-spacing:10px;}
            
        .slider .leading .art .nspText ~ p {
            bottom:111px;
            font-size:8pt;}
            
        .slider .leading .art .nspText ~ p.nspInfo {
            bottom:111px;
            width:140px;
            font-size:10pt;}
            
        .slider .leading .art .nspText ~ p.nspInfo span{
            font-size:30pt;
            margin:-5px 0 0 10px;
            line-height:1;}
            
        .slider .leading .art button{
            width:140px;
            //right:7.8%;
            top:0px;
            font-size:10pt;}
            
        .slider .leading .art p:nth-child(6){
            bottom:0px;}
                
        .slider .leading .art p:nth-child(6) a{
            font-size:8pt;}
            
        .slider .owl-controls .owl-prev,
        .slider .owl-controls .owl-next{
            bottom:15px;}
            
        } 

    @media screen and (max-width:650px){ /* 650 - 1000 */
    
        .slider .leading .art h4 {
            width:90% !important;
            max-width:90% !important;
            left:5%;
            bottom:50%;
            font-size:42px;
            letter-spacing:2px;}
            
        .slider .leading .art .nspText ~ p {
            bottom:48%;
            font-size:10pt;}
            
        .slider .leading .art .nspText ~ p.nspInfo {
            top:90px;
            right:0px;
            position:absolute;
            border-radius: 3px 0 0 3px;}
            
        .slider .leading .art button{
            right:calc(50% - 67px);
            top:auto;
            position:absolute;
            bottom:-100px;
            font-size:10pt;}
            
        .slider .leading .art p:nth-child(6){
            bottom:10%;}
                
        .slider .leading .art p:nth-child(6) a{
            
            font-size:10pt;}
    
        .slider .leading {
            height: 100vh;}
            
        .slider .leading img{
            width:100vw !important;
            height:100vh !important;}
            
        .slider .owl-controls .owl-prev,
        .slider .owl-controls .owl-next{
            bottom:15%;}
    }
    
    @media screen and (max-width:400px){
        .slider .leading img{
            width:100% !important}
            
        .slider .leading .art .nspText ~ p {
            bottom:40%;
            padding:0 20px;
            font-size:10pt;}
            
        .slider .leading .art p:nth-child(6){
            bottom:5%;}
            
    }






/* Горизонтально меню */

.moduletable.g-menu {
    width:100%;
    max-width:var(--size-content);
    padding:20px 20px 15px;
    margin:0 auto;
    clear:both;
    display:table;}

.moduletable.g-menu ul li{
    float:left;
    padding:0 25px 0 0;}

.moduletable.g-menu ul li a{
    color:#000;
    font-size:20pt;
    letter-spacing:3px;
    font-family:"Forum";
    background:none;}

.moduletable.g-menu ul li.current a {
    color:#65636d;}

.moduletable.g-menu ul li a:hover{
    color:var(--cl-link);}
    
    @media screen and (min-width:800px){
        .moduletable.g-menu {
            display:none;}
    }
    @media screen and (max-width:800px){
        .moduletable.g-menu ul li {
            width:100%;
            clear:both;
        }    
            
        .moduletable.g-menu ul li a{
            font-size:18pt;
            letter-spacing:1px;}
    }





/* Кнопка Вверх для сайта*/

#toTop {
    width:45px;
    height:45px;
    display:block;
    border-radius:5px;
    position:fixed;
    bottom:100px;
    right:20px;
    cursor:pointer;
    border-radius:49.5%;
    border:2px solid #6c6e77;
    mix-blend-mode: multiply;
    z-index:99;
    -webkit-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
}
    
#toTop:before {
    content:"";
    position:absolute;
    width:8px;
    height:8px;
    border-top:2px solid #6c6e77;
    border-left:2px solid #6c6e77;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
    top:19px;
    left:16.5px;
    -webkit-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
}
    
#toTop:hover {
    border:2px solid var(--cl-link);}
    
#toTop:hover:before {
    border-top:2px solid var(--cl-link);
    border-left:2px solid var(--cl-link);}

@media screen and (max-width:1500px){
    #toTop {mix-blend-mode: normal;}   
}
    
@media screen and (max-width:700px){
    #toTop,
    #toTop:before {
        display:none;
        z-index:-2;
        opacity:0;}   
}

/* Кукисы  */

.cookie {
    position:fixed;
    z-index:99999;
    display:table;
    bottom:15px;
    left:30px;
    width:calc(50vw - 60px);
    width:1000px;
    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:10px 0;
    float:left;
    display:table;
    width:calc(100% - 170px);}
    
.cookie a#cookie-agreement-button{
    display:table;
    color:#fff;
    margin:0px 0 0;
    font-weight:100;
    float:right;
    font-size: 12pt;
    font-family: 'NotoSans';
    border-radius: 3px;
    background: var(--cl-link);
    padding: 8px 25px;
    border: none;
    outline: none;
    cursor: pointer;}
    
.cookie a#cookie-agreement-button:hover{
    background: var(--cl-link-hover);}

main{
    -webkit-box-flex:1;
        -ms-flex:1 0 auto;
            flex:1 0 auto;
    padding:0;}

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




/***** ***** ***** ***** ***** ***** Блог категории ***** ***** ***** ***** *****/

.com-content-category-blog {
    width:100%;
    max-width:var(--size-content);
    margin:0 auto;
    padding:0 20px;
    
}

.com-content-category-blog .blog-item {
    display:table;
    width:100%;
    clear:both;
    margin:0 0 20px;}

.com-content-category-blog .item-image {
    width:32%;
    float:right;
    padding:0 0 0 20px;}
    
.com-content-category-blog .item-image  img{
    width:100% !important;
    height:auto !important;}

.com-content-category-blog .page-header h2{
    margin:20px 0 5px;
    font-size:18pt;}

.com-content-category-blog time {
    color:#222;
    padding:5px 0 10px;
    display:table;
    font-size:12pt;}
    
    @media screen and (max-width:1000px){
        .com-content-category-blog .item-image {
            width:45%;}
    }
    
    @media screen and (max-width:600px){
        .com-content-category-blog .item-image {
            width:100%;
            padding:10px 0;}
    }
    
/***** ***** ***** ***** ***** ***** МАТЕРИАЛ ***** ***** ***** ***** ***** ***** *****/
    
.com-content-article.item-page {
    max-width:var(--size-content);
    padding:0 20px 0;
    margin:0 auto;
    clear:both;
    display:table;
    width:100%;}

.com-content-article.item-page h1{
    padding:0 0 20px;
    margin:0 auto;
    text-align:center;}
    
.com-content-article.item-page h2{
    margin:20px 0;
    font-size:18pt;}
    
.com-content-article.item-page p {
    font-family: 'NotoSans';
    text-align:justify;
    margin:12px 0;
    line-height:1.5;
    font-size:12pt;
    color:#222;}

.com-content-article.item-page ul li {
    font-family: 'NotoSans';
    margin-left:40px;
    line-height:1.4;
    font-size:12pt;
    margin:10px 0 10px 40px;
    color:#222;
    position:relative;}

.com-content-article.item-page ul li:before {
    content:"";
    position:absolute;
    left:-22px;
    top:10px;
    display:table;
    width:10px;
    height:2px;
    border-top:2px solid var(--cl-news-fon);}
    
.com-content-article.item-page .item-image {
    float:right;
    width:100%;
    max-width:35%;
    //max-width:490px;
    padding:0 0 10px 30px;}

.com-content-article.item-page .item-image img{
    width:100% !important;
    height:auto !important;}

    @media screen and (max-width:1000px){
        .com-content-article.item-page .item-image {
            max-width:50%;}    
    }
    
    @media screen and (max-width:600px){
        .com-content-article.item-page .item-image {
            max-width:100%;
            padding:10px 0;}
            
        .com-content-article.item-page p {
            text-align:left;}
    }

/***** ***** ***** ***** ***** ***** Навигация по страницам ***** ***** ***** ***** *****/

.com-content-category-blog__navigation {
    text-align:center;
    padding:20px 0;}
    
.com-content-category-blog__navigation li{
    display:inline-block;
    margin: 0 5px;}
    
    
@media screen and (max-width:600px){}



/***** ***** ***** ***** ***** ***** Форма обратной связи ***** ***** ***** ***** *****/

.moduletable.pr{
    padding:0 20px;}

.rsformpr {
    margin:20px auto 50px;
    padding:30px 20px;
    background: #a8a5b0;
    max-width:calc(var(--size-content) - 40px);}

.rsformpr .rsformformapr {
    max-width:var(--size-content);
    margin:0 auto;
    padding:0 20px;}
    
.rsformpr h2{
    padding:10px 0 0;
    font-size:16pt;
    color:var(--cl-news-fon);}

.rsformpr input{
    outline:none;
    border-radius:5px;
    padding:10px 20px;
    border:none;
    font-size:12pt;
    color: var(--cl-link);
    font-family: 'NotoSans Medium';}

.rsformpr input:focus{
    border:none;}

.rsformpr textarea{
    width:100%;
    resize:none;
    outline:none;
    border-radius:5px;
    padding:15px 20px;
    border:none;
    font-size:12pt;
    color: var(--cl-link);
    font-family: 'NotoSans Medium';}
    
.rsformpr textarea:focus{
    border:none;}

.rsformpr input[type="checkbox"]{
    display:none;}
    
.rsformpr input[type="checkbox"]+ label{
    position:relative;
    padding:0 0 0 33px;
    line-height:1.2;}

.rsformpr input[type="checkbox"] + label:before {
    content: "";
    display: block;
    width: 1.1em;
    height: 1.1em;
    border:none;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.2s, background 0.2s ease-in-out;
    -o-transition: all 0.2s, background 0.2s ease-in-out;
    transition: all 0.2s, background 0.2s ease-in-out;
    background: #fff;
    cursor:pointer;}
  
.rsformpr input[type="checkbox"]:checked + label:before {
    width: 1.1em;
    height: 1.1em;
    border-radius: 5px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background: var(--cl-link);
    border:none;}
    
.rsformpr button{
    font-family: 'NotoSans Medium';
    background: var(--cl-link);
    color:#fff;
    padding:12px 25px;
    width: 270px;
    font-size:12pt;
    border:none;
    outline:none;
    margin:15px 0 0;
    border-radius:5px;
    cursor:pointer;
    -webkit-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    display:block !important;}

.rsformpr button:hover{
    -webkit-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;}

.rsformpr input::-webkit-input-placeholder,
.rsformpr input::-moz-placeholder,
.rsformpr input:-moz-placeholder,
.rsformpr input:-ms-input-placeholder,
.rsformpr input:placeholder-shown{
    color:#ccc;}
    
.rsformpr .formRed {
    font-weight:100 !important;
    color:var(--cl-link);
    margin:10px 0 0;
    padding:0;
    font-size:11pt;}

.rsformpr label{
    color: var(--cl-news-fon);
    font-size: 11pt;
    margin: 8px 0;
    text-align: center;
    line-height: 1.2;
    font-family: 'NotoSans Light';}
    
    
    @media screen and (max-width:400px){
        .rsformpr h2{
            text-align:center;
            line-height:1.3;}
        
        .rsformpr input,
        .rsformpr button{
            width: 240px;}
    }
    
/* Благодарность */

.rsfp_thankyou_popup_inner {
    border-radius:15px;}
    
.rsfp_thankyou_popup_inner p{
    margin:10px 0;
    line-height:1.3;}
    
.rsfp_thankou_popup_close_btn {
    color:var(--cl-link);
    font-size:20pt;}
    

.vajnoe {
    width:100%;
    max-width:var(--size-content);
    margin:0 auto;
    font-size:20pt;
    text-align:center;
    color:#fff;
    padding:10px 0;}
    







/* Заголовки h1 на страницах */

.moduletable.head {
    clear:both;
    padding:10px 0 0;}
    
.moduletable.head.afisha {
    background:var(--cl-afisha-fon);}
    
    

.moduletable.head h1,
h1{
    max-width:var(--size-content);
    margin:0 auto;
    text-align:center;
    font-family: 'Forum';
    font-size:40pt;
    letter-spacing:12px;
    padding-left:12px !important;
    display:table;
    position:relative;
    text-transform:uppercase;}
    
    @media screen and (max-width:800px){
        .moduletable.head h1,
        h1{
            font-size:30pt !important} 
    }
    
    @media screen and (max-width:600px){
        .moduletable.head h1,
        h1{
            font-size:26pt !important;
            letter-spacing:6px;
            padding-left:8px;
        }
    }
    
    @media screen and (max-width:400px){
        .moduletable.head h1,
        h1{
            letter-spacing:4px;
            font-size:20pt !important;}
    }


/* Заголовки модулей на главной */

.moduletable.news h3,
.moduletable.m_afisha h3,
.moduletable.actors h3,
.moduletable.page_afisha h3{
    font-family: 'Forum';
    font-size:40pt;
    letter-spacing:12px;
    display:table;
    margin:0 auto 30px auto;
    position:relative;
    text-transform:uppercase;}
    
.moduletable.actor-head h3{
    font-family: 'Forum';
    font-size:40pt;
    letter-spacing:12px;
    display:table;
    margin:0 auto 30px auto;
    position:absolute;
    color:#fff;
    z-index:2;
    top:60px;
    width:500px;
    text-align:center;
    left:calc(50% - 250px);
    text-transform:uppercase;}

    @media screen and (max-width:1000px){
        .moduletable.actor-head h3 {
            top:40px;} 
    }

    @media screen and (max-width:800px){
        .moduletable.news h3,
        .moduletable.m_afisha h3,
        .moduletable.actors h3{
            font-size:30pt;}
            
        .moduletable.actor-head h3 {
            font-size:30pt;
            top:25px;
            width:400px;
            left:calc(50% - 200px);} 
    }
    
    @media screen and (max-width:600px){
        .moduletable.news h3,
        .moduletable.m_afisha h3,
        .moduletable.actors h3 {
            letter-spacing:8px;}
            
        .moduletable.actor-head h3 {
            font-size:30pt;
            top:20px;
            width:400px;
            letter-spacing:8px;
            left:calc(50% - 200px);}
    }
    
    @media screen and (max-width:400px){
        .moduletable.news h3,
        .moduletable.m_afisha h3,
        .moduletable.actors h3{
            font-size:25pt;}
            
        .moduletable.actor-head h3 {
            font-size:25pt;
            top:15px;
            width:300px;
            letter-spacing:8px;
            left:calc(50% - 150px);}
        
    }
    
    
    



/****** ***** ***** ***** ***** Модуль Афиша */

.moduletable.m_afisha {
    width:100%;
    margin:0 auto;
    clear:both;
    position:relative;
    background:var(--cl-afisha-fon);
    padding:60px 0 50px;}
    
.moduletable.m_afisha .m_afisha {
    width:100%;
    max-width:1920px;
    margin:0 auto;
    padding:0 20px;}

.m_afisha .nspArtPage {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    gap:20px 30px;
    padding:0 0 30px;}
    
.m_afisha .nspArtPage .nspArt{
    width:calc(25% - 30px*4/5);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    position:relative;
    background:#fff;
    border-radius:6px;
    overflow:hidden;
    padding:0 0 150px !important;
    max-width:330px;
    clear:both;}
    
.m_afisha .nspArtPage .nspArt:before,
.m_afisha .nspArtPage .nspArt:after{
    content:"";
    width:30px;
    height:30px;
    display:block;
    position:absolute;
    border-radius:49.5%;
    background:var(--cl-afisha-fon);
    bottom:80px;
    right:-15px;
    z-index:2;}
    
.m_afisha .nspArtPage .nspArt:after{
    left:-15px;}
    
.m_afisha .nspArtPage .nspArt > *{
    padding:0 25px;}

.m_afisha .nspArtPage .nspImageWrapper{
    width:100%;
    padding:0;
    aspect-ratio: 5 / 3;
    background:#ccc;
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    padding:0;}

.m_afisha .nspArtPage .nspImageWrapper img{
    width:100% !important;
    max-width:auto !important;
    height:auto !important;
    //max-height:375px;
    -o-object-fit:cover;
       object-fit:cover;
    margin:0 auto;}


/* Дата */

.m_afisha .nspArtPage .nspInfo {
    padding:10px 0 0;
    font-size:11pt;
    color:var(--cl-blue);
    text-transform:uppercase;
    text-shadow: 0.2px 0.2px 0 var(--cl-blue);
    position:absolute;
    bottom:25px;
    left:25px;
    width:130px;
    display:table;
    font-family: 'NotoSans';
    color:#000;
    line-height:1.4;}

/* Дата  - Число */

.m_afisha .nspArtPage .nspInfo > span{
    font-size:32pt;
    float:left;
    padding:0 5px 0 0;
    margin:-10px 0;
    font-family: 'NotoSans Medium';}

.m_afisha .nspArtPage h2 {
    font-family: 'Forum';
    padding:20px 25px 3px !important;
    font-size:20pt;
    line-height:1;
    color:#000;
    float:left;}
    
.m_afisha .nspArtPage h4{
    color:#d42d4a;
    font-family: 'Caravan';
    font-size:38pt;
    text-align:right;
    margin:-40px 0 20px;}
    
.m_afisha .nspArtPage  .nspText {
    display:none;}

.m_afisha .nspArtPage h2 a{
    display:inline !important;
    color:#000;}

.m_afisha .nspArtPage h2 a:hover{
    color:var(--cl-link);
    text-shadow: 0.2px 0.2px 0 var(--cl-red);}

.m_afisha .nspArtPage h5 {
    font-family: 'NotoSans Light';
    display:block;
    width:100%;
    padding:10px 15px 20px !important;
    border-bottom:2px dotted #dcdddd;
    font-size:14pt;
    color:#9b9b9b;
    text-align:right;
    position:absolute;
    bottom:95px;
    right:10px;}
    
.m_afisha .nspArtPage p {
    font-family: 'NotoSans';
    font-size:10pt;
    margin:0;
    color:#65636d;}
    
.m_afisha .nspArtPage p:nth-child(7),
.m_afisha .nspArtPage p:nth-child(6){
    margin:0 0 15px;}


/*
.m_afisha .nspArtPage .nspArt:nth-child(1) p{
    font-family: 'NotoSans Light';}
    
.m_afisha .nspArtPage .nspArt:nth-child(3) p,
.m_afisha .nspArtPage .nspArt:nth-child(2) p{
    font-family: 'NotoSans Thin';}
    
*/


.m_afisha .nspArtPage .nspArt p:nth-child(4){
    color:#414141;
    font-size:10pt;
    margin:0 0 25px !important;
    text-transform: lowercase;}

.m_afisha .nspArtPage .nspText {
    -webkit-box-flex:1;
        -ms-flex:1 0 auto;
            flex:1 0 auto;
    text-align:justify;}


/* Кнопка Билеты */
    
.moduletable.m_afisha .nspArt p > a,
.moduletable.m_afisha .nspArt button{
    font-family: 'NotoSans';
    display:table;
    margin: 20px 0 10px;
    background:var(--cl-link);
    padding:6px 30px 6px;
    color:#fff;
    text-transform:uppercase;
    border-radius:1px;
    position:absolute;
    bottom:21px;
    right:25px;
    font-size:11pt;
    border-radius:5px;
    border:0;
    outline:0;
    cursor:pointer;}
    
.moduletable.m_afisha .nspArt p > a:hover,
.moduletable.m_afisha .nspArt button:hover{
    background:var(--cl-link-hover);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
    

.moduletable.m_afisha .nspArt img[alt="pk"],
.moduletable.m_afisha .nspArt img[alt="pk card"]{
    width:50px !important;
    height:auto !important;
    float:right;
    position:absolute;
    right:50px;
    bottom:95px;
    opacity:0.9;}
    
.moduletable.m_afisha .nspArt span[style="text-decoration: underline;"]{
    color:var(--cl-link);
    text-decoration: none !important;
    margin:0 0 5px;
    text-shadow:.3px .3px var(--cl-link);
    display:table;}
    
 .moduletable.m_afisha .next {   
    margin: 0 auto;
    display: table;
    padding: 3px 14px;
    font-size: 13pt;
    text-transform: uppercase;
    position: relative;
    color: #000;
    letter-spacing: 2px;
    font-family: 'Forum';
    border-right: 2px solid #000;
    border-left: 2px solid #000;}
    
    @media screen and (max-width:1650px){
        .m_afisha .nspArtPage .nspArt:nth-child(5){
            display:none;}
    }
    
    @media screen and (max-width:1300px){
        
        .m_afisha .nspArtPage .nspArt{
            width:calc(25% - 30px*3/4);}

        /* Дата */
        .m_afisha .nspArtPage .nspInfo {
            font-size:10pt;}
        
        /* Дата  - Число */
        .m_afisha .nspArtPage .nspInfo > span{
            margin:-8px 0;
            font-size:28pt;}
        
        /* Кнопка Билеты */
        .moduletable.m_afisha .nspArt p > a{
            padding:6px 20px 4px;}
            
        .moduletable.m_afisha .nspArt button{
            padding:6px 20px 6px;}
    }
    
    
     @media screen and (max-width:1200px){
        .m_afisha .nspArtPage .nspArt{
            width:calc(33.3333% - 30px*2/3);}
            
        .m_afisha .nspArtPage .nspArt:last-child{
            display:none;}

        .m_afisha .nspArtPage .nspArt{
            width:calc(33.33% - 30px*2/3);}
            
        .m_afisha .nspArtPage .nspArt:nth-child(4){
            display:none;}
    }

    @media screen and (max-width:950px){
        .m_afisha .nspArtPage{
            -ms-flex-wrap:wrap;
                flex-wrap:wrap;}
            
        .m_afisha .nspArtPage .nspArt{
            width:calc(50% - 15px);
            max-width:100%;}
            
        .m_afisha .nspArtPage .nspArt:nth-child(4){
            display:block;}
    }
    
    @media screen and (max-width:800px){
        .moduletable.m_afisha .nspArts {
            padding: 0;}
    }
    
    @media screen and (max-width:670px){

        .m_afisha .nspArtPage .nspArt{
            width:100%;
            max-width:100%;}

        .m_afisha .nspArtPage .nspText {
            text-align:left;}
    }
    
/****** ***** ***** ***** ***** Страница с Афишами */

.moduletable.page_afisha {
    width:100%;
    margin:0 auto;
    clear:both;
    position:relative;
    background:var(--cl-afisha-fon);
    padding:10px 0 20px;}
    
.moduletable.page_afisha > h2{
    font-family: 'Forum';
    font-size:30pt;
    padding:15px 20px;
    letter-spacing:8px;
    display:table;
    width:100%;
    max-width:var(--size-content);
    margin:0 auto;
    position:relative;
    text-transform:uppercase;}
    
.moduletable.page_afisha .page_afisha {
    width:100%;
    max-width:var(--size-content);
    margin:0 auto;
    padding:0 20px;}

.page_afisha .nspArtPage {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
        -ms-flex-pack:start;
            justify-content:flex-start;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    gap:30px;
    padding:0 0 30px;}
    
.page_afisha .nspArtPage .nspArt{
    width:calc(25% - 30px*3/4);
    width:calc(33.33% - 30px*2/3);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    position:relative;
    background:#fff;
    border-radius:6px;
    overflow:hidden;
    padding:0 0 150px !important;
    min-width:290px;
    clear:both;}
    
.page_afisha .nspArtPage .nspArt:before,
.page_afisha .nspArtPage .nspArt:after{
    content:"";
    width:30px;
    height:30px;
    display:block;
    position:absolute;
    border-radius:49.5%;
    background:var(--cl-afisha-fon);
    bottom:80px;
    right:-15px;
    z-index:2;}
    
.page_afisha .nspArtPage .nspArt:after{
    left:-15px;}
    
.page_afisha .nspArtPage .nspArt > *{
    padding:0 25px;}

.page_afisha .nspArtPage .nspImageWrapper{
    width:100%;
    padding:0;
    aspect-ratio: 5 / 3;
    background:#ccc;
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    padding:0;}

.page_afisha .nspArtPage .nspImageWrapper img{
    width:100% !important;
    max-width:auto !important;
    height:auto !important;
    -o-object-fit:cover;
       object-fit:cover;
    margin:0 auto;}


/* Дата */

.page_afisha .nspArtPage .nspInfo {
    padding:10px 0 0;
    font-size:11pt;
    color:var(--cl-blue);
    text-transform:uppercase;
    text-shadow: 0.2px 0.2px 0 var(--cl-blue);
    position:absolute;
    bottom:25px;
    left:25px;
    width:130px;
    display:table;
    font-family: 'NotoSans';
    color:#000;
    line-height:1.4;}

/* Дата  - Число */

.page_afisha .nspArtPage .nspInfo > span{
    font-size:32pt;
    float:left;
    padding:0 5px 0 0;
    margin:-10px 0;
    font-family: 'NotoSans Medium';}

.page_afisha .nspArtPage h2 {
    font-family: 'Forum';
    padding:20px 25px 3px !important;
    font-size:20pt;
    line-height:1;
    color:#000;
    float:left;}

.page_afisha .nspArtPage h4{
    color:#d42d4a;
    font-family: 'Caravan';
    font-size:38pt;
    text-align:right;
    margin:-20px 0 20px;}
    
.page_afisha .nspArtPage  .nspText {
    display:none;}

.page_afisha .nspArtPage h2 a{
    display:inline !important;
    color:#000;}

.page_afisha .nspArtPage h2 a:hover{
    color:var(--cl-link);
    text-shadow: 0.2px 0.2px 0 var(--cl-red);}

.page_afisha .nspArtPage h5 {
    font-family: 'NotoSans Light';
    display:block;
    width:100%;
    padding:10px 15px 20px !important;
    border-bottom:2px dotted #dcdddd;
    font-size:14pt;
    color:#9b9b9b;
    text-align:right;
    position:absolute;
    bottom:95px;
    right:10px;}
    
.page_afisha .nspArtPage p {
    font-family: 'NotoSans';
    font-size:10pt;
    margin:0;
    color:#65636d;}
    
.page_afisha .nspArtPage p:nth-child(7),
.page_afisha .nspArtPage p:nth-child(6){
    margin:0 0 15px;}

.page_afisha .nspArtPage .nspArt p:nth-child(4){
    color:#414141;
    font-size:10pt;
    margin:0 0 25px !important;
    text-transform: lowercase;}

.page_afisha .nspArtPage .nspText {
    -webkit-box-flex:1;
        -ms-flex:1 0 auto;
            flex:1 0 auto;
    text-align:justify;}


/* Кнопка Билеты */
    
.moduletable.page_afisha .nspArt p > a,
.moduletable.page_afisha .nspArt button{
    font-family: 'NotoSans';
    display:table;
    margin: 20px 0 10px;
    background:var(--cl-link);
    padding:6px 30px 6px;
    color:#fff;
    text-transform:uppercase;
    border-radius:1px;
    position:absolute;
    bottom:21px;
    right:25px;
    font-size:11pt;
    border-radius:5px;
    border:0;
    outline:0;
    cursor:pointer;}


    
.moduletable.page_afisha .nspArt p > a:hover,
.moduletable.page_afisha .nspArt button:hover{
    background:var(--cl-link-hover);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
    

.moduletable.page_afisha .nspArt img[alt="pk"],
.moduletable.page_afisha .nspArt img[alt="pk card"]{
    width:50px !important;
    height:auto !important;
    float:right;
    position:absolute;
    right:50px;
    bottom:95px;
    opacity:0.9;}
    
.moduletable.page_afisha .nspArt span[style="text-decoration: underline;"]{
    color:var(--cl-link);
    text-decoration: none !important;
    margin:0 0 5px;
    text-shadow:.3px .3px var(--cl-link);
    display:table;}
    

    @media screen and (max-width:1300px){
        
        /* Дата */
        .page_afisha .nspArtPage .nspInfo {
            font-size:10pt;}
        
        /* Дата  - Число */
        .page_afisha .nspArtPage .nspInfo > span{
            margin:-8px 0;
            font-size:28pt;}
        
        /* Кнопка Билеты */
        .moduletable.page_afisha .nspArt p > a{
            padding:6px 20px 4px;}
            
                .page_afisha .nspArtPage .nspArt{
            width:calc(33.33% - 30px*2/3);
            min-width:260px;
            max-width:100%;}
    }
    
    
     @media screen and (max-width:1200px){
        .page_afisha .nspArtPage .nspArt{
            width:calc(33.3333% - 30px*2/3);}
            
        .page_afisha .nspArtPage .nspArt{
            width:calc(33.33% - 30px*2/3);
            min-width:260px;
            max-width:100%;}
    }

    @media screen and (max-width:950px){
        .page_afisha .nspArtPage{
            -ms-flex-wrap:wrap;
                flex-wrap:wrap;}
            
        .page_afisha .nspArtPage .nspArt{
            width:calc(50% - 15px);}
            
    }
    
     @media screen and (max-width:800px){
        .moduletable.page_afisha > h2{
            font-size:24pt;}
    
     }        
    @media screen and (max-width:670px){

        .page_afisha .nspArtPage .nspArt{
            width:100%;
            max-width:100%;}

        .page_afisha .nspArtPage .nspText {
            text-align:left;}
    }
    
    @media screen and (max-width:400px){
        .moduletable.page_afisha > h2{
            font-size:20pt;}
    }

/****** ***** ***** ***** ***** Модуль НОВОСТИ */

.moduletable.news {
    width:100%;
    background:var(--cl-news-fon);
    clear:both;
    display:table;
    position:relative;
    padding:60px 20px 35px 20px;
    text-align:right;
    color:var(--cl-news-text);
    font-family: 'NotoSans Light';}

.moduletable.news .nspMain{
    width:100%;
    
    max-width:var(--size-content);
    padding:0 0 10px;
    margin:0 auto;}

.news .nspArtPage {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    gap:20px 30px;
    padding:0 0 30px;}
    
.news .nspArtPage .nspArt{
    width:calc(24% - 30px*3/4);
    -webkit-box-flex:1;
        -ms-flex-positive:1;
            flex-grow:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;}

.news .nspArtPage .nspImageWrapper{
    width:100%;
    margin:10px 0 !important;
    //aspect-ratio: 1 / 1;
    background:var(--cl-news-fon);
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;}
    
.news .nspArtPage .nspImageWrapper img{
    width:auto !important;
    max-width:auto !important;
    height:100% !important;
    -o-object-fit:cover;
       object-fit:cover;
    margin:0 auto;}

.news .nspArtPage .nspInfo {
    padding:10px 0 5px;
    font-size:12pt;
    color:var(--cl-news-date);
    text-transform:uppercase;}

.news .nspArtPage h4 {
    font-family: 'Forum';
    padding:10px 0 5px;
    font-size:16pt;
    line-height:1.2;
    color:var(--cl-news-text);
    text-shadow: 0.2px 0.2px 0 #000;
    text-transform:uppercase;
    width:100%;}
    
.news .nspArtPage h4 a{
    color:var(--cl-news-text);
    text-shadow: 0.2px 0.2px 0 #000;}
    
.news .nspArtPage .nspArt:hover h4 a{
    color:var(--cl-news-text);
    text-shadow: 0.2px 0.2px 0 var(--cl-red);}

.news .nspArtPage .nspText {
    -webkit-box-flex:1;
        -ms-flex:1 0 auto;
            flex:1 0 auto;
    text-align:left;
    line-height:1.4;
    font-size:12pt;}
    
.news .next{
    margin:0 auto;
    display:table;
    padding:3px 14px;
    font-size:13pt;
    text-transform:uppercase;
    position:relative;
    color:#f6f6f6;
    letter-spacing:2px;
    font-family: 'Forum';
    border-right:2px solid #f6f6f6;
    border-left:2px solid #f6f6f6;}
    
.news .next:before{
    position:absolute;
    content:"";
    width:10px;
    border-right:1px solid var(--cl-link);
    display:block;
    right:3px;
    top:8px;}
    
.news .next:after{
    position:absolute;
    content:"";
    width:10px;
    border-right:1px solid var(--cl-link);
    display:block;
    right:3px;
    top:12px;}
    
    @media screen and (max-width:1200px){
        .news .nspArtPage .nspArt{
            width:calc(33.3333% - 30px*2/3);}
            
        .news .nspArtPage .nspArt:last-child{
            display:none;}
        
    }
    @media screen and (max-width:900px){
        .news .nspArtPage .nspArt{
            width:calc(50% - 15px);}
            
        .news .nspArtPage .nspArt:last-child{
            display:block;}
        
    }
    
    @media screen and (max-width:800px){
        .news .nspArts {
            padding:20px 0;}
        
        .moduletable.news .news{
            padding:0;}
        
        .news .nspArtPage .nspArt{
            margin: 0 0 20px;}
    }
    
    @media screen and (max-width:600px){
        .news .nspArtPage .nspArt{
            width:100%;}
    }

/****** ***** ***** ***** ***** Страница  НОВОСТИ */

.news-page {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    gap:0 20px;}
    
.news-page .blog-item{
    width:calc(25% - 3/4 * 20px);
    margin:10px 0;
    padding:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;}

.news-page .blog-item .item-image{
    width:100%;
    margin:30px 0px 10px 0 !important;
    //aspect-ratio: 1 / 1;
    background:var(--cl-news-fon);
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    padding:0;}

.news-page .blog-item .item-image  a img{
    width:100%!important;
    max-width:auto !important;
    height:100% !important;
    -o-object-fit:cover;
       object-fit:cover;
    margin:0 auto;
    padding:0;}

.news-page .blog-item h2{
    font-family: 'Forum';
    font-size:16pt;
    padding:0px 0 5px;
    display:table;}
    
.news-page .blog-item h2 a{
    color:#000;}

.news-page .blog-item h2 a:hover{
    color:var(--cl-link);}

.news-page .blog-item .item-content {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;}

.news-page .blog-item .item-content .page-header{
    -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
            order:1;}
    
.news-page .blog-item .item-content *{
    -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
            order:2;}

.news-page .blog-item .item-content .article-info {
    -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
            order:3;}

.news-page .blog-item .item-content .readmore {
    display:none;}

.news-page .blog-item .item-content p{
    padding:0px;
    font-family: 'NotoSans';
    font-size:10pt;
    margin:7px 0;
    color:#65636d;}

.news-page .blog-item time{
    padding:10px 0 5px;
    font-size:10pt;
    color:var(--cl-news-date);
    text-transform:uppercase;}
    
    @media screen and (max-width:1200px){
        .news-page .blog-item{
            width:calc(33.33% - 2/3 * 20px);}
    }
    
    @media screen and (max-width:800px){
        .news-page .blog-item{
            width:calc(50% - 10px);}

    }
    
    @media screen and (max-width:750px){
        .news-page .blog-item{
            width:100%;
            display:table;}

        .news-page .blog-item .item-image{
            float:left;
            width:34%;
            margin:10px 20px 0 0 !important;}
    }
    
    @media screen and (max-width:600px){
        .news-page .blog-item h2{
            font-size:13pt;}
    }

/***** ***** ***** ***** ***** Модуль Артисты - Заголовок */


.moduletable.actor-head {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:0;
    position:relative;
    text-align:center;
    background:#111111;}

.moduletable.actor-head .custom {
    margin:0 auto;
    max-width:1920px;
    position:relative;
    padding:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;}

.moduletable.actor-head img{
    width:100%;
    max-width:1920px;
    margin:0 auto;
    padding:0;}

.moduletable.actor-head p{
    line-height:0;
    width:100%;}


    @media screen and (max-width:600px){
        .moduletable.actor-head .custom {
            //height:300px;
            width:100%;
            max-width:100%;
            overflow:hidden;}
        
        .moduletable.actor-head img{
            //width:auto;
            //max-width:800px;
            height:auto !important;
            -o-object-fit:cover;
               object-fit:cover;
            -o-object-position:center;
               object-position:center;
            margin:0 auto;}
    }




/***** ***** ***** ***** ***** Модуль Артисты Актеры */


.moduletable.actors{
    width:100%;
    max-width:100%;
    padding:80px 0 25px;
    background:#fff;
    position:relative;
    clear:both;
    font-family: 'NotoSans Light';}
    
.moduletable.actors .nspArtScroll1 {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    max-width:var(--size-content);
    margin:0 auto;}

.moduletable.actors .nspArtScroll2{
    width:100%;
    margin:0 auto;
    max-width:var(--size-content);
    position:relative;
    padding:0 0px;}

.moduletable.actors .nspArtPage{
    margin:0 auto;
    width:100%;
    text-align:center;
    max-width:var(--size-content);
    padding:0 20px;}

.moduletable.actors .nspArt {
    height:100%;}

.moduletable.actors .owl-stage-outer {
    width:100%;
    margin:0 0 0 -4px;
    position:relative;}

.moduletable.actors .nspImageWrapper {
    width:100%;
    aspect-ratio: 1 / 1;
    overflow:hidden;
    border-radius:49.5%;}
    
.moduletable.actors img{
    width:100% !important;
    height: auto !important;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    
    
    -webkit-filter: gray;
    
    
            filter: gray; /* IE 6-9 */}
    
.moduletable.actors .nspArt:hover img{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-filter: none;
            filter: none; /* IE 6-9 */}

.moduletable.actors h4{
    text-align:center;
    font-size:14pt;
    line-height:1.3;
    padding:30px 0 15px;
    vertical-align: bottom;}
    
.moduletable.actors h4 a{
    color:#000;
    width:80%;
    margin:0 auto;
    display:table;
    text-align:center;
    padding: 0 12px;}
    
.moduletable.actors .nspArt:hover h4 a{
    color:var(--cl-link);}
    
.moduletable.actors p{
    display:table;
    width:100%;
    margin:0 auto 30px auto;
    padding:0 10%;
    font-size: 10pt;
    color: #65636d;}
    
.moduletable.actors .owl-nav {
    font-size:0;}

.moduletable.actors .owl-prev:before,
.moduletable.actors .owl-next:before{
    top:32%;
    width:8px;
    height:8px;
    
    position:absolute;
    content:"";
    border-top: 2px solid #6c6e77;
    display:table;
    z-index:2;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;}
    
.moduletable.actors .owl-prev:before {
    left:-80px;
    top:31.5%;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    border-left:2px solid #6c6e77;}
    
.moduletable.actors .owl-next:before {
    right:-80px;
    top:31.5%;
    border-right:2px solid #6c6e77;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);}
    
.moduletable.actors .owl-prev:hover:before {
    border-left:2px solid var(--cl-link);
    border-top: 2px solid var(--cl-link);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;}
    
.moduletable.actors .owl-next:hover:before {
    border-right:2px solid var(--cl-link);
    border-top: 2px solid var(--cl-link);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;}
    
.moduletable.actors .owl-next:after,
.moduletable.actors .owl-prev:after{    
    border:2px solid #6c6e77;
    width:40px;
    height:40px;
    top:27.5%;
    position:absolute;
    content:"";
    border-radius:49.5%;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;}
    
.moduletable.actors .owl-next:after{
    right:-100px;}

.moduletable.actors .owl-prev:after{    
    left:-100px;}
    
.moduletable.actors .owl-prev:hover:after,
.moduletable.actors .owl-next:hover:after{
    border:2px solid var(--cl-link);}

    @media screen and (max-width:1440px){
        
        .moduletable.actors .nspArtScroll2{
            max-width:89%}
        
        .moduletable.actors .owl-prev:before {
            left:-40px;}
    
        .moduletable.actors .owl-next:before {
            right:-40px;}
            
        .moduletable.actors .owl-next:after{
            top:26%;
            right:-59px;}

        .moduletable.actors .owl-prev:after{
            top:26%;
            left:-59px;}
    }
    
    @media screen and (max-width:1280px){
        .moduletable.actors .owl-prev:before {
            left:-20px;}
    
        .moduletable.actors .owl-next:before {
            right:-20px;}
            
        .moduletable.actors .owl-next:after{
            right:-39px;}

        .moduletable.actors .owl-prev:after{
            left:-39px;}
    }

    
    @media screen and (max-width:600px){

        .moduletable.actors .owl-next:after{
            top:27%;}

        .moduletable.actors .owl-prev:after{    
            top:27%;}
    }
    
/***** ***** ***** ***** ***** Блог категории -  Артисты Актеры */

.actors-page{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    gap:0 30px;}

.actors-page .blog-item{
    width:calc(25% - 30px*4/5);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    text-align:center;
    margin:25px 0;}
    
.actors-page .blog-item .item-image{
    width:100%;
    margin:0 auto;
    padding:0;
    aspect-ratio: 1 / 1;
    overflow:hidden;}

.actors-page .blog-item p{
    font-size:10pt;
    color:#65636d;}
    
.actors-page .blog-item h2{
    font-size:13pt;
    line-height:1.3;
    padding:0 10px;}

.actors-page .blog-item .page-header ~ h2{
    display:table;
    width:100%;
    margin:0 auto 30px auto;
    padding:0 10%;
    font-size: 10pt;
    color: #65636d;}

.actors-page .blog-item h2 a{
    color:#000;
    padding:0 20px;
    display:table;}
    
.actors-page .blog-item h2 a:hover{
    color:var(--cl-link);
}
    
    @media screen and (max-width:1200px){
        .actors-page .blog-item{
            width:calc(33.33% - 30px*3/4);}
    }
    
    @media screen and (max-width:860px){
        .actors-page .blog-item{
            width:calc(50% - 30px*2/3);}
    }
    
    @media screen and (max-width:600px){
        .actors-page .blog-item{
            width:100%;}
    }
    






/* Репертуар */
    
.repertuar{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    gap:12px 30px;
    margin:25px 0;}

.repertuar .blog-item {
    width:100%;
    max-width:calc(33.33% - 30px*2/3);
    border:1px solid #ccc;
    position:relative;
    -webkit-box-shadow:2px 2px 7px #ccc;
            box-shadow:2px 2px 7px #ccc;
    background:#f3f3f3;
    padding:0 0 25px;}

.repertuar .blog-item .item-image {
    width:100%;
    padding:0;
    //aspect-ratio: 1 / 1;
    background:#ccc;
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center}
    
.repertuar .blog-item .item-image a{
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center}

.repertuar .blog-item .item-image img{
    //width:auto !important;
    max-width:auto !important;
    height:100% !important;
    margin:0 auto;
    -o-object-fit:cover;
       object-fit:cover;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
    
.repertuar .blog-item .item-image:hover img{
    //width:auto !important;
    max-width:auto !important;
    height:105% !important;
    margin:0 auto;
    -o-object-fit:cover;
       object-fit:cover;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}

.repertuar .blog-item h2{
    font-family: 'Forum';
    font-size:20pt;
    padding:20px 25px 15px;
    display:table;}
    
.repertuar .blog-item h2 a{
    color:#000;}

.repertuar .blog-item h2 a:hover{
    color:var(--cl-link);}

.repertuar .blog-item p{
    padding:0 25px;
    font-family: 'NotoSans';
    font-size:10pt;
    margin:0;
    color:#65636d;}
    
.repertuar .blog-item h5{
    position:absolute;
    top:10px;
    right:5px;
    padding:5px 10px;
    width:50px;
    text-align:right;
    display:block;
    //background:#fff;
    border-radius: 0 10px 10px 0;
    font-family: 'NotoSans Light';
    font-size:14pt;
    color:#fff;}


    @media screen and (max-width:950px){
        .repertuar .blog-item{
            max-width:calc(50% - 15px);}
            
    }
            
    @media screen and (max-width:670px){

        .repertuar .blog-item{
            width:100%;
            max-width:100%;}

        .page_afisha .nspArtPage .nspText {
            text-align:left;}
    }
    
 
/* Репертуар - страница спектакля */    


.item-page.repertuar-page {
    padding-bottom: 50px;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;}


.item-page.repertuar-page h1{
    margin:15px auto 0;
    max-width:90%;
    -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
            order:2;}

.item-page.repertuar-page p{
    text-align:center;
    max-width:80%;
    margin: 5px auto;}

.item-page.repertuar-page h5{
    position:absolute;
    right:20px;
    top:45px;
    display:none;}

.item-page.repertuar-page > * {
    -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
            order:3;}

.item-page.repertuar-page p:nth-child(3){
    //position:absolute;
    //top:0;
    //display:flex;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
    //margin:10px auto;
    text-align:center;
    min-width:calc(100% - 40px);
    max-width:calc(100% - 40px);
    padding:0;
    -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
            order:1;
    text-align:center;}



.item-page.repertuar-page p:has(img) {
    max-width:100%;
    margin: 20px auto;}

.item-page.repertuar-page h4{
    text-align:center;
    font-family: 'Forum';
    font-size:18pt;
    line-height:1.2;
    max-width:70%;
    margin:10px auto;
    text-shadow:0.2px 0.2px #000;}

.item-page.repertuar-page h3{
    text-align:center;
    font-family: 'Forum';
    font-size:24pt;
    margin:40px 0 20px;}

.item-page.repertuar-page  ul{
    padding:0 0 20px;}

.item-page.repertuar-page  ul li{
    text-align:center;
    line-height:1.6;
    margin:0;}

.item-page.repertuar-page  ul li:before{
    display:none;}

.item-page.repertuar-page img {
    width:100%;
    height:auto;
    margin:10px 0;}


.item-page.repertuar-page table {
    margin:30px 0 0;}

.item-page.repertuar-page table tr td{
    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;
    gap:5px 10px;}
    
.item-page.repertuar-page table tr td p{
    font-size: 0;}
    
.item-page.repertuar-page table tr td a{
    max-width:calc(25% - 15px);}
    
    @media screen and (max-width:1200px){
    
    .item-page.repertuar-page table tr td a{
    max-width:calc(50% - 15px);}
    }

    @media screen and (max-width:950px){
        
        .item-page.repertuar-page h1{
            letter-spacing:8px;}
        
        .item-page.repertuar-page p,
        .item-page.repertuar-page h5{
            max-width:100%;}
            
        .item-page.repertuar-page table tr td a{
            max-width:calc(50% - 12px);}
    
        .item-page.repertuar-page table tr td a:first-child{
            max-width:100%;}
            
        .item-page.repertuar-page table tr td a:nth-child(4){
            max-width:100%;}
    }
     
    @media screen and (max-width:700px){
        
        .item-page.repertuar-page h1{
            letter-spacing:0px;}
            
        .item-page.repertuar-page h4{
            max-width:90%;}
         
        .item-page.repertuar-page table tr td{
            gap:0px;}
         
        .item-page.repertuar-page table tr td a{
            max-width:100%;} 
         
    }
    
    @media screen and (max-width:500px){
        
        .item-page.repertuar-page h1{
            font-size:22pt !important;
            padding-left:0px !important;}
        
        .item-page.repertuar-page h4{
            max-width:95%;
            font-size:16pt;}
    }
    
    @media screen and (max-width:400px){
        
        .item-page.repertuar-page h1{
            font-size:19pt !important;}
    }
 







.btn-primary {
    display:none;
}

.nspArt img.nspImage {
    //max-width:auto;
}

.m-pk{
    background:#fff;
}

.m-pk > div{
    padding:0 20px;
    max-width:var(--size-content);
    margin:0 auto;
}




footer {
    //display:table;
    -webkit-box-flex:0;
        -ms-flex:0 0 auto;
            flex:0 0 auto;
    width:100%;
    background:var(--cl-news-fon);
    padding:20px 20px 15px;
    color:#f6f6f6;
    min-height:400px;}
    
footer .footer-top{
    width:100%;
    //display:flex;
    //flex-wrap:wrap;
    max-width:var(--size-content);
    -webkit-box-pack:end;
        -ms-flex-pack:end;
            justify-content:flex-end;
    padding:60px 0 10px;
    margin:0 auto;
    display:table;
}

footer .footer-bottom {
    //display:table;
    margin:0 auto;
    width:100%;
    max-width:calc(var(--size-content) - 100px);
    line-height:1.3;
    color:#fff;
    font-size:11pt;
    font-family: 'NotoSans Light';
    position:relative;
    padding:30px 0 70px;}
    
footer .footer-bottom a{
    color:var(--cl-afisha-fon);}

footer .footer-bottom a:hover{
    color:#fff;}

/***** ***** ***** **** **** Подпишитесь и будьте в курсе событий *****/

.moduletable.podpiska{
    width:100%;
    margin:0 0 20px;}

.rsformpodpiska{
    width:100%;
    max-width:calc(var(--size-content) - 40px);
    background:#a8a5b0;
    margin:0 auto;
    padding:65px 30px 45px;}

.rsformpodpiska h2{
    text-align:center;
    color:var(--cl-news-fon);
    display:table;
    font-size:20pt;
    line-height:1.3;
    width:310px;
    margin:80px auto 20px;
    position:relative;}

.rsformpodpiska h2:before{
    position:absolute;
    content:"";
    width:98px;
    height:85px;
    bottom:90px;
    display:block;
    left:calc(50% - 47px);
    background-image:url(../../../../../images/style/shut.png);
    background-size:90px;
    background-repeat:no-repeat;}

.rsformpodpiska .formSpan12{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;}

.rsformpodpiska input{
    padding:12px 25px;
    border-radius:5px;
    margin:10px;
    outline:none;
    border:none;
    width:270px;
    font-size:12pt;
    font-family: 'NotoSans Medium';
    color:var(--cl-link);}

.rsformpodpiska button{
    padding:12px 25px;
    border-radius:5px;
    margin:10px;
    outline:none;
    border:none;
    width:270px;
    text-align:center;
    background:var(--cl-link);
    color:#fff;
    font-size:12pt;
    cursor:pointer;
    font-family: 'NotoSans Medium';}

.rsformpodpiska p {
    color:var(--cl-news-fon);
    font-size:11pt;
    margin:8px 0;
    text-align:center;
    line-height:1.2;
    font-family: 'NotoSans Light';}
    
.rsformpodpiska p a{
    color:var(--cl-news-fon);
    text-decoration:underline;}
    
.rsformpodpiska p a:hover{
    color:var(--cl-link);
    text-decoration:none;}

.rsformpodpiska .formRed {
    text-align:center;
    color:var(--cl-link);}
    
    @media screen and (max-width: 700px){    
        .rsformpodpiska h2{
            font-size:16pt;
            width:250px;}
        
        .rsformpodpiska h2:before{
            bottom:70px;}
    }
    
    @media screen and (max-width: 400px){
        .rsformpodpiska input{
            width:230px;}
            
        .rsformpodpiska button{
            width:230px;
    }
    .rsformpodpiska h2{

    font-size:16pt;}
    
    .rsformpodpiska{
        padding:65px 10px 45px;}
    }
/***** ***** ***** ***** Авторское право и политика кинфиденциальности *****/    


footer .footer-bottom div:nth-child(1){
    width:calc(100% - 200px);
    float:left;
    
}
    
footer .footer-bottom div:nth-child(2){
    width:200px;
    float:right;
    text-align:right;}

    @media screen and (max-width: 600px){
        footer .footer-bottom div:nth-child(1),
        footer .footer-bottom div:nth-child(2){
            width:100%;
            text-align:left;
            margin:0 0 10px;}
    }  


/***** ***** ***** ***** Фонарики *****/

footer .footer-bottom:before {
    content:"";
    position:absolute;
    bottom:0px;
    background:url(../../../../../images/style/fonar.png);
    background-size:220px;
    background-repeat:no-repeat;
    width:220px;
    height:700px;
    left:-220px;
    z-index:1;}
    
footer .footer-bottom:after {
    content:"";
    position:absolute;
    bottom:0px;
    background:url(../../../../../images/style/fonar.png);
    background-size:220px;
    background-repeat:no-repeat;
    width:220px;
    height:700px;
    right:-220px;
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
        transform: scale(-1, 1);
    z-index:1;}

    
/***** ***** ***** *****  Контакты в Футтере *****/

footer .footer-top .f-contact {
    width:100%;
    float:right;
    padding:25px 50px 0 30px;
    max-width:640px;
    text-align:right;
    line-height:1.3;
    z-index:2;}

footer .footer-top .f-contact p{
    font-family: 'NotoSans Light';
    margin:15px 0;
    color:var(--cl-afisha-fon);}

footer .footer-top .f-contact p:first-child,
footer .footer-top .f-contact p:nth-child(5){
    font-family: 'NotoSans';
    color:#fff;}
    
footer .footer-top .f-contact p:first-child{
    font-family: 'Forum';
    font-size:15pt;
    margin:0;}
    
footer .footer-top .f-contact p:nth-child(2){
    margin:0 0 30px;}

footer .footer-top .f-contact p:last-child{
    margin:0;}

footer .footer-top .f-contact a{
    color:#fff;

    display:inline-block;
    margin:0 0 10px;}
    
footer .footer-top .f-contact a:hover{
    color:#fff;}
    
footer .footer-top .f-contact a.vk{
    width:45px;
    height:45px;
    float:right;
    display:table;
    font-size:0;
    margin:5px 0 4px 15px;
    background-image:url(../../../../../images/style/vk.svg);
    background-size:45px;
    background-repeat:no-repeat;}
    
footer .footer-top .f-contact a.tg{
    width:45px;
    height:45px;
    float:right;
    display:table;
    font-size:0;
    margin:5px 0 4px 15px;
    background-image:url(../../../../../images/style/tg.svg);
    background-size:3px;
    background-size:45px;
    background-repeat:no-repeat;}
    
footer .footer-top .f-contact p:first-child br,
footer .footer-top .f-contact p:nth-child(2) br{
    display:none;
}
    
    
    @media screen and (max-width: 1700px){
        footer .footer-bottom:after,
        footer .footer-bottom:before{
            display:none;}
    
        footer .footer-top .f-contact {
            padding:25px 0 0 30px;}

        footer .footer-top,            
        footer .footer-bottom {
            width:100%;
            
            max-width:calc(var(--size-content) - 40px);}
    }
    
    @media screen and (max-width: 800px){
        footer .footer-top .f-contact p:first-child br,
        footer .footer-top .f-contact p:nth-child(2) br{
            display:block;}
    }
    
    

/* Видео на сайте */

.avPlayerWrapper {
    clear:both;
    width:100%;}
    

/* Постраничная навигация  */
.com-content-category-blog__navigation {
    font-family: 'NotoSans';
    line-height:1.3;
    color: #65636d;}
    
.com-content-category-blog__navigation p{
    font-size:10pt;}

.com-content-category-blog__navigation ul{
    margin:10px 0;}
    
.com-content-category-blog__navigation a{
    color: #65636d;
    font-size:12pt;}
    
.com-content-category-blog__navigation a:hover{
    color: var(--cl-link);}
    

/* Нижнее меню */ 

.footer-top .n-menu {
    float:left;
    width:300px;
    padding:25px 20px;
    z-index:2;
    position:relative;
    line-height:1.2;}

.footer-top > div:nth-child(2) {
    padding:25px 20px 20px 50px;}

.footer-top .n-menu h3{
    margin:5px 0 25px;
    font-family:"Forum";
    font-size:16pt;}

.footer-top .n-menu p{
    margin:10px 0;
    font-family: 'NotoSans Light';}

footer .footer-top .n-menu a{
    color:var(--cl-afisha-fon) !important;
    font-family: 'NotoSans Light';
    font-size:12pt;}

footer .footer-top .n-menu a:hover{
    color:#fff !important;}
    
    @media screen and (max-width: 1700px){
    
        .footer-top > div:nth-child(2) {
            padding:25px 20px 20px 0;}   
    }
    
    
    
 
    
    
/* Подложка под Фотографией jce emediabox */

.wf-mediabox-container {
    background-color: #000;}


/* скрываем страницу на главной */    
.item-pagegl {
    //display:none;
}


/* МОДУЛЬ - Цены на билеты */
.moduletable.stoimost {
    padding:0 20px;
    max-width:var(--size-content);
    margin:0 auto;
}

.moduletable.stoimost > h3{
    font-family:"Forum";
    font-size:20pt;
    margin:30px 0 20px;
}

.moduletable.stoimost p{
    margin:15px 0;
}

.moduletable.stoimost ul{
    margin:0 0 0 30px;
}
.moduletable.stoimost ul li{
    margin:7px 0;
}

[data-rlta-element=container]>[data-rlta-element=button]>[data-rlta-element=heading],
[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button]>[data-rlta-element=heading],
[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]>[data-rlta-element=heading]{
    font-size:1rem;
}



.partner-page table{
    width:100%;
}

.partner-page table tr{
    margin:25px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    width:100%;
}

.partner-page table tr td:nth-child(1){
    width:177px;
    padding:12px 20px 0 0;
}

.partner-page table tr td:nth-child(2){
    width:calc(100% - 200px);
    text-align:left;
    padding:0;
    display:block;}

.partner-page img{
    width:100% !important;
    height: auto !important;
    background:#fff;
    padding:10px;
    float:left;
}
.partner-page.links img{
    padding:0;
}

.partner-page  p{
    margin:6px 0 !important;
    font-size:11pt !important;
    color: #65636d !important;
}
.partner-page  strong{
    font-size:14pt;
    color:#222 !important;
}

@media screen and (max-width: 400px){
    .partner-page table tr td:nth-child(2){
    width:100%;}
}

/* Исключения */    

li:has(a[href="/?view=category&id=14"]),    
a[href="/?view=category&id=14"]{
    display:none;
}


main:has(div.com-content-article.item-pagegl){
    background:var(--cl-afisha-fon);
    padding:0 20px;}
    

.com-content-article.item-pagegl {
    width:100%;
    max-width:calc(var(--size-content) - 50px);
    padding: 20px 20px 100px;
    margin:20px auto;
    background:#fff;
    position:relative;
    display:flex;
    flex-direction:column;}

.com-content-article.item-pagegl *{
    order:3;}

.com-content-article.item-pagegl .item-image{
    margin:0 0 30px 0;
    order:1;}

.com-content-article.item-pagegl .item-image img{
    width:calc(100% + 40px);
    height:auto;
    margin:-20px 0 0 -20px;}
    
.com-content-article.item-pagegl h2{    
    font-family: 'Forum';
    padding: 10px 0 20px !important;
    font-size: 25pt;
    line-height: 1;
    color: #000;}
    
.com-content-article.item-pagegl  h4{    
    color: #d42d4a;
    font-family: 'Caravan';
    font-size: 42pt;
    text-align: left;
    margin: 0px 0 20px;}
    
.com-content-article.item-pagegl h2 a{
    color:#000;}

.com-content-article.item-pagegl h5{
    font-family: 'NotoSans Light';
    display: block;
    width: 100%;
    padding: 10px 15px 20px !important;
    font-size: 18pt;
    color: #fff;
    text-align: right;
    position: absolute;
    top: 30px;
    right: 30px;}
    
.com-content-article.item-pagegl .article-info {
    order:2;}

.com-content-article.item-pagegl p{
    margin:0;}

.com-content-article.item-pagegl h2 ~ p{
    margin:10px 0;}
    
.com-content-article.item-pagegl span[style="text-decoration: underline;"] {
    color: var(--cl-link);
    text-decoration: none !important;
    margin: 0 0 5px;
    text-shadow: .3px .3px var(--cl-link);
    display: table;}

.com-content-article.item-pagegl img[alt="pk card"] {
    position:absolute;
    bottom:0;
    right:30px;}

.com-content-article.item-pagegl button {
    font-family: 'NotoSans';
    display: table;
    margin: 20px 0 10px;
    background: var(--cl-link);
    padding: 6px 30px 6px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 1px;
    position: absolute;
    bottom: 21px;
    left: 20px;
    font-size: 18pt;
    border-radius: 5px;
    border: 0;
    outline: 0;
    cursor: pointer;}

.com-content-article.item-pagegl time {
    width: 185px;
    padding: 12px 0 12px;
    display: table;
    z-index: 3;
    color: #000;
    font-size: 16pt;
    border-radius: 0 0 3px 3px;}

.com-content-article.item-pagegl time span:nth-child(1){
    font-size:36pt;
    float:left;
    margin:0 10px 0 0;
    color:var(--cl-link);}

@media screen and (max-width: 800px){
    .com-content-article.item-pagegl .item-image{
        margin:0 0 10px 0;}
        
    .com-content-article.item-pagegl h5{
        top: 10px;
        font-size: 14pt;
        right: 10px;}
        
    .com-content-article.item-pagegl h2{    
        font-size: 20pt;}
        
    .com-content-article.item-pagegl p{    
        font-size: 12pt;}
        
    .com-content-article.item-pagegl img[alt="pk card"] {
        width:80px;
        height:auto;
        right:15px;
    }
    
}