/* Start:/local/templates/ktko_main/components/bitrix/menu/main/style.min.css?17884385543715*/
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/local/templates/ktko_main/components/bitrix/menu/main/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/local/templates/ktko_main/components/bitrix/menu/main/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/local/templates/ktko_main/components/bitrix/menu/main/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left}
/* End */


/* Start:/local/templates/ktko_main/styles.css?17899913821052*/
@font-face {
    font-family: 'Playfair Display';
    src: url('/local/templates/ktko_main/fonts/PlayfairDisplay.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PT_Sans';
    src: url('/local/templates/ktko_main/fonts/PT_Sans-Web-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
    font-family: 'PT_Sans';
}

.place {
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.8rem;
    border-radius: 5px;
    padding: 8px 15px;
    display: inline-block;
    background: #BB8B4A;
}

.head_main_block {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 3rem;
    line-height: 4.8rem;
    color: #333333;
    max-width: 1140px;
    width: 100%;
    margin: 30px auto;
}

.container_section {
    padding-bottom: 100px;
    width: 100%;
    max-width: 1140px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
/* End */


/* Start:/local/templates/ktko_main/template_styles.css?1789640952133953*/
*{padding:0; margin: 0;}
html{
    font-size: 10px;
    /* height: 100%; */
    position: relative;
    min-height: 100%;
}
body{
    font-family: 'PT Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 2.3rem;
    color: #333;    
    background-color: #F0F0F0;
    /* height: 100%; */
    /* margin-bottom: 465px; */

    display: flex;
    flex-direction: column;
    min-height: 100vh;

}
.body-tk{
    background-image: url(/local/templates/ktko_main/img/bg-puppet.svg);
}

.body-nf{
    background-image: url(/local/templates/ktko_main/img/bg-neft.png);
}

select, input{
    outline: none;
}

.form-control:focus{
    outline: none;
    box-shadow:none;
}

body.body-inner{
    padding-top: 179px;
}
body.body-404{
    padding-top: 200px;
}
a{
    color: #333;
    text-decoration: underline;
    outline: none;
}
a:hover{
    text-decoration: none;
    color: #333;
}
.br-bottom_segment-1{
    background-color: #9E262D;
}
.br-bottom_segment-2{
    background-color: #568751;
}
.br-bottom_segment-3{
    background-color: #BB8B4A;
}
.br-bottom_segment-4{
    background-color: #3D7397;
}
.br-bottom_segment-5{
    background-color: #B55322;
}
h1,.h1{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    /* font-size: 4.8rem;
    line-height: 6.4rem;     */
    font-size: 3.6rem;
    line-height: 4.8rem;    
    color: #333333;    
    margin-bottom: 40px;
}
h2,.h2{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 3rem;
    line-height: 4.8rem;
    color: #333333;    
    margin-bottom: 30px;
}
h3,.h3{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 4.3rem;    
    color: #333333;
    margin-bottom: 20px;
}
h4,.h4{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 3.2rem;    
}


.branch{
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.8rem;
    border-radius: 5px;
    padding: 5px 10px;   
    display: inline-block; 
    border: 1px solid transparent;
    text-decoration: none;
}
a.branch:hover{
    text-decoration: none;
    color: #fff;    
}
.type{
    color: #333;
    font-size: 1.4rem;
    line-height: 1.8rem;
    border-radius: 5px;
    padding: 5px 10px;   
    display: inline-block; 
    background-color: #fff;
    text-decoration: none;
}
.type:hover{
    color: #333;
    text-decoration: none;
}

.section{
    margin-bottom: 100px;
}
.tabunContainer{
    margin-bottom: 100px;
}

header #bx-panel{
    position: fixed !important;
    top: 0;
    width: 100% !important;
}
/**/

/* ТКТО */
.bg--s1,
.bg--tkto{
    background: #000000
} 
.border-bottom--s1,
.border-bottom--tkto{
    border-bottom: 5px solid #000000
}
.border--tkto,
.border--s1{
    border: 1px solid #000000
}

/* Тюменский театр кукол */
.bg--tk,
.bg--puppet{
    background: #568751;
}
.border-bottom--tk,
.border-bottom--puppet{
    border-bottom: 5px solid #568751;
}
.border--puppet,
.border--tk{
    border: 1px solid #568751;
}

/* Тюменский драматический театр */
.bg--td,
.bg--drama{
    background: #BB8B4A;
}
.border-bottom--td,
.border-bottom--drama{
    border-bottom: 5px solid #BB8B4A;
}
.border--drama,
.border--td{
    border: 1px solid #BB8B4A;
}

/* Филармония */
.bg--ph,
.bg--phil{
    background: #9E262D;
}

.border-bottom--ph,
.border-bottom--phil{
    border-bottom: 5px solid #9E262D;
}
.border--phil,
.border--ph{
    border: 1px solid #9E262D;
}

/*Тюменский филармонический оркестр*/
.bg--tfo {
    background: #000034;
}
.bg--fo{
    background: #9E262D;
}

.border-bottom--tfo {
    border-bottom: 5px solid #000034;
}

.border-bottom--fo{
    border-bottom: 5px solid #9E262D;
}
.border--tfo {
    border: 1px solid #000034;
}
.border--fo{
    border: 1px solid #9E262D;
}

/* Д.К. Нефтяник */
.bg--nf,
.bg--neft{
    background: #3D7397;
}
.border-bottom--nf,
.border-bottom--neft{
    border-bottom: 5px solid #3D7397;
}
.border--neft,
.border--nf{
    border: 1px solid #3D7397;
}

/* Тобольский драматический театр */
.bg--tb,
.bg--tobolsk{
    background: #B55322;
}
.border-bottom--tb,
.border-bottom--tobolsk{
    border-bottom: 5px solid #B55322;
}
.border--tobolsk,
.border--tb{
    border: 1px solid #B55322;
}

/**/

.btn{
    display: inline-block;
    text-decoration: none;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
    
}
.btn.focus, .btn:focus{
    box-shadow: none;
}
.btn-big{
    height: 60px;
    padding: 0 50px;
    font-size: 1.8rem;
    line-height: 60px;
}
.btn-middle{
    height: 50px;
    padding: 0 30px;
    font-size: 1.8rem;
    line-height: 50px;
}
.btn-small{
    height: 40px;
    line-height: 40px;
}
.btn-white{
    border: 1px solid #fff;
    color: #fff;
}
.btn-white:hover{
    background: #fff;
    color:#000;
}
.btn-black{
    border: 1px solid #000;
    color: #000;
}



/**/

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px 0 20px 0;
    z-index: 1000;
    transition: background 0.5s;
    background-color: #fff;
    color: #000;    
}

header .br-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
}
header .br-bottom_segment{
    width: 20%;
    float: left;
    height: 5px;
}

.body-s1 .br-bottom_segment-1{
    background-color: #9E262D;
}
.body-s1 .br-bottom_segment-2{
    background-color: #568751;
}
.body-s1 .br-bottom_segment-3{
    background-color: #BB8B4A;
}
.body-s1 .br-bottom_segment-4{
    background-color: #3D7397;
}
.body-s1 .br-bottom_segment-5{
    background-color: #B55322;
}

.body-ph .br-bottom_segment{
    background-color: #9E262D;
}
.body-fo .br-bottom_segment{
    background-color: #000034;
}
.body-tk .br-bottom_segment{
    background-color: #568751;
}
.body-td .br-bottom_segment{
    background-color: #BB8B4A;
}
.body-nf .br-bottom_segment{
    background-color: #3D7397;
}
.body-tb .br-bottom_segment{
    background-color: #B55322;
}

.body-s1 .btn-black:hover{
    background: #000;
    color: #fff;
}
.body-ph .btn-black:hover{
    background: #9E262D;
    border-color: #9E262D;
    color: #fff;
}
.body-fo .btn-black:hover{
    background: #000034;
    border-color: #000034;
    color: #fff;
}
.body-td .btn-black:hover{
    background: #BB8B4A;
    border-color: #BB8B4A;
    color: #fff;
}
.body-tk .btn-black:hover{
    background: #568751;
    border-color: #568751;
    color: #fff;
}
.body-nf .btn-black:hover{
    background: #3D7397;
    border-color: #3D7397;
    color: #fff;
}
.body-tb .btn-black:hover{
    background: #B55322;
    border-color: #B55322;
    color: #fff;
}




header .expand{
    width: 21px;
    height: 0px;
    display: inline-block;
    background: url(/local/templates/ktko_main/img/down.svg) no-repeat center; 
    transition: height 0.5s;
    margin: 0 auto;
}
.header__bottom{
    position: relative;
}
.header__logo{
    position: absolute;
    /* width: 85px;
    height: 81px;     */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: inline-block;
    /* transition: 0.2s; */
    left: 50%;
    transform: translateX(-50%);
}
.body-s1 .header__logo,
.body-s1 .m-menu__logo{
    width: 100px;
    height: 80px;    
    background-image: url(/local/templates/ktko_main/img/tkto-logo-color.svg);
}
.body-tk .header__logo,
.body-tk .m-menu__logo{
    width: 123px;
    height: 75px;    
    background-image: url(/local/templates/ktko_main/img/logoPuppetsB.svg);
}
.body-td .header__logo,
.body-td .m-menu__logo{
    width: 90px;
    height: 80px;
	background-image: url(/local/templates/ktko_main/img/ТБДТ_ч.svg);  
    /*background-image: url(/local/templates/ktko_main/img/drama-logo-color.svg);*/
}
.body-ph .header__logo,
.body-ph .m-menu__logo{
    width: 160px;
    height: 90px;
    background-image: url(/local/templates/ktko_main/img/phil-logo-color.svg);
}
.body-nf .header__logo,
.body-nf .m-menu__logo{
    width: 175px;
    height: 90px;
    background-image: url(/local/templates/ktko_main/img/neft-logo-color1.svg);
}
.body-tb .header__logo,
.body-tb .m-menu__logo{
    width: 189px;
    height: 100px;
    background-image: url(/local/templates/ktko_main/img/tobolsk-logo-color.svg);
}

.body-fo .header__logo,
.body-fo .m-menu__logo{
    width: 160px;
    height: 80px;
    background-image: url(/local/templates/ktko_main/img/tfo-logo-blue.png);
}

.body-fo .header__nav, .body-fo .header--transparent .header__nav,
.body-fo .header__services, .body-fo .header--transparent .header__services
{
    border:none;
}

.header__expand-cont{
    height: 21px;
}
.header__nav{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;    
    margin-top: 20px;
    height: 53px;
}
.header__nav > li{
    padding: 0 5px; 
    border-radius: 5px 5px 0px 0px;
    border: 1px solid transparent;
}
.header__nav > li:first-child{
    padding:0 10px 0 0;
}
.header__nav > li > a,
.header__nav > li > span{
    font-size: 1.4rem;
    line-height: 5.2rem;
    text-decoration: none;   
    display: inline-block;
}
.header__nav > li.dropdown:hover,
.header__nav > li.dropdown.hover{
    background: #fff;
    border-left: 1px solid #E8E8E8;
    border-top: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8;
}

.header__nav > li.dropdown:hover{
    
}
.header__nav > li.dropdown:hover a,
.header__nav > li.dropdown:hover span,
.header__nav > li.dropdown.hover a,
.header__nav > li.dropdown.hover span{
    color: #000;
    text-decoration: none;
}
.header__nav .dropdown:after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 5px;
    background: url(/local/templates/ktko_main/img/menu-down-black.svg) no-repeat;
}
.header__nav .dropdown:hover:after{
    background: url(/local/templates/ktko_main/img/menu-down-black.svg) no-repeat;
}
.header__nav > li.dropdown:hover .dropdown-inner{
    display: block;
}
.header__burger{
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(/local/templates/ktko_main/img/burger-black.svg);
    background-repeat: no-repeat;
}
.dropdown-inner {
    position: absolute;
    top: 100%;
    left: -1px;
    z-index: 1000;
    display: none;
    color: #333;
    text-align: left;
    list-style: none;
    background-color: #fff;
    border-radius: 0px 0px 5px 5px;
    width: 320px;
    border: 1px solid #e8e8e8;
}
.dropdown-inner li {
    border-bottom: 1px solid #E8E8E8;
    padding:8px 20px 8px 25px;
}
.dropdown-inner li:last-child{
    border: none;
}
.dropdown-inner li a,
.dropdown-inner li span
{
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #333333;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 24px;
    padding-left: 35px;
    display: inline-block;
}
.dropdown-inner li [href*=\/viewers\/gift-certificate\/]
{
    background-image: url(/local/templates/ktko_main/img/ico-gift.svg);
}
.dropdown-inner li [href*=\/viewers\/fair\/]{
    background-image: url(/local/templates/ktko_main/img/ico-fair.svg);
}
.dropdown-inner li [href*=\/viewers\/personal-philharmonic\/]{
    background-image: url(/local/templates/ktko_main/img/ico-ticket.svg);
}
.dropdown-inner li [href*=\/viewers\/how-to-buy-tickets\/]{
    background-image: url(/local/templates/ktko_main/img/ico-question.svg);
}
.dropdown-inner li [href*=\/viewers\/how-to-return-a-ticket\/]{
    background-image: url(/local/templates/ktko_main/img/ico-question2.svg);
}
.dropdown-inner li [href*=\/viewers\/fyi\/]{
    background-image: url(/local/templates/ktko_main/img/ico-rules.svg);
}
.dropdown-inner li [href*=\/viewers\/anketa\/]{
    background-image: url(/local/templates/ktko_main/img/ico-rules.svg);
}
.dropdown-inner li [href*=\/work1\/]{
    background-image: url(/local/templates/ktko_main/img/ico-rules.svg);
}
.dropdown-inner li [href*="/upload/Kto/doc345.1.pdf"]{
    background-image: url(/local/templates/ktko_main/img/ico-rules.svg);
}
.dropdown-inner li [href*=\/union\/]{
    background-image: url(/local/templates/ktko_main/img/ico-assoc.svg);
}
.dropdown-inner li [href*=\/union\/documents-reports\/]{
    background-image: url(/local/templates/ktko_main/img/ico-docs.svg);
}
.dropdown-inner li [href*=\/union\/purchases\/]{
    background-image: url(/local/templates/ktko_main/img/ico-tender.svg);
}
.dropdown-inner li [href*=\/union\/administration\/]{
    background-image: url(/local/templates/ktko_main/img/ico-admin.svg);
}
.dropdown-inner li [href*=\/union\/vacancies\/]{
    background-image: url(/local/templates/ktko_main/img/ico-job.svg);
}

.dropdown-inner li [href*=\/bar\/]{
    background-image: url(/local/templates/ktko_main/img/ico-services.svg);
}

.dropdown-inner li [href=\/about\/]{
    background-image: url(/local/templates/ktko_main/img/ico-th-about.svg);
}
.dropdown-inner li [href=\/about\/halls\/]{
    background-image: url(/local/templates/ktko_main/img/ico-halls.svg);
}
.dropdown-inner li [href=\/about\/repertoire\/]{
    background-image: url(/local/templates/ktko_main/img/ico-repertoire.svg);
}
.dropdown-inner li [href=\/about\/troupe\/]{
    background-image: url(/local/templates/ktko_main/img/ico-group.svg);
}
.dropdown-inner li [href=\/about\/leaders\/]{
    background-image: url(/local/templates/ktko_main/img/ico-admin.svg);
}
.dropdown-inner li [href=\/about\/partners\/]{
    background-image: url(/local/templates/ktko_main/img/ico-partners.svg);
}
.body-ph .dropdown-inner li [href=\/about\/]{
    background-image: url(/local/templates/ktko_main/img/ico-phil-about.svg);
}
.dropdown-inner li [href=\/about\/genries\/]{
    background-image: url(/local/templates/ktko_main/img/ico-genries.svg);
}
.dropdown-inner li [data-href=\/about\/collectives\/]{
    background-image: url(/local/templates/ktko_main/img/ico-collectives.svg);
}
.dropdown-inner li [data-href=\/about\/map\/]{
    background-image: url(/local/templates/ktko_main/img/ico-collectives.svg);
}
.dropdown-inner li [data-href*=\/viewers\/union-of-friends\/]{
    background-image: url(/local/templates/ktko_main/img/ico-friends.svg);
}
.dropdown-inner li [data-href*=\/about\/our-viewers\/]{
    background-image: url(/local/templates/ktko_main/img/ico-our-viewers.svg);
}
.dropdown-inner li [data-href*=\/about\/history\/]{
    background-image: url(/local/templates/ktko_main/img/ico-history.svg);
}
.dropdown-inner li [data-href*=\/about\/museum\/]{
    background-image: url(/local/templates/ktko_main/img/ico-museum.svg);
}
.dropdown-inner li [data-href*=\/about\/history\/]{
    background-image: url(/local/templates/ktko_main/img/ico-history.svg);
}
.dropdown-inner li [data-href*=\/about\/services\/]{
    background-image: url(/local/templates/ktko_main/img/ico-services.svg);
}




.header__services{    
    margin-top: 20px;
    height: 53px;    
    font-size: 1.4rem;
    line-height: 1.8rem;     
    position: relative;
    padding-top: 16px;
}

.header__services a{
    font-size: 1.4rem;
    line-height: 1.8rem;    
    color: #000;      
}
.header__search-form{
    display: inline-block;
    position: absolute;
    z-index: 1;    
}
.header__search-ico{
    display: inline-block;
    width: 20px;
    height: 27px;
    background-image: url(/local/templates/ktko_main/img/search-black.svg);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    background-size: contain;
    margin-right: 10px;
}
.header__search-text{
    
    border: 0;
    width: 0px;
    /* padding-left: 20px; */
    /* padding-right: 10px; */
    outline: 0;
    height: 27px;
    border-bottom: 1px solid transparent;
    color: #000;
}

.opened .header__search-text{
    border-bottom: 1px solid #fff;
    width: 160px;
}


.header__search-text:focus + .header__search-submit{
    /* display: inline-block; */
}
.header__search-submit{
    width: 20px;
    background-image: url(/local/templates/ktko_main/img/arr-long-right-black.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 20px;
    background-color: transparent;
    border: 0;
    vertical-align: sub;
    display: none;
}
.opened .header__search-submit{
    display: inline-block;
}
.header__search-text::placeholder {
    color: #000;
}
.header__phone{
    display: inline-block;
    margin-left: 90px;
    line-height: 2.5rem;    
    position: relative;
    /*top:-2px;*/
}
.header__auth{
    display: inline-block;
    float: right;
    line-height: 2.5rem;    
}
.header__cart{

}
.header__cart:before{
    content: '';
    width: 15px;
    height: 13px;
    display: inline-block;
    background: url(/local/templates/ktko_main/img/cart-black.svg) no-repeat center;
    margin-right: 5px;
}
.header__auth-in{
    margin-right: 30px;
}

.header--transparent{
    background: transparent;
}
.header--transparent .br-bottom{
    display: none;
}
.header--transparent .organizations .item.active {
    border-bottom: 5px solid #fff;
}
.body-tk .organizations .item.active {
    border-color: #568751;
}
.body-td .organizations .item.active {
    border-color: #BB8B4A;
}
.body-ph .organizations .item.active {
    border-color: #9E262D;
}
.body-fo .organizations .item.active {
    border-color: #000034;
}
.body-nf .organizations .item.active {
    border-color: #3D7397;
}
.body-tb .organizations .item.active {
    border-color: #B55322;
}

.header--transparent .organizations .item{
    color: #fff;
}
.header--transparent .header__nav > li > a, 
.header--transparent .header__nav > li > span{
    color: #fff;
}
.header--transparent #vision-enabler button {
    color: #fff;
}
.header--transparent .header__search-text {
    color: #fff;
    /* background: url(/local/templates/ktko_main/img/search.svg) no-repeat left center; */
    background: transparent;
}
.header--transparent .header__search-text:focus{
    border-bottom: 1px solid #fff;
}
.header--transparent .header__search-text::placeholder {
    color: #fff;
}
.header--transparent .header__search-ico{
    background-image: url(/local/templates/ktko_main/img/search.svg);
}

.header--transparent  .header__phone{
    color: #fff;
}
.header--transparent .header__services a {
    color: #fff;
}
.header--transparent .header__auth a{
    color: #fff;
    text-decoration: none;
}
.header--transparent .header__cart:before{
    background: url(/local/templates/ktko_main/img/cart.svg) no-repeat center;
}

.body-s1 .header--transparent .header__logo{
    background-image: url(/local/templates/ktko_main/img/tkto-logo-white.svg);
}
.body-ph .header--transparent .header__logo{
    background-image: url(/local/templates/ktko_main/img/phil-logo-white.svg);
}
.body-tk .header--transparent .header__logo{
    background-image: url(/local/templates/ktko_main/img/logoPuppetsW.svg);
}
.body-tb .header--transparent .header__logo{
    background-image: url(/local/templates/ktko_main/img/tobolsk-logo-white.svg);
}
.body-td .header--transparent .header__logo{
	background-image: url(/local/templates/ktko_main/img/ТБДТ_б.svg);
    /*background-image: url(/local/templates/ktko_main/img/drama-logo-white.svg);*/
}
.body-nf .header--transparent .header__logo{
    background-image: url(/local/templates/ktko_main/img/neft-logo-white1.svg);
}
.body-fo .header--transparent .header__logo{
    background-image: url(/local/templates/ktko_main/img/tfo-logo-white.png);
}

.header--transparent #vision-enabler:before{
    background: url(/local/templates/ktko_main/img/eye.svg) no-repeat center;    
}
.header--transparent .header__nav{
    border-bottom: 1px solid #fff;
}
.header--transparent  .header__services{
    border-bottom: 1px solid #fff;
}
.header--transparent .expand{
    height: 21px;
}
.header--transparent .header__burger{
    background-image: url(/local/templates/ktko_main/img/burger-white.svg);
}
.header--transparent .header__search-submit{
    background-image: url(/local/templates/ktko_main/img/arr-long-right.svg);
}
.header--transparent .header__nav .dropdown:after {
    background: url(/local/templates/ktko_main/img/menu-down.svg) no-repeat;
}
.header--transparent .header__nav .dropdown:hover:after{
    background: url(/local/templates/ktko_main/img/menu-down-black.svg) no-repeat;
}


/* Формы */
.form-error{
    font-size: 12px;
    color: red;
}
.auth-form,
.reg-form{
    padding-bottom: 148px;
}
.auth-form form,
.reg-form form{
    width: 100%;
    /* max-width: 350px; */
    margin: 0 auto;
}
.auth-form .form-group,
.reg-form .form-group,
.contacts .form-group,
.union-vacancies__form .form-group,
.search-form .form-group{
    margin-bottom: 1.5rem;
}
.auth-form .form-control,
.reg-form .form-control,
.contacts .form-control,
.union-vacancies__form .form-control,
.search-form .form-control,
#simple-reg .form-control
{
    height: 58px;
    background: #FFFFFF;
    border: 1px solid #C2C2C2;
    border-radius: 5px;
    font-size: 1.8rem;
    line-height: 2.3rem;
    padding: 0 20px;

}
.auth-form textarea.form-control,
.reg-form textarea.form-control,
.contacts textarea.form-control,
.union-vacancies__form  textarea.form-control{
    padding: 20px;
    min-height: 175px;
    resize: vertical;
}
.auth-form input[type='file'].form-control,
.reg-form input[type='file'].form-control,
.contacts input[type='file'].form-control,
.union-vacancies__form  input[type='file'].form-control{
    background-color: transparent;
    border: 0;
    padding: 0;
    height: auto;
}
.auth-form .form-control::placeholder,
.reg-form .form-control::placeholder,
.contacts .form-control::placeholder,
.union-vacancies__form .form-control::placeholder,
.search-form .form-control::placeholder{
    color: #131313;
}
.auth-form a,
.reg-form a{
    font-size: 1.8rem;
    line-height: 2.3rem;
    color: #000;
    text-decoration: underline;
}
.auth-form__social{

}
.auth-form__caption{
    margin-bottom: 10px;
    margin-top: 20px;
}
a.auth-form__social-a{
    display: inline-block;
    margin: 0 5px;
    text-decoration: none;
}
.auth-form__social-caption{

}
.auth-form .form-control,
.reg-form .form-control,
#simple-reg .form-control
{
    max-width: 350px;
    margin: 0 auto;
}
.auth-form a:hover,
.reg-form a:hover{
    text-decoration: none;
}
.auth-links,
.reg-links{
/*    display: flex;
    flex-direction: column;*/
    margin-bottom: 3rem;
}
.reg-links{
    margin-top: 3rem;
    margin-bottom: 0;
}
.auth-links a + a,
.reg-links a + a{
    margin-top: 1rem;
}
.form-checkbox{
    position: relative;
    display: inline-flex;
    cursor: pointer;
}
.form-checkbox--label{
    font-size: 1.8rem;
    line-height: 1.8rem;
}
.form-checkbox--label::before{
    position: relative;
    content: '';
    display: inline-flex;
    width: 19px;
    height: 19px;
    background-color: #FFFFFF;
    border: 1px solid #C2C2C2;
    border-radius: 5px;
    margin-right: 5px;
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
    
}
.form-checkbox input[type='checkbox']:checked + .form-checkbox--label::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'%3E%3C/path%3E%3C/svg%3E");
}
.hidden-checkbox{
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
}
.form-contact .hidden{
    display: none;
}

/* Контакты */
.contacts{
    padding-bottom: 100px;
}
.contacts h2,
.contacts h3{
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin-bottom: 15px;
}
.contacts__map{
    width: 100%;
    height: 325px;
    margin-bottom: 25px;
}
.contacts__address{

}
.contacts__form{
    margin-top: 58px;
}
.contacts__form h3{
    margin-bottom: 30px;
}
.contacts__items{
    display: flex;
    flex-direction: column;
}
.contacts__items a,
.contacts__footer a{
    font-size: 1.8rem;
    line-height: 2.3rem;
    color: #000;
    text-decoration: none;
}
.contacts__items a:hover,
.contacts__footer a:hover{
    text-decoration: underline;
}
.contacts__item{

}
.contacts__item + .contacts__item{
    margin-top: 14px;
}
.contacts__item--title{
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;
    padding-bottom: 5px;
}
.contacts__footer{
    margin-top: 80px;
}
.contacts__footer--items{
    margin-bottom: 40px;
}
.contacts__footer--item + .contacts__footer--item{
    margin-top: 14px;
}

/* О нас */
.union-menu{
    margin-top: 60px;
}
.union-menu--list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #000000;
    margin-bottom: 30px;
}
.union-menu--item{
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;
    text-decoration: none;
    color: #333333;
    padding-bottom: 10px;
    border-bottom: 5px solid transparent;
}
.union-menu--item:hover,
.union-menu--item.active{
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;
    text-decoration: none;
    color: #333333;
    border-bottom: 5px solid #000000;
}
.union-content{
    padding-bottom: 100px;
}
.union-content .org-items img{
    height: 50px;
}
.union-content .org-items{
    display: flex;
    position: relative;
    margin: 25px 0 25px 0;

}
.union-content .org-items:after{
    content: '';
    display: block;
    height: 1px;
    background: #000;
    width: 100%;
    position: absolute;
    top: 49px;
}
.union-content .org-items .item{
    display: inline-block;
    width: 140px;
    margin: 0 25px;
    text-decoration: none;
}
.union-content .org-items .item-img{
    margin-bottom: 10px;
}
.union-content .org-items .item-name{
    display: block;
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
}
.union-docs{}
.union-doc{
    display: flex;
    flex-direction: column;
}
.union-doc + .union-doc{
    margin-top: 40px;
}
.union-doc--title{
    font-family: "PT Sans";
    font-style: normal;
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 2.3rem;
    color: #131313;
    margin-bottom: 20px;
}
.union-doc__item{
    background-color: #FFFFFF;
    padding: 40px 30px;
    text-decoration: none !important;
    width: 100%;
    max-width: 800px;
    color: #131313 !important;
}
.union-doc__item + .union-doc__item{
    margin-top: 30px;
}
.union-doc__item--year{
    margin-bottom: 10px;
}
.union-doc__item--name{
    margin-bottom: 10px;
}
.union-administration{
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.union-admin{}
.union-admin__photo{
    display: flex;
    margin-bottom: 20px;
    height: 254px;
}
.union-admin__photo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.union-admin__info{}
.union-admin__info--item{}
.union-admin__info--item + .union-admin__info--item{
    margin-top: 5px;
}
.union-admin__info--fio{
    font-weight: bold;
}
.union-vacancies{}
.union-vacancies__list{}
.union-vacancies__item{}
.union-vacancies__item--title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    font-size: 2rem;
    font-weight: bold;
    border-bottom: 1px solid #000000;
    cursor: pointer;
}
.union-vacancies__item--title.active{
    border-bottom: 1px dashed #000000;
}
.union-vacancies__item--icon{
    display: flex;
    justify-content: center;
    align-items: center;

    transition: transform 0.4s;
}
.union-vacancies__item--icon svg{
    width: 16px;
    height: 16px;
}
.union-vacancies__item--title.active .union-vacancies__item--icon{
    transform: rotate(180deg);
}
.union-vacancies__item--info{
    display: flex;
    flex-direction: column;
    padding: 20px 10px;
}
.union-vacancies__item--prop + .union-vacancies__item--prop{
    margin-top: 20px;
}
.union-vacancies__item--prop-value{
    margin-left: 20px;
    margin-bottom: 0;
}
ul.union-vacancies__item--prop-value{
    margin-left: 40px;
}
.union-vacancies__form{
    margin-top: 80px;
}
.union-vacancies__form form{
    width: 100%;
    max-width: 350px;
}
.union-content__text img{
    max-width: 100%;
}
.union-content__text ul,
.union-content__text ol{
    margin-left: 40px;
}

/* Зрителям */
.viewers-content{
    padding-bottom: 100px;
}
.viewers-content ul,
.viewers-content ol{
    margin-left: 40px;
}


/* Поиск */
.search-content{
    padding-bottom: 100px;
}
.search-form{
    margin-bottom: 40px;
}
.search-form form{
    display: flex;
    align-items: center;

}
.search-form input{
    width: 380px;
    max-width: 100%;
}
.search-form button{
    margin-left: 20px;
}
.search-list{
    display: flex;
    flex-direction: column;
}
.search-item{
    border-bottom: 1px dashed #000000;
}
.search-item + .search-item{
    margin-top: 20px;
}
.search-item a{
    font-size: 1.8rem;
    line-height: 2.3rem;
    color: #000;
    text-decoration: underline;
}
.search-item a:hover{
    text-decoration: none;
}
.search-item--title{
    margin-bottom: 10px;
}
.search-item--text{
    padding: 0 10px 20px 10px;
}
.search-item--not-found{
    padding: 0 10px 20px 10px;
}

/**/

.organizations{}
.organizations .item{
    font-size: 1.4rem;
    line-height: 1.8rem;    
    margin-right: 20px;
    padding: 5px 0px;
    text-decoration: none;
}
/* .organizations .item.active{
    border-bottom: 5px solid #fff;
} */
.organizations .item.active {
    border-bottom: 5px solid #000000;
}
.organizations .item:last-child{
    margin-right: 0;
}


#vision-enabler{
    font-size: 1.4rem;
    line-height: 1.8rem;    
    color: #fff;       
    position: relative; 
}
#vision-enabler:before{
    content: '';
    display: inline-block;
    width: 14px;
    height: 10px;
    background: url(/local/templates/ktko_main/img/eye-black.svg) no-repeat center;
    position: absolute;
    left: 0;
    top: 4px;
}
#vision-enabler button{
    padding: 0;
    text-align: left;
    padding-left: 20px;
    background: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;    
}

/**/

.h1-section{
    /* margin-bottom: 30px; */
}

/**/

.organizations-panel{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #F0F0F0;
    text-align: center;
    display: flex;
    justify-content: center;
    z-index: 902;
    padding: 30px 0 50px 0;
}
.organizations-panel__collaps{
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
}
.organizations-panel .items img{
    height: 50px;
}
.organizations-panel .tkto{
    display: inline-block;
    width: 160px;
    margin: 0 15px;
}
.organizations-panel .tkto-img{
    margin-bottom: 10px;
}
.organizations-panel .tkto-name{
    display: block;
    font-size: 1rem;
    line-height: 1.1rem;
    text-align: center;
    text-transform: uppercase;
    color: #000000;    
}
.organizations-panel .items{
    display: inline-block;
    position: relative;
    display: flex;
    margin-top: 25px;
}
.organizations-panel .items:after{
    content: '';
    display: block;
    height: 1px;
    background: #000;
    width: 110%;
    position: absolute;
    top: 49px;
}
.organizations-panel .item{
    display: inline-block;
    width: 140px;
    margin: 0 25px;
}
.organizations-panel .item-img{
    margin-bottom: 10px;
}
.organizations-panel .item-name{
    display: block;
    font-size: 1.2rem;
    line-height: 1.4rem;
    text-transform: uppercase;
    color: #000000;    
}
.organizations-panel .collapse{
    width: 21px;
    height: 21px;
    display: block;
    background: url(/local/templates/ktko_main/img/up.svg) no-repeat center;
    position: absolute;
    bottom: 5px;    
}

/**/

.organizations-section{
    text-align: center;
    display: flex;
    justify-content: center;

}
.organizations-section__item-img{
    height: 114px;
}
.organizations-section__items{
    display: inline-block;
    position: relative;
    display: flex;
}
.organizations-section__items:after{
    content: '';
    display: block;
    height: 1px;
    background: #000;
    width: 100%;
    position: absolute;
    top: 74px;
}
.organizations-section__item{
    display: inline-block;
    /* width: 160px; */
    margin: 0 25px;
    position: relative;
}
.organizations-section__item--ph:after{
    content: '';
    display: block;
    width: 48px;
    height: 62px;
    position: absolute;
    top: 13px;
    left: -30px;
    background: url(/local/templates/ktko_main/img/tree1.svg) no-repeat center;    
}
.organizations-section__item--ph:before{
    content: '';
    display: block;
    width: 26px;
    height: 34px;
    position: absolute;
    top: 40px;
    left: -5px;
    background: url(/local/templates/ktko_main/img/tree2.svg) no-repeat center;    
}
.organizations-section__item--tk:after{
    content: '';
    display: block;
    width: 46px;
    height: 60px;
    position: absolute;
    top: 14px;
    left: -55px;
    background: url(/local/templates/ktko_main/img/tree3.svg) no-repeat center;    
}
.organizations-section__item--tk:before{
    content: '';
    display: block;
    width: 61px;
    height: 77px;
    position: absolute;
    top: -3px;
    right: -50px;
    background: url(/local/templates/ktko_main/img/tree4.svg) no-repeat center;    
}
.organizations-section__item--td:after{
    content: '';
    display: block;
    width: 31px;
    height: 40px;
    position: absolute;
    top: 34px;
    left: -30px;
    background: url(/local/templates/ktko_main/img/tree5.svg) no-repeat center;    
}
.organizations-section__item--td:before{
    content: '';
    display: block;
    width: 87px;
    height: 109px;
    position: absolute;
    top: -34px;
    right: -65px;
    background: url(/local/templates/ktko_main/img/tree6.svg) no-repeat center;    
}
.organizations-section__item--nf:after{
    content: '';
    display: block;
    width: 56px;
    height: 74px;
    position: absolute;
    top: 0px;
    right: -30px;
    background: url(/local/templates/ktko_main/img/tree7.svg) no-repeat center;    
}
.organizations-section__item--nf:before{
    content: '';
    display: block;
    width: 39px;
    height: 48px;
    position: absolute;
    top: 26px;
    right: -60px;
    background: url(/local/templates/ktko_main/img/tree8.svg) no-repeat center;    
}
.organizations-section__item--tb:after{
    content: '';
    display: block;
    width: 38px;
    height: 50px;
    position: absolute;
    top: 24px;
    right: -13px;
    background: url(/local/templates/ktko_main/img/tree9.svg) no-repeat center;    
}
.organizations-section__item-img--td{
    height: 116px;
}
.organizations-section__item-img--nf{
    height: 120px;
}
.organizations-section__item-img--tb{
    height: 119px;
}

/**/

.nav-news{
    background-color: #fff;
    position: absolute;
    width: 100%;
    top: 100%;    
    z-index: 1;
}
.nav-news__item{
    
}
.nav-news__item-box{
    height: 162px;
    display: block;
}
.nav-news__item-img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.nav-news__item-body{
    padding: 20px;
}
.nav-news__item-title{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.9rem;
    color: #333333;    
    margin-bottom: 15px;
    display: inline-block;
    text-decoration: none;
}
.nav-news__item-title:hover{
    color: #333;
    text-decoration: none;
}
.nav-news__item-date{
    font-size: 1.6rem;
    line-height: 2.1rem;   
    color: #333333;   
    text-transform: lowercase; 
}


.news__tabs{
    margin-bottom: 30px;
    list-style: none;
}
.news__tab{    
    display: inline-block;
}
.news__tab:first-child{    
    margin-right: 40px;
}

.news__tab-a{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 3.6rem;
    line-height: 4.8rem;
    color: #A4A4A4;    
    padding: 5px 0;
    cursor: pointer;
}
.news__tab-a.active{
    color: #333;
    border-bottom: 5px solid #333;
}

/**/

.main-slider{
    height: 100vh;
    background: #000;
}
.main-slider__item{
    height: 100%;
    position: relative;    
}
.main-slider__item:after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0, 0, 0, 0.3);*/
	background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
}
.main-slider .owl-stage-outer,
.main-slider .owl-stage,
.main-slider .owl-item {
    height: 100%;
}
.main-slider__item-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main-slider__item-video{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.main-slider__item-video iframe{
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.slider__item-iframe{
    width: 100%;
    height: 100%;
}
.main-slider__item-content{
    position: absolute;
    top: 280px;    
    color: #fff;
    z-index: 1;
    text-align: center;
    width: 850px;
    left: 50%;
    transform: translateX(-50%);    
}
.main-slider__item-date{
    font-size: 1.8rem;
    line-height: 2.3rem;    
    margin-bottom: 5px;
    text-transform: lowercase;
    opacity: 0;
    transform: translateY(-100%); 
    transition:  0.43s;    
    transition-delay: 0s;
}  
.slick-active .animate{
    opacity: 1;
    transform: translateY(0%); 
}
.main-slider__item-name{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 4.8rem;
    line-height: 6.4rem;    
    margin-bottom: 15px;
    opacity: 0;
    transform: translateY(-100%); 
    transition:  0.4s;   
    transition-delay: 0.1s;
}
.main-slider__item-category{
    font-size: 1.8rem;
    line-height: 2.3rem;
    margin-bottom: 20px;
    opacity: 0;
    transform: translateY(-100%); 
    transition:  0.4s;       
    transition-delay: 0.2s;
}
.main-slider__item-branch{
    margin-bottom: 40px;
    color: #fff;
    opacity: 0;
    transform: translateY(-100%); 
    transition:  0.4s;       
    transition-delay: 0.3s;
}
.main-slider__item-line{
    opacity: 0;
    transform: translateY(-100%); 
    transition:  0.4s;       
    transition-delay: 0.4s;
}

.main-slider.owl-carousel .owl-dots{
    position: absolute;
    bottom: 85px;
    left: 0;
    width: 100%;
    text-align: center;
}
.main-slider.owl-carousel .owl-dot{
    display: inline-block;
    width: 12px;
    height: 12px;
    left: 700px;
    top: 573px;    
    background: rgba(255, 255, 255, 0.6);   
    border-radius: 50%;
    margin: 0 7px; 
}
.main-slider.owl-carousel .owl-dot.active{
    border: 1px solid #fff;
    background: transparent;
}

.main-slider-slick{
    height: 100%;
}
.main-slider-slick .slick-list{
    height: 100%;
}
.main-slider-slick .slick-track{
    height: 100%;
}
.main-slider__slick-slide{
    height: 100%;
}
.main-slider .slick-dots{
    position: absolute;
    bottom: 85px;
    left: 0;
    width: 100%;
    text-align: center;    
}
.main-slider .slick-dots li{
    display: inline-block;
}
.main-slider .slick-dots li button {    
    width: 12px;
    height: 12px;
    left: 700px;
    top: 573px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    margin: 0 7px;
    font-size: 0;
    border: 0;    
    outline: 0;
}
.main-slider .slick-dots li.slick-active button{
    border: 1px solid #fff;
    background: transparent;
}

/**/

.inp-wrapper{
    display: inline-block;
    position: relative;
}
.inp-wrapper--select:after{
    content: '';
    width: 10px;
    height: 10px;
    background: url(/local/templates/ktko_main/img/arr-down.svg) no-repeat center;
    position: absolute;
    right: 20px;
    top: 20px;
}
.inp-wrapper--filter{
    float: left;
}
.inp-wrapper--filter:hover select{
    background-color: #fff;
}

/**/
.events{}
.events__col{
    
}
.events__nofound{
    text-align: center;
    font-size: 2.8rem;
    font-weight: bold;
    margin: 30px 0;
}
.events__views{
    text-align: right;
    margin-bottom: 15px;
}
.events__view{
    display: inline-block;
    margin-left: 10px;
}
.events__filters{
    margin-bottom: 20px;
}
.events__filters-month,
.events__filters-inp{
    height: 50px;
    padding: 0 30px 0 10px;
    border: 0;
    background: transparent;
    border-radius: 5px;  
    margin-right: 10px;    
    width: 180px;
}
.events__filters-inp--month{
    /* padding: 0 25px 0 10px; */    
}
/* select[name="genries"]:focus {
    min-width: 300px;
    width: auto;
}
select[name="hall"]:focus {
    min-width: 300px;
    width: auto;
} */
.events__filters-inp--select
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;    
}
.events__filters-inp--select:focus{
    background-color: #fff;
}
.events__filters-btn{
    float: left;
}
.events__filters-btn.active{
    background: #000;
    color: #fff;    
}
.events__filters-check{
    /* width: 19px;
    height: 19px;
    border: 1px solid #C4C4C4;
    margin-right: 5px; */
    display: none;
}

.events__filters-label{
    font-size: 1.8rem;
    line-height: 2.1rem;    
    margin: 0;
}
.events__filters-label:before{
    content:'';
    display: inline-block;
    width: 19px;
    height: 19px;
    border: 1px solid #C4C4C4;
    margin-right: 5px;    
    vertical-align: top;
}
.events__filters-check:checked + .events__filters-label:before{
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.78062 0.21967C10.0731 0.512564 10.0731 0.987439 9.78062 1.28033L4.28796 6.78033C3.99546 7.07322 3.52122 7.07322 3.22872 6.78033L0.219377 3.76697C-0.0731258 3.47408 -0.0731258 2.9992 0.219377 2.70631C0.511881 2.41341 0.986122 2.41341 1.27863 2.70631L3.75834 5.18934L8.72137 0.21967C9.01388 -0.0732235 9.48812 -0.0732235 9.78062 0.21967Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}
.events__filters-wrp{
    height: 50px;
    float: left;
    display: flex;
    align-items: center;    
}
.events__filters-calendar{
    float: right;
    max-width: 700px;    
    position: relative;
    padding: 0 20px;
    height: 50px;
}
.events__filters-calendar:after{
    /* content: '';
    display: block;
    width: 15%;
    left: 0;
    height: 100%;
    box-shadow: inset 0px -30px 30px #f0f0f0; */
}
.events__filters-calendar:before{}
.events__filters-calendar-nav {
    position: absolute;
    top: 18px;
    left: 0px;
    right: 0px;
}
.events__filters-calendar button.owl-prev,
.events__filters-calendar button.owl-next{
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 0;
    background-color: transparent; 
    outline: 0;   
}
.events__filters-calendar button.owl-prev.disabled,
.events__filters-calendar button.owl-next.disabled{
    opacity: 0.2;
    cursor: default;
}
.events__filters-calendar-nav .owl-prev{
    background-image: url(/local/templates/ktko_main/img/arr-slider-left.svg);
    left: 0;
}
.events__filters-calendar-nav .owl-next{
    background-image: url(/local/templates/ktko_main/img/arr-slider-right.svg);
    right: 0;
}
.events__filters-date{
    width: 50px;
    height: 50px;
    float: left;
    background: #FFFFFF;
    border-radius: 5px;    
    /* margin: 0 5px; */
    text-align: center;
    cursor: pointer;
}
.events__filters-date:hover{
    background-color: #c4c4c4;
    text-decoration: none;
}
.events__filters-divider{
    height: 50px;
    line-height: 50px;
    float: left;
    background-color: #e0e0e0;
    border-radius: 5px;    
    text-align: center;
    padding: 0px 10px;
}
.events__filters-date.active{
    background: #000;
    color: #fff;
}
.events__filters-day-name{
    display: block;
    font-size: 1.2rem;
    line-height: 2.6rem;
    color: #333;    
}
.events__filters-date.active .events__filters-day-name{
    color: #fff;
}
.events__filters-day-order{
    display: block;
    display: block;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #333;        
}
.events__filters-date.active .events__filters-day-order{
    color: #fff;
}
.events__row{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -7px;
    margin-left: -7px;    
}
.events__col{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding-right: 7px;
    padding-left: 7px;   
    flex-wrap: wrap;   
}
.events__item{    
    height: 720px;
    background-color: #fff;
    position: relative;
    margin-bottom: 45px;
}
.events__item--slide{
    width: 267px;
    margin: 0 7px 45px 7px;
}
.events__item:after{
    content: '';
    position: absolute;
    bottom: -13px;
    left: 0;
    width: 100%;
    height: 15px;
    background-image: url(/local/templates/ktko_main/img/zazubrina.svg);
    background-repeat: repeat-x;
    background-position: left center;
}

.events__item-prop{
    position: absolute;
    top: 15px;
    left: 15px;
    background: #FFFFFF;
    border: 1px solid #BB8B4A;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 1.4rem;
    line-height: 1.8rem;    
    color: #131313;     
    padding: 5px 10px;   
} 
.events__item-prop--premiere{}
.events__item-picture{
    /* height: 262px; */
    height: 255px;
    box-sizing: content-box;
}
.events__item--slide .events__item-picture{
    height: 267px;
}
.icon-ticket{
    display: inline-block;
    width: 41px;
    height: 41px;
    background: #FFFFFF;
    border: 1px solid #BB8B4A;    
    font-family: Playfair Display;
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 4.1rem;   
    color: #131313;    
    text-align: center;
    border-radius: 50%;
}
.events__item-icon{
    position: absolute;
    right: 10px;
    top: 10px;
}
.events__item-icon--line{
    display: none;
}

.events__item-picture--s1,
.events__item-picture--tkto{
    border-bottom: 5px solid #000000
} 
.events__line-picture--s1,
.events__line-picture--tkto{
    border-right: 5px solid #000000
} 
/* Тюменский театр кукол */
.events__item-picture--tk,
.events__item-picture--puppet{
    border-bottom: 5px solid #568751;
}
.events__line-picture--tk,
.events__line-picture--puppet{
    border-right: 5px solid #568751;
}
/* Тюменский драматический театр */
.events__item-picture--td,
.events__item-picture--drama{
    border-bottom: 5px solid #BB8B4A;
}
.events__line-picture--td,
.events__line-picture--drama{
    border-right: 5px solid #BB8B4A;
}
/* Филармония */
.events__item-picture--ph,
.events__item-picture--phil{
    border-bottom: 5px solid #9E262D;
}
.events__line-picture--ph,
.events__line-picture--phil{
    border-right: 5px solid #9E262D;
}

.events__item-picture--fo,
.events__item-picture--tfo{
    border-bottom: 5px solid #000034;
}
.events__line-picture--fo,
.events__line-picture--tfo{
    border-right: 5px solid #000034;
}
/* Д.К. Нефтяник */
.events__item-picture--nf,
.events__item-picture--neft{
    border-bottom: 5px solid #3D7397;
}
.events__line-picture--nf,
.events__line-picture--neft{
    border-right: 5px solid #3D7397;
}
/* Тобольский драматический театр */
.events__item-picture--tb,
.events__item-picture--tobolsk{
    border-bottom: 5px solid #B55322;
}
.events__line-picture--tb,
.events__line-picture--tobolsk{
    border-right: 5px solid #B55322;
}

.events__item-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.events__item-content{
    padding: 20px 20px 0px 20px;
}
.events__item-name{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #333333;    
    display: block;
    margin-bottom: 15px;
    /* text-transform: lowercase; */
    text-decoration: none;
}
.events__item-name::first-letter{
    text-transform: capitalize;
}
.events__item-name:hover{
    text-decoration: underline;
    color: #333;
}
.events__item-time{
    font-size: 1.6rem;
    line-height: 2.1rem;
    color: #333333;  
    display: block;
    margin-bottom: 10px;  
}
.events__item-text{
    font-size: 1.4rem;
    line-height: 1.8rem;    
    color: #333333;
    display: block;
    margin-bottom: 10px;
}
.events__item-branch{ 
    color: #fff;
    margin:0 0 5px 0;
}
.events__item-props{
    margin-top: 15px;
}
.events__item-hall{
    font-size: 1.4rem;
    line-height: 1.8rem;    
    color: #333333;    
    text-decoration: none;
}
a.events__item-hall:hover{
    text-decoration: underline;
}
.events__item-bottom{
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 20px 20px 30px 20px;
}
.events__item-buy{
    margin-bottom: 20px;
}
.events__item-price{
    float: left;
}
.events__item-age{
    float: right;
}
.events__slider-wrp{
    position: relative;
}
.events__slider-nav{
    position: absolute;
    top: 50%;
    left: -55px;
    right: -55px;
}
.events__slider-nav.disabled{
    display: none;
}

.events__slider-nav button.owl-prev,
.events__slider-nav button.owl-next{
    position: absolute;
    display: block;
    width: 55px;
    height: 55px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 0;
    background-color: transparent; 
    outline: 0;   
}
.events__slider-nav button.disabled{
    display:none;
}
.events__slider-nav .owl-prev{
    background-image: url(/local/templates/ktko_main/img/arr-slider-left.svg);
    left: 0;
}
.events__slider-nav .owl-next{
    background-image: url(/local/templates/ktko_main/img/arr-slider-right.svg);
    right: 0;
}
.events__all{
    margin-top: 30px;
}

.events__line{
    background: #fff;
    position: relative;
    margin-bottom: 30px;
    display: flex;
    height: 267px;
}
.events__line-picture{
    width: 267px;
    height: 100%;
    box-sizing: content-box;
    position: relative;
}
.events__line-img{
    width: 100%;
    height: 100%;
    object-fit: cover;    
}
.events__line-content{
    width: 460px;
    padding: 10px 30px 0 30px;
}
.events__line-name{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #333333;    
    display: inline-block;
    margin-bottom: 10px;
    /*text-transform: lowercase;*/
    text-decoration: none;
}
.events__line-name::first-letter{
    text-transform: capitalize;
}
.events__line-name:hover{
    color: #333;
}
.events__line-time{
    font-size: 1.6rem;
    line-height: 2.1rem; 
    margin-bottom: 10px;
}
.events__line-text{
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-bottom: 15px;
}
.events__line-props{
    margin-bottom: 15px;
}
.events__line-branch{
    color: #fff;
    margin-right: 5px;
    margin-bottom: 5px;
}
.events__line-left{
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;  
}
.events__line-inner{
    position: relative;
    width: 206px;
}
.events__line-buy {
    margin-bottom: 20px;    
}
.events__line-price {
    float: left;
}
.events__line-etickets{
    float: right;
}
.events__line-age {
    float: right;

}
.events__line-cancel {
    float: right;
    font-size: 1.2rem;
    text-decoration: underline;
}
.events__line-from-plane{
    font-size: 1.4rem;
    line-height: 1.6rem;
    text-decoration: underline;        
    display: block;
    margin-top: 40px;
    text-align: center;
}
.events__line-from-plane span{
    cursor: pointer;
}
.events__line-tickets{
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(187, 139, 74, 0.2);
    padding: 10px 20px;
    color: #BB8B4A;
    max-width: 400px;
}
.events__line-genre{
    margin-right: 5px;
    color: #333;
}
.events__line-genre:hover{
    color: #333;
}
.events__line-icon{
    display: inline-block;
    width: 40px;
    height: 40px;
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    color: #131313;    
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    margin-right: 5px;
}
.events__line-booking{
    font-size: 1.4rem;
    line-height: 1.6rem;
    margin-top: 10px;
}

/**/

.event-detail__picture {
    max-width: 100%;
    margin-bottom: 30px;
}
.event-detail__age,
.event-detail__kind{
    margin-right: 40px;
}
.event-detail__price{

}
.event-detail__branch{
    color: #fff;
    margin: 0 5px 5px 0;
}
.event-detail__ticket{
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #BB8B4A;    
    text-decoration: none;
    background: rgba(187, 139, 74, 0.2);
    padding: 10px;
    display: inline-block;
}
.event-detail__action{
    margin-bottom: 20px;
}
.event-detail__action-icon{
    margin-right: 10px;
}
.event-detail__action-a{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #333333;    
}
.event-detail__schedule{
    font-size: 1.8rem;
    line-height: 2.3rem;
    text-decoration-line: underline;    
    cursor: pointer;
    display: inline-block;
}
.event-detail__dates{
    display: flex;
    margin-bottom: 30px;
}
.event-detail__date{
    margin-right: 30px;
    margin-bottom: 30px;
}
.event-detail__dm{
    font-family: 'Playfair Display';
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;    
    text-transform: lowercase;
}
.event-detail__day{
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #6D6D6D;
    text-transform: lowercase;
}
.event-detail__time{
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #6D6D6D;
    text-transform: lowercase;
}
.event__detail-date--buy{
    font-size: 1.4rem;
    line-height: 1.8rem;
    text-decoration-line: underline;    
    color: #131313;    
    display: inline-block;
}
.detail_event-text{
    font-size: 1.8rem;
    line-height: 2.3rem;    
    color: #333333;    
}
.event-detail .type{
    margin: 0 5px 5px 0;
}
.event-detail__slider{}
.event-detail__slider-wrp{
    position: relative;
    margin-bottom: 40px;
}
.event-detail__slide{}
.event-detail__slide-a{
    display: block;
    width: auto;
    max-width: 100%;
    position: relative;
    /* max-height: 410px; */
}
.event-detail__slide--video:after{
    content: '';
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    background: url(/local/templates/ktko_main/img/play.svg) no-repeat center;
}
.event-detail__slide-img{
    display: block;
    width: 100%;
}
.event-detail__slider.owl-carousel button.owl-prev,
.event-detail__slider.owl-carousel button.owl-next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center;    
}
.event-detail__slider.owl-carousel button.owl-prev{
    background-image: url(/local/templates/ktko_main/img/arr-slider-left-2.svg);
    left: 20px;
}
.event-detail__slider.owl-carousel button.owl-next{
    background-image: url(/local/templates/ktko_main/img/arr-slider-right-2.svg);
    right: 20px;
}
.event-detail__slider .owl-dots{
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 100%;
    text-align: center;
}
.event-detail__slider.owl-carousel .owl-dot{
    background: #F2F2F2;
    border:1px solid #f2f2f2;
    width: 12px;
    height: 12px;
    margin: 0 15px;
    border-radius: 50%;
}
.event-detail__slider.owl-carousel .owl-dot.active{
    background: transparent;
}
.event-detail__h3--m20{
    margin-bottom: 20px;
}

.event-buy__cont{
    background-color: #fff;
    padding: 25px 20px 35px 20px;
}
.event-buy__dates{
    display: flex;
    flex-wrap: wrap;
}
.event-buy__day{    
    padding-right: 15px;
    padding-bottom: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    border-right: 1px solid #dddddd;
}
.event-buy__day:last-child{
    border:0;
}
.event-buy__date{
    display: block;
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;
    text-decoration-line: underline;
    color: #333333;    
    margin-bottom: 5px;
    cursor: pointer;
    text-transform: lowercase;
}
.event-buy .hall-dates-button_selected{
    cursor: default;
    color: #BB8B4A;
    text-decoration: none;
    font-size: 1.2em;
}
.event-buy__time{
    font-size: 1.4rem;
    line-height: 1.8rem;
    text-decoration-line: underline;
    color: #6D6D6D;
    display: inline-block;
    margin-right: 20px;
}
.event-buy__weekday{
    display: block;
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #6D6D6D;
}
.event-buy .color-place{
    background: #FFFFFF;
    border: 2px solid #CDCDCD;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #000000;    
    display: inline-block;
    margin:0 5px 5px 5px;
}
.event-buy .rub-white{

}
.event-buy .color-places{
    text-align: center;
    margin-bottom: 50px;
}
.event-buy .hall-zone-select{
    text-align: center;
    margin-bottom: 30px;
}
.event-buy .abon-links{
    margin-bottom: 20px;
}
.event-buy .hall-scene{
    font-size: 1.2rem;
    line-height: 1.4rem;
    text-align: center;    
    padding: 25px 0 15px 0;
    background: #F0F0F0;
    margin-bottom: 40px;
}
.event-buy .hall-table table td{
    width: 22px;
    height: 22px;
    position: relative;
}
.event-buy .hall-table table td span.place-available {
    color: #000;
    cursor: pointer;
    background: transparent;
}
.event-buy .hall-table table td span.place-available:hover{
    width: 30px;
    height: 30px;
    position: absolute;
    line-height: 27px;
    top: -5px;
    left: -6px;
    font-size: 1.6rem;
    z-index: 1;    
}
.event-buy .hall-table table td span.place-down,
.event-buy .hall-table table td span.place-available.place-down{
    /* box-shadow: 0 0 1px 20px #000 inset; */
    /* color: #fff;    */
}
.event-buy .hall-table table{
    border-spacing: 2px;
    /* border-collapse: separate; */
}

.event-buy .hall-table table td span {
    -moz-user-select: none;
    color:transparent;
    cursor: default;
    display: block;
    font-size: 1.2rem;
    /* line-height: 18px; */
    line-height: 1;
    height: 18px;
    text-align: center;
    width: 18px;
    border: 2px solid #929292;
    box-sizing: border-box;
    border-radius: 5px;    
    background: #929292;
}
.event-buy #hall-show-date{
    text-transform: lowercase;
}
.event-buy .hall-choicer-dublicate {
    margin: 50px 0;
}
.event-buy .buy-button{
    /* background-color: #E30713;
    color: #fff; */
}
.event-buy #hall-choicer{
    margin-bottom: 30px;
}
.event-buy #hall-choicer-dublicate{
    margin-top: 30px;
}
.event-buy .hall-zone-select.hidden{
    display: none;
}
.event-buy .color-place .rub-white {
    display: inline-block;
    width: 7px;
    height: 8px;
    background: transparent url(/local/templates/ktko_main/img/rub-price.png) no-repeat right center;
    position: absolute;
    position: relative;
    background-size: contain;
}
.event-buy .loading {
    height: 100px;
    background: transparent url(/local/templates/ktko_main/img/loading.gif) no-repeat center center;
}
.event-buy .event-buy__time--selected{
    color: #BB8B4A;
    text-decoration: none;
}
.event-buy .list-times{
    display: none;
}

.event-buy #tab-hall{
    margin: 0 auto;
}




/**/

.actors__item{
    margin-bottom: 30px;
}
.actors__item-box{
    margin-bottom: 20px;
}
.actors__item-img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.actors__item-name{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin-bottom: 10px;
    display: inline-block;
    color: #333;
}
.actors__item-preview{
    font-size: 1.8rem;
    line-height: 2.3rem;    
}

/**/

.collective__item{
    margin-bottom: 30px;
}
.collective__item-box{
    margin-bottom: 20px;
}
.collective__item-img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.collective__item-name{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin-bottom: 10px;
    display: inline-block;
    color: #333;
}
.collective__item-preview{
    font-size: 1.8rem;
    line-height: 2.3rem;    
}

/**/

.news__types{
    margin-bottom: 30px;
    border-bottom: 1px solid #000;
    padding-bottom: 3px;
}
.news__types-list{
    list-style: none;
}
.news__types-item{
    display: inline-block;
    margin-right: 70px;
}
.news__types-item:last-child{
    margin-right: 0;
}
.news__types-type{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #333333;    
    text-decoration: none;
}

.news__types-type:hover{
   text-decoration: inherit; 
   color: inherit;
}
.news__types-item{}
.news__types-type{
    padding: 10px 0;
}
.news__types-item.active .news__types-type{
    border-bottom: 5px solid #000;
}
.news__item{
    margin-bottom: 30px;
    position: relative;
}
.news__item-box{
    height: 230px;
    position: relative;
    display: block;
}
.news__item--fixed{
    
}
.news__item--fixed:hover .news__item-fixed-caption{
    display: inline-block;
}
.news__item-fixed{
    /* display: flex; */
    /* align-items: center; */
    justify-content: center;
    min-width: 38px;
    height: 38px;
    background: #FFFFFF;
    border: 1px solid #3D7397;
    box-sizing: border-box;
    border-radius: 5px;    
    position: absolute;
    top: 10px;
    left: 20px;
    padding-top: 5px;
    /* padding: 5px 7px 0 7px; */
}
.news__item-fixed-caption{
    font-size: 1.6rem;
    line-height: 2.1rem;       
    color: #727272;
    display: none;
    margin-left: 5px;
    margin-right: 10px;
}
.news__item-fixed svg{
    margin: 0px 0 0 6px;
}

.inp-wrapper--news-types{
    display: none;
}
.news__types-select{
    width: 275px;
    height: 50px;
    padding: 0 10px;
    border: 0;    
    background: transparent;
    border-radius: 5px;
    margin-right: 10px;
    float: left;
}
.news__item-box--video{

}
.news__item-box--video:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}
.news__item-box--video:after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;;
    background: url(/local/templates/ktko_main/img/play.svg) no-repeat center center;
}
.news__item-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news__item-body{
    padding: 20px;
    background-color: #fff;
    min-height: 245px;
    position: relative;
}
.news__item-tags{
    margin-bottom: 15px;
}
.news__item-branch{
    color: #fff;
}
.news__item-title{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;    
    color: #333333;   
    display: block;
    margin-bottom: 50px; 
    text-decoration: none;
}
.news__item-title:hover{
    text-decoration: none;
}
.news__item-date{
    font-size: 1.6rem;
    line-height: 2.1rem; 
    color: #333333;    
    position: absolute;
    bottom: 30px;
    left: 20px;
    text-transform: lowercase;
}
.news__item-branch{
    margin-bottom: 5px;
    text-decoration: none;
}

.news-detail{

}
.news-detail__all{
    font-size: 1.8rem;
    line-height: 2.3rem;
    text-decoration-line: underline;
    color: #131313;    
    display: inline-block;
    margin-bottom: 5px;
}
.news-detail__all svg{
    margin-right: 15px;
}
.news-detail__h1{
    /* margin-bottom: 30px; */
}
.news-detail__date{
    font-size: 1.6rem;
    line-height: 2.1rem;    
    margin-right: 30px;
    text-transform: lowercase;
}
.news-detail__type{
    margin-right: 5px;
}
.news-detail__picture{
    max-width: 100%;
    margin-bottom: 60px;
}
.news__detail-text{
    margin-bottom: 60px;
}
.news__detail-text iframe{
    max-width: 100%;
    max-height: 60vw
}
.news-detail__slider{}
.news-detail__slider-wrp{
    position: relative;
    margin-bottom: 40px;
}
.news-detail__slide{}
.news-detail__slide-a{
    display: block;
    width: auto;
    max-width: 100%;
    position: relative;
    /* max-height: 410px; */
}
.news-detail__slide-wrp{
    position: relative;
}
.news-detail__slide-wrp--video{
    display: block;
}
.news-detail__slide-wrp--video:after{
    content: '';
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    background: url(/local/templates/ktko_main/img/play.svg) no-repeat center;
}
.news-detail__slide-img{
    display: block;
    width: 100%;
}
.news-detail__slider.owl-carousel button.owl-prev,
.news-detail__slider.owl-carousel button.owl-next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center;    
    outline: none;
}
.news-detail__slider.owl-carousel button.owl-prev{
    background-image: url(/local/templates/ktko_main/img/arr-slider-left-2.svg);
    left: 20px;
}
.news-detail__slider.owl-carousel button.owl-next{
    background-image: url(/local/templates/ktko_main/img/arr-slider-right-2.svg);
    right: 20px;
}
.news-detail__slider .owl-dots{
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 100%;
    text-align: center;
}
.news-detail__slider.owl-carousel .owl-dot{
    background: #F2F2F2;
    border:1px solid #f2f2f2;
    width: 12px;
    height: 12px;
    margin: 0 15px;
    border-radius: 50%;
}
.news-detail__slider.owl-carousel .owl-dot.active{
    background: transparent;
}
.news-detail__files{
    padding: 0;
    margin-bottom: 70px;
    list-style: none;
}
.news-detail__file{
    font-size: 1.2rem;
    line-height: 1.4rem;     
    color: #000; 
}
.news-detail__file svg{
    margin-right: 20px;
}
.news-detail__file-name{
    font-size: 1.4rem;
    line-height: 1.6rem;    
}
.news-detail__file-download{
    font-size: 1.2rem;
    line-height: 1.4rem;  
    color: #000; 
    text-decoration: underline;
}
.news-detail__file-meta{}
.news-detail__branch{
    color: #fff;
}

/**/

.shared{
    text-align: right;
}
.shared__caption{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 4.8rem;
    color: #333333;
}
.shared a{
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 20px;
}
.shared a:last-child{
    margin-right: 0;
}
/*
.shared .facebook{
    background-image: url(/local/templates/ktko_main/img/fb_black.svg);
    width: 12px;
    height: 24px;
}*/
.shared .vk{
    background-image: url(/local/templates/ktko_main/img/vk_black.svg);
    width: 26px;
    height: 16px;    
}
.shared .ok{
    background-image: url(/local/templates/ktko_main/img/ok_black.svg);
    width: 14px;
    height: 23px;    
}

/**/
.bounty__wrapper-subtitle {
    margin-top: -20px;
    margin-bottom: 30px;
    font-size: 2rem;
}
.bounty{}
.bounty__item{
    height: 357px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
}
.bounty__item:after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.68) 100%);    
}


.bounty__item-content{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 40px 40px 40px;
    z-index: 1;
}
.bounty__item-name{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #FFFFFF;    
    margin-bottom: 15px;
}
.bounty__item-link{
    font-size: 1.8rem;
    line-height: 2.3rem;
    text-decoration-line: underline;
    color: #FFFFFF;    
    font-weight: bold;
}
.bounty__item-link:hover{
    color: #fff;
}

.bounty__item--tfo {
    transition: all 0.8s;
    background-size: 100%;
}

.bounty__item--tfo:hover {
    background-size: 108%;
}

.bounty__item--tfo .bounty__item-content{
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-bottom:0!important;
    height:100%;
    z-index:5;
}

.bounty__item--tfo .bounty__item-name{
    font-weight: normal;
    font-size: 3.6rem;
    line-height:  3.8rem;
    
}

.bounty__item--tfo .bounty__item-subname{
    font-weight: normal;
    font-size: 1.8rem;
    margin-top: 16px;
    color:#fff;
}

.bounty__item--tfo .bounty__item-link-full {
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height: 100%;
    z-index: 20;
}



/**/                        

.partners{}
.partners__list{
    /* display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;    
    align-items: center; */
}
.partners__item{
    /* margin: 0 40px; */
    /* display: flex; */
    /* height: 110px; */
}
.partners__block{
    display: flex;
    align-items: center;
    /* width: 150px; */
    height: 130px;
}
.partners__item-logo{
    filter: grayscale(100%);
}
.partners__item-logo:hover{
    filter: none;
}
.partners__slider{
    position: relative;
}
.partners__slider-nav {
    position: absolute;
    top: 50%;
    height: 55px;
    left: -55px;
    right: -55px;
    transform: translateY(-50%);
}
.partners__slider-nav button.owl-prev, 
.partners__slider-nav button.owl-next {
    position: absolute;
    display: block;
    width: 55px;
    height: 55px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 0;
    background-color: transparent;
    outline: 0;
}
.partners__slider-nav .owl-prev {
    background-image: url(/local/templates/ktko_main/img/arr-slider-left.svg);
    left: 0;
}
.partners__slider-nav .owl-next {
    background-image: url(/local/templates/ktko_main/img/arr-slider-right.svg);
    right: 0;
}

/**/

footer{
    background-color: #282828;
    padding: 30px 0px;
    color: #fff;
    margin-top: auto;

    /* position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 465px; */
}
.footer__row-top{
    align-items: flex-end;
}
.footer__stores{
    text-align: right;
}
.footer__store{
    display: inline-block;
    margin-left: 10px;
    background-repeat: no-repeat;    
}
.footer__store--google{
    width: 135px;
    height: 40px;
    background-image: url(/local/templates/ktko_main/img/googleplay.svg);
}
.footer__store--apple{
    width: 118px;
    height: 40px;
    background-image: url(/local/templates/ktko_main/img/applestore.svg);
}
.footer__line{
    border: 0;
    height: 2px;
    background: #c4c4c4;
    margin: 30px 0px;
    padding: 0;
}

/**/

.subscribe-form{}
.subscribe-form__caption{
    font-size: 1.8rem;
    line-height: 2.3rem;    
    color: #FFFFFF;   
    margin-bottom: 15px; 
}
.subscribe-form__text{
    width: 200px;
    height: 40px;
    font-size: 1.4rem;
    line-height: 1.8rem;    
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 5px;    
    margin-right: 10px;
    background: transparent;
    padding: 0 10px;
}
.subscribe-form__text.sub-error{
    border-color: #db313f;
}
.subscribe-form__text::-webkit-input-placeholder {
    font-size: 1.4rem;
    line-height: 1.8rem;    
    color: #FFFFFF;
  }
  
  .subscribe-form__text:-ms-input-placeholder { 
    font-size: 1.4rem;
    line-height: 1.8rem;    
    color: #FFFFFF;
  }
  
  .subscribe-form__text::placeholder {
    font-size: 1.4rem;
    line-height: 1.8rem;    
    color: #FFFFFF;
  }
.subscribe-form__text--name{
    
}
.subscribe-form__text--email{}
.subscribe-form__submit{
    width: 150px;
    height: 40px;
    font-size: 1.4rem;
    line-height: 1.8rem;    
    color: #FFFFFF;    
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 5px;   
    background: transparent; 
}

.subscribe{
    padding: 30px 0 60px 0;
}
.subscribe-white{
    background-color: #fff;
}
.subscribe-form-dark{}
.subscribe-form-dark .subscribe-form__caption{  
    color: #333;   
}
.subscribe-form-dark .subscribe-form__text{
    color: #131313;
    border: 1px solid #C2C2C2;
}
.subscribe-form-dark .subscribe-form__text::-webkit-input-placeholder {
    color: #131313;
}
.subscribe-form-dark .subscribe-form__text:-ms-input-placeholder {   
color: #131313;
}
.subscribe-form-dark .subscribe-form__text::placeholder {
color: #131313;
}
.subscribe-form-dark .subscribe-form__text--name{
    
}
.subscribe-form-dark .subscribe-form__text--email{}
.subscribe-form-dark .subscribe-form__submit{ 
    color: #333;    
    border: 1px solid #000;
}

/**/

.footer__nav{
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer__nav-li{
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 18px;    
    color: #FFFFFF;    
}
.footer__nav .footer__nav-li:first-child .footer__nav-item{
    font-size: 1.8rem;
    line-height: 2.3rem;
}
.footer__nav-item{
    font-size: 14px;
    line-height: 18px;    
    color: #FFFFFF;    
    text-decoration: none;
}
.footer__nav-item:hover{
    color: #fff;    
}
.footer__nav-item--active{}

/**/

.footer__flex{
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-content: space-between;
    justify-content: flex-end;    
}
.social{
    list-style: none;
    padding: 0;
    margin: 0;    
}
.social__li{
    display: inline-block;
    margin-left: 15px;
}
.social__item{

}
.social__item-fb{}
.social__item-in{}
.social__item-vk{}

/**/

.tours-our-teams{}
.tours-our-teams__item{
    padding-left: 45px;
    background: url(/local/templates/ktko_main/img/check.svg) no-repeat left top;
}
.tours-our-teams__item-name{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #333333;
    margin-bottom: 10px;
}
.tours-our-teams__item-text{
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #333333;    
}
                    
/**/                    

.tours-our{
    background: #608456;
    padding: 100px 0px;
}
.tours-our__h2{
    color: #fff;
}
.tours-our__item{}
.tours-our__item-box{
    margin-bottom: 15px;
    height: 87px;
}
.tours-our__item-img{}
.tours-our__item-name{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #FFFFFF;    
    margin-bottom: 20px;
}
.tours-our__item-text{
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #FFFFFF;    
}

/**/

.tours-map{}
.tours-map__box{
    height: 667px;
}
.tours-map__content{
    position: relative;
}
.tours-map__popup{
    width: 465px;
    display: none;
    position: absolute;
    top: -0px;
    bottom: 0px;
    right: 0;
    background: #fff;
    color: #333333;
    padding: 30px 50px 30px 30px;
    box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.1);    
    z-index: 5;
    overflow-y: scroll;
}
.tours-map__slider{}
.tours-map__slides{
    width: 100%;
}
.tours-map__slide{
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.8rem;    
    opacity: 0; 
}
.active .tours-map__slide{
    opacity: 1;
}
.tours-map__slide-img{
    margin-bottom: 10px;
}
.tours-map__slide-name{
    font-family: 'Playfair Display';
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;  
    margin-bottom: 10px;  
}
.tours-map__slide-addr{
    margin-bottom: 10px;  
}
.tours-map__slide-org{
    margin-bottom: 10px;      
    color:#fff; 
}
.tours-map__slide-team{
    margin-bottom: 10px;
}
.tours-map__slide-age{

}
.tours-map__slide-descr{
    margin-bottom: 10px;
}
.tours-map__slide-text{
    margin-bottom: 10px;
}
.tours-map__popup-close{
    width: 16px;
    height: 16px;
    position: absolute;
    top: 10px;
    right: 10px;
    background: url(/local/templates/ktko_main/img/close.svg) no-repeat center;
    cursor: pointer;
}
.tours-map__popup .owl-nav{
    /* position: absolute;
    left: 0px;
    bottom: 0px; */
    margin-top: 20px;
}
.tours-map__popup .owl-carousel .owl-nav .owl-prev,
.tours-map__popup .owl-carousel .owl-nav .owl-next{
    display: inline-block;
    width: 55px;
    height: 55px;
    margin-right: 15px;
    border: 1px solid #000;
    background-repeat: no-repeat;
    background-position: center;
}
.tours-map__popup .owl-carousel .owl-nav .owl-prev{
    background-image: url(/local/templates/ktko_main/img/arr-left.svg);
}
.tours-map__popup .owl-carousel .owl-nav .owl-next{
    background-image: url(/local/templates/ktko_main/img/arr-right.svg);
}

/**/

.tours-teams{}
.tours-teams__item{
    display: block;
    position: relative;
    height: 255px;
    margin-bottom: 30px;
}
.tours-teams__item:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));    
}
.tours-teams__item-img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.tours-teams__item-name{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #FFFFFF;
    position: absolute;
    bottom: 30px;
    left: 50px;
    right: 50px;
    z-index: 1;
}

/**/

.m-menu {
    /* display: none; */
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
    overflow-y: auto;
    padding-top: 20px;
}
.m-menu__top{
    position: relative;
    margin-bottom: 25px;
}
.m-menu__left {
    height: 47px;
    border-bottom: 1px solid #000;
}
.m-menu__close {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(/local/templates/ktko_main/img/burger-close-black.svg);
    background-repeat: no-repeat;
}
.m-menu__logo {
    width: 88px;
    height: 83px;
    position: static;
    left: auto;
    transform: none;
    
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: inline-block;    
}

.body-s1 .m-menu__logo{
    background-image: url(/local/templates/ktko_main/img/tkto-logo-black.svg);
}
.body-tk .m-menu__logo{
    background-image: url(/local/templates/ktko_main/img/logoPuppetsB.svg);
}
.body-td .m-menu__logo{
    background-image: url(/local/templates/ktko_main/img/drama-logo-black.svg);
}
.body-ph .m-menu__logo{
    background-image: url(/local/templates/ktko_main/img/phil-logo-black.svg);
}
.body-nf .m-menu__logo{
    background-image: url(/local/templates/ktko_main/img/neft-logo-black.svg);
}
.body-tb .m-menu__logo{
    background-image: url(/local/templates/ktko_main/img/tobolsk-logo-black.svg);
}




.m-menu__right {
    height: 47px;
    border-bottom: 1px solid #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000;
}
.m-menu__right a {
    color: #000;
}
.m-menu__cart {
    font-size: 1.2rem;
    line-height: 1rem;
    display: inline-block;
    color: #FFFFFF;
    font-size: 0;
}
.m-menu__cart:before {
    content: '';
    width: 15px;
    height: 13px;
    display: inline-block;
    background: url(/local/templates/ktko_main/img/cart-black.svg) no-repeat center;
    margin-right: 0px;
}
.m-menu a{
    /* font-size: 1.2rem;
    line-height: 2.2rem;
    display: inline-block;
    color: #000; */
}
.m-menu__organizations a,
.m-menu__menu a{
/*    font-size: 1.2rem;
    line-height: 2.2rem;*/
    display: inline-block;
    color: #000;     
}
.m-menu__organizations{
    
}
.m-menu__organizations-ul{
    display: none;
    list-style: none;
    /* display: inline-block; */
    /* border-bottom: 1px solid #000; */
    margin-left: 20px;
}
.opened .m-menu__organizations-ul{
    display: block;
}
.m-menu__organizations-li{
    margin-bottom: 10px;
}
.m-menu__organizations-item{
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #000000;    
    padding: 5px 0px;
    text-decoration: none;
}
.m-menu__organizations-item.active{
    border-bottom: 5px solid #000;
}
.m-menu__menu{

       
}
.m-menu__nav{
    list-style: none; 
    /* overflow-y: scroll; */
}
.m-menu__nav a{
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #040404;    
    text-decoration: none;
}
.m-menu__nav li{
    margin-bottom: 15px;
}
.m-menu__nav > li > a,
.m-menu__nav > li > span{
    font-size: 1.4rem;
    line-height: 1.8rem; 
    /* font-weight: bold; */
}
.m-menu__nav-dropdown{
    list-style: none;
}
.m-menu__nav-a{
    /* margin-bottom: 15px; */
    display: inline-block;

}
.m-menu__nav-inner{
    list-style: none;
    margin-left: 20px;
    display: none;
}
.opened .m-menu__nav-inner{
    display: block;
    margin-top: 10px;
}
.m-menu__group{
    display: inline-block;
    margin-bottom: 15px;
    font-size: 1.4rem;
    line-height: 1.8rem;     
}
.m-menu__arr{
    display: inline-block;
    width: 15px;
    height: 10px;
    background-image: url(/local/templates/ktko_main/img/m-menu-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;    
    margin-left: 3px;
    transform: rotateX(180deg);
}
.opened .m-menu__arr{
    transform: rotateX(0deg);
}
.m-menu__nav-dropdown li a,
.m-menu__nav-dropdown li span{
    /* font-size: 1.4rem;
    line-height: 2.4rem;
    color: #333333; */
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 32px;
    background-size: 22px;
    font-size: 1.4rem;
    line-height: 2.4rem;
    /* display: inline-block; */
}
.m-menu__nav-dropdown li [data-href*=\/viewers\/gift-certificate\/]{
    background-image: url(/local/templates/ktko_main/img/ico-gift.svg);
}
.m-menu__nav-dropdown li [data-href*=\/viewers\/fair\/]{
    background-image: url(/local/templates/ktko_main/img/ico-fair.svg);
}
.m-menu__nav-dropdown li [data-href*=\/viewers\/personal-philharmonic\/]{
    background-image: url(/local/templates/ktko_main/img/ico-ticket.svg);
}
.m-menu__nav-dropdown li [data-href*=\/viewers\/how-to-buy-tickets\/]{
    background-image: url(/local/templates/ktko_main/img/ico-question.svg);
}
.m-menu__nav-dropdown li [data-href*=\/viewers\/how-to-return-a-ticket\/]{
    background-image: url(/local/templates/ktko_main/img/ico-question2.svg);
}
.m-menu__nav-dropdown li [data-href*=\/viewers\/fyi\/]{
    background-image: url(/local/templates/ktko_main/img/ico-rules.svg);
}
.m-menu__nav-dropdown li [data-href*=\/union\/]{
    background-image: url(/local/templates/ktko_main/img/ico-assoc.svg);
}
.m-menu__nav-dropdown li [data-href*=\/union\/documents-reports\/]{
    background-image: url(/local/templates/ktko_main/img/ico-docs.svg);
}
.m-menu__nav-dropdown li [data-href*=\/union\/purchases\/]{
    background-image: url(/local/templates/ktko_main/img/ico-tender.svg);
}
.m-menu__nav-dropdown li [data-href*=\/union\/administration\/]{
    background-image: url(/local/templates/ktko_main/img/ico-admin.svg);
}
.m-menu__nav-dropdown li [data-href*=\/union\/vacancies\/]{
    background-image: url(/local/templates/ktko_main/img/ico-job.svg); 
}

.m-menu__nav-dropdown li [data-href=\/about\/]{
    background-image: url(/local/templates/ktko_main/img/ico-th-about.svg);
}
.m-menu__nav-dropdown li [data-href=\/about\/halls\/]{
    background-image: url(/local/templates/ktko_main/img/ico-halls.svg);
}
.m-menu__nav-dropdown li [data-href=\/about\/repertoire\/]{
    background-image: url(/local/templates/ktko_main/img/ico-repertoire.svg);
}
.m-menu__nav-dropdown li [data-href=\/about\/map\/]{
    background-image: url(/local/templates/ktko_main/img/ico-repertoire.svg);
}
.m-menu__nav-dropdown li [data-href=\/about\/troupe\/]{
    background-image: url(/local/templates/ktko_main/img/ico-group.svg);
}
.m-menu__nav-dropdown li [data-href=\/about\/leaders\/]{
    background-image: url(/local/templates/ktko_main/img/ico-admin.svg);
}
.m-menu__nav-dropdown li [data-href=\/about\/partners\/]{
    background-image: url(/local/templates/ktko_main/img/ico-partners.svg);
}

.body-ph .m-menu__nav-dropdown li [data-href=\/about\/]{
    background-image: url(/local/templates/ktko_main/img/ico-phil-about.svg);
}
.m-menu__nav-dropdown li [data-href=\/about\/genries\/]{
    background-image: url(/local/templates/ktko_main/img/ico-genries.svg);
}
.m-menu__nav-dropdown li [data-href=\/about\/collectives\/]{
    background-image: url(/local/templates/ktko_main/img/ico-collectives.svg);
}
.m-menu__nav-dropdown li [data-href*=\/viewers\/union-of-friends\/]{
    background-image: url(/local/templates/ktko_main/img/ico-friends.svg);
}
.m-menu__nav-dropdown li [data-href*=\/about\/our-viewers\/]{
    background-image: url(/local/templates/ktko_main/img/ico-our-viewers.svg);
}
.m-menu__nav-dropdown li [data-href*=\/about\/history\/]{
    background-image: url(/local/templates/ktko_main/img/ico-history.svg);
}
.m-menu__nav-dropdown li [data-href*=\/about\/museum\/]{
    background-image: url(/local/templates/ktko_main/img/ico-museum.svg);
}
.m-menu__nav-dropdown li [data-href*=\/about\/history\/]{
    background-image: url(/local/templates/ktko_main/img/ico-history.svg);
}
.m-menu__nav-dropdown li [data-href*=\/about\/services\/]{
    background-image: url(/local/templates/ktko_main/img/ico-services.svg);
}

.m-menu__nav-dropdown li [data-href*=\/bar\/]{
    background-image: url(/local/templates/ktko_main/img/ico-services.svg);
}

.body-fo .m-menu__nav-dropdown li [data-href*=\/about\/leaders\/]{
    background-image: url(/local/templates/ktko_main/img/tfo/leaders.svg);
}

.body-fo .m-menu__nav-dropdown li [data-href*=\/about\/seating\/]{
    background-image: url(/local/templates/ktko_main/img/tfo/seating.svg);
}

.body-fo .m-menu__nav-dropdown li [data-href*=\/about\/history\/]{
    background-image: url(/local/templates/ktko_main/img/tfo/history.svg);
}

.body-fo .m-menu__nav-dropdown li [data-href*=\/about\/partners\/]{
    background-image: url(/local/templates/ktko_main/img/tfo/contacts.svg);
}

.body-fo .m-menu__nav-dropdown li [data-href*=\/about\/team\/]{
    background-image: url(/local/templates/ktko_main/img/tfo/sostav.svg);
}


.body-fo .dropdown-inner li [data-href*=\/about\/leaders\/]{
    background-image: url(/local/templates/ktko_main/img/tfo/leaders.svg);
}

.body-fo .dropdown-inner li [data-href*=\/about\/seating\/]{
    background-image: url(/local/templates/ktko_main/img/tfo/seating.svg);
}

.body-fo .dropdown-inner li [data-href*=\/about\/collectives\/]{
    background-image: url(/local/templates/ktko_main/img/tfo/history.svg);
}

.body-fo .dropdown-inner li [data-href*=\/about\/partners\/]{
    background-image: url(/local/templates/ktko_main/img/tfo/contacts.svg);
}

.body-fo .dropdown-inner li [data-href*=\/about\/team\/]{
    background-image: url(/local/templates/ktko_main/img/tfo/sostav.svg);
}

.body-fo .header__nav > li.dropdown:hover, .body-fo .header__nav > li.dropdown.hover {
    background: transparent;
    border:1px solid transparent;
}

.body-fo .header--transparent .header__nav > li.dropdown:hover>a, .body-fo .header--transparent .header__nav > li.dropdown.hover>a {
    color:#fff;
}

.body-fo .header--transparent  .dropdown-inner:before {
    content:"";
    margin-top:-20px;
    margin-left: 34px;
    position: absolute;
    border: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.body-fo .header--transparent .header__nav .dropdown:hover:after {
    background: url(/local/templates/ktko_main/img/menu-down.svg) no-repeat;
}

.body-fo .dropdown-inner {
    border-radius: 0;
}

.body-fo .dropdown-inner li {
    border:none;
}

.m-menu__phone-2{
    margin-bottom: 15px;
    font-size: 1.4rem;
    line-height: 1.8rem;    
}
.m-menu__search{
    margin-bottom: 15px;
}
.m-menu__search-form{
    display: inline-block;
    border-bottom: 1px solid #333;    
}
.m-menu__search-ico {
    float: left;
    width: 20px;
    height: 27px;
    background-image: url(/local/templates/ktko_main/img/search-black.svg);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
    margin-right: 10px;
    margin-bottom: 0px;
}
.m-menu__search-text{
    border:0;
    font-size: 1.4rem;
}
.m-menu__search-submit{
    width: 20px;
    background-image: url(/local/templates/ktko_main/img/arr-long-right-black.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 20px;
    background-color: transparent;
    border: 0;
    vertical-align: sub;    
}
.m-menu__vision{
    margin-top: 10px;
}

#m-menu__vision-form{

}
#m-menu__vision-form:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 10px;
    background: url(/local/templates/ktko_main/img/eye-black.svg) no-repeat center;
    left: 0;
    top: 4px;
}
#m-menu__vision-form button {
    padding: 0;
    text-align: left;
    padding-left: 5px;
    background: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    color: #333;
    font-size: 1.4rem;
    line-height: 1.8rem;
}
/**/

.banner{}
.banner img{
    max-width: 100%;
}
.banner__cont{
    position: relative;
}
.banner__content{
    text-align: center;   
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 75px 170px 0 170px;
}
.banner__title{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 3.6rem;
    line-height: 4.8rem;     
    color: #FFFFFF;    
    margin-bottom: 25px;
}

/**/

#popup-bg {
    background-color: #ccc;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
#popup-win {
    background-color: #fff;
    height: auto;
    left: 50%;
    margin-left: -160px;
    padding: 10px 20px 20px;
    position: absolute;
    top: 100px;
    width: 320px;
    z-index: 101;
}
#popup-win-close {
    cursor: pointer;
    height: 15px;
    position: absolute;
    right: 10px;
    top: 5px;
    width: 10px;
}
#popup-win-title {
    font-weight: bold;
    text-align: center;
}
#popup-win-body {
}
#popup-win button{
    border: 1px solid #333;
    font-size: 1.6rem;
    line-height: 1.6rem;
}

/**/

.rub {
    display: inline-block;
    padding-right: 15px;
    background: transparent url(/local/templates/ktko_main/img/rub.png) no-repeat right center;
}

/**/

.repertoire{}
.repertoire__item{
    /* display: flex; */
}
.repertoire__item-box{

}
.repertoire__item-img{
    width: 100%;
}
.repertoire__item-text{

}
.repertoire__item-name{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #333333;    
    display: inline-block;
    margin-bottom: 10px;    
    text-decoration: none;
}
.repertoire__item-name:hover{
    text-decoration: underline;
}
.repertoire__item-preview{
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #333333;    
}

.repertoire-detail__img{
    max-width: 100%;
    margin-bottom: 60px;
}
.repertoire-detail__text{
    margin-bottom: 30px;
}

/**/

/* .genries__item{
    display: flex;
    margin-bottom: 30px;
}
.genries__item-box{

}
.genries__item-img{}
.genries__item-text{
    padding-left: 30px;
}
.genries__item-name{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #333333;    
    display: inline-block;
    margin-bottom: 10px;    
}
.genries__item-preview{
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #333333;    
}

.genries-detail__img{
    max-width: 100%;
    margin-bottom: 60px;
}
.genries-detail__text{
    margin-bottom: 30px;
} */

.genries{}
.genries__item{
    margin-bottom: 30px;
}
.genries__item-box{
    margin-bottom: 10px;
    height: 255px;
    display: block;
}
.genries__item-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.genries__item-name{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;
    display: inline-block; 
    margin-bottom: 10px;
    text-decoration: none;
    color: #333;
}
.genries__item-preview{
    font-size: 1.6rem;
    line-height: 2.1rem;    
}

/**/

.troupe{

}
.troupe__item{
    margin-bottom: 30px;
}
.troupe__item-box{
    margin-bottom: 15px;
}
.troupe__item-img{
    max-width: 100%;
}
.troupe__item-name{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #333333;
    display: block;
    margin-bottom: 20px;
    text-decoration: none;
}
.troupe__item-name:hover{
    text-decoration: underline;
}
.troupe__item-text{

}

.troupe-detail{}
.troupe-detail__box{}
.troupe-detail__img{
    max-width: 100%;
}
.troupe-detail__text{}
.troupe-detail__text ul,
.troupe-detail__text ol{
    margin-left: 40px;
}

/**/

.leaders__item{
    margin-bottom: 30px;
    display: flex;
}
.leaders__item-box{
    width: 170px;

}
.leaders__item-img{

}
.leaders__item-content{
    padding-left: 30px;
}
.leaders__item-fio{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #333333;
    display: block;  
}
.leaders__item-post{
    margin-bottom: 20px;  
}
.leaders__item-dep{}
.leaders__item-post2{}
.leaders__item-phone{}
.leaders__item-email{}
.leaders__item-address{}
.leaders__item-text{}
.leaders__item-text ul{padding-left:21px;}

/**/

.logos__item{
    margin-bottom: 30px;
    display: block;
}
.logos__item-img{
    max-width: 100%;
}

/**/

.collectives{}
.collectives__item{
    margin-bottom: 30px;
}
.collectives__item-box{
    margin-bottom: 10px;
    height: 255px;
    display: block;
}
.collectives__item-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.collectives__item-name{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;
    display: inline-block; 
    margin-bottom: 10px;
    text-decoration: none;
    color: #333;
}
.collectives__item-preview{
    font-size: 1.6rem;
    line-height: 2.1rem;    
}

.collectives-detail__picture{
    max-width: 100%;
    margin-bottom: 60px;    
}
.collectives__detail-text{
    margin-bottom: 60px;
}
.collectives__detail-text ul,
.collectives__detail-text ol{
    margin-left: 20px;
}
.collectives-detail__all {
    font-size: 1.8rem;
    line-height: 2.3rem;
    text-decoration-line: underline;
    color: #131313;
    display: inline-block;
    margin-bottom: 5px;
}
.collectives-detail__all svg {
    margin-right: 15px;
}

/**/

.ap-reasons{
    padding: 80px 0;
}
.ap-reasons__item{
    text-align: center;
}
.ap-reasons__item-box{
    margin-bottom: 10px;
}
.ap-reasons__item-img{
    max-width: 100%;
}
.ap-reasons__item-name{
    display: inline-block;
    margin-bottom: 10px;
}
.ap-reasons__item-preview{
    font-size: 1.4rem;
    line-height: 1.8rem; 
}

/**/

.st-filter{
    margin-bottom: 100px;
}
.st-filter select{
    height: 50px;
    width: 125px;
    /* padding: 0 10px; */
    padding: 0 30px 0 10px;
    border: 0;
    background: transparent;
    border-radius: 5px;
    margin-right: 10px;  
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;    
}
.st-filter input[type="text"]{
    height: 50px;
    width: 180px;
    padding: 0 10px;
    background: transparent;
    border-radius: 5px;
    margin-right: 10px;      
    border: 1px solid #C4C4C4;
    font-size: 1.4rem;
}

/**/

.season-tickets__item{
    display: flex;
    background-color: #fff;
    margin-bottom: 30px;
}
.season-tickets__item-box{
    flex-basis: 267px;
    flex-grow: 0;
    flex-shrink: 0;    
}
.season-tickets__item-img{
    width: 100%;

}
.season-tickets__item-content{
    padding: 30px;
    
}
.season-tickets__item-content--my{
    width: 100%;
}
.season-tickets__item-name{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #333333;    
    margin-bottom: 10px;
    display: inline-block;
}
.season-tickets__item-preview{
    font-size: 1.8rem;
    line-height: 2.3rem;
    margin-bottom: 15px;
    color: #131313;    
}
.season-tickets__events{
    font-size: 1.8rem;
    line-height: 2.3rem;
    color: #131313;  
}
.season-tickets__events-ul{
    list-style: none;
    margin-bottom: 30px;
}          
.season-tickets__events-li{}
.season-tickets__events-li--my{
    margin-bottom: 5px;
    position: relative;
    padding-right: 150px;
}
.season-tickets__events-date{}
.season-tickets__events-li-a{
    font-size: 1.8rem;
    line-height: 2.3rem;
    color: #131313;      
}
.season-tickets__events-li-a--my{
    margin-right: 10px;
}
.season-tickets__events-cancel{
    text-decoration: underline;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}
.season-tickets__item-bottom{}
.season-tickets__item-bottom--my{
    text-align: right;
}
.season-tickets__item-buy{}   
.season-tickets__item-cost{
    display: inline-block;
    margin: 0 30px;
}
.season-tickets__item-price{
    font-size: 1.8rem;
    line-height: 2.3rem;
    color: #131313;      
}
.season-tickets__item-sales{
    display: inline-block;
    margin: 0 30px;    
}
.season-tickets__item-place{
    margin-bottom: 30px;
}
.season-tickets__item-summ{
    margin-right: 20px;
    display: inline-block;
    line-height: 60px;
}
.season-tickets__item-add-buy{
    margin-top: 20px;
}

/**/

.paginator{
    margin: 30px 0 50px 0;
    font-size: 1.8rem;
    line-height: 2.3rem;
    color: #131313;       
    text-align: center;
}
.paginator a{
    font-size: 1.8rem;
    line-height: 2.3rem;
    color: #131313;   
}


/**/

.wide-banner{
    padding: 70px 0 100px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.wide-banner__inner{
    min-height: 175px;
    color: #fff;
}
.wide-banner__title{
    font-family: Playfair Display;
    font-style: normal;
    font-weight: bold;
    font-size: 3.6rem;
    line-height: 4.8rem;
    margin-bottom: 15px;
}
.wide-banner__text{
    font-size: 1.8rem;
    line-height: 2.3rem;
    margin-bottom: 30px;    
}
.wide-banner__btn{
    
}

/**/

#yaMap{
    height: 325px;
}

/**/

.section-404{    
    background: url(/local/templates/ktko_main/img/404.png) no-repeat center;
    background-size: cover;
    padding: 100px 0 100px 0;
    text-align: center;
    position: relative;
    margin-top: -30px;
}
.section-404::after
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.section-404__code{
    font-weight: bold;
    font-size: 14.4rem;
    line-height: 18.6rem;
    color: #FFFFFF;    
    z-index: 1;
    position: relative;    
}
.section-404__text{
    font-size: 1.8rem;
    line-height: 2.3rem;
    color: #FFFFFF;    
    z-index: 1;
    position: relative;    
}

/**/

#scroll-up{
    display: none;
    width: 60px;
    height: 60px;
    border: 1px solid #000000;
    border-radius: 5px;
    background: url(/local/templates/ktko_main/img/arr-up.svg) no-repeat center #F0F0F0;
    position: fixed;
    left: 60px;
    bottom: 60px;
    z-index: 9;
}

/**/

.personal-area{
    margin-bottom: 40px;
}













/*Media*/

/* @media (max-width: 575.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 1199.98px) {} */


/* xs */
@media (max-width: 575.98px) {
    .section{
        margin-bottom: 30px;
    }
    .tabunContainer{
        margin-bottom: 30px;
    }    
    /* h1,.h1{
        font-size: 3.2rem;
        line-height: 4.2rem;
    }     */
    h2, .h2 {
        font-size: 2rem;
        line-height: 3.4rem;        
        margin-bottom: 20px;
    }    
    h3,.h3{
        font-size: 1.8rem;
        line-height: 3rem;        
    }
    h4,.h4{
        font-size: 1.4rem;
        line-height: 2.8rem;        
    }

    .h1--tours{
        font-size: 1.8rem;
        line-height: 2.8rem;             
    }

    /**/

    body.body-inner{
        padding-top: 147px;
    }
    body.body-404{
        padding-top: 118px;
    }


    /**/

    header {
        padding: 20px 0 10px 0;
    }    
    .header__top{
        display: none;
    }
    .header__nav{
        
    }
    .header__phone{
        display: none;
    }
    .header__phone-m{
        display: none;
    }
    .header__m-left{
        /* padding-bottom: 7px; */
        height: 47px; 
        border-bottom: 1px solid #000;
    }
    .header--transparent .header__m-left {
        border-bottom: 1px solid #fff;
    } 
    .header__m-right{
        height: 47px;
        border-bottom: 1px solid #000;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        color: #000;
    }
    .header__m-right a{
        color: #000;
        margin-left: 10px;
    }
    .header--transparent .header__m-right{
        border-bottom: 1px solid #fff;
        color: #fff;
    } 
    .header--transparent .header__m-right a{
        color: #fff;
    } 
    .header__logo,
    .header--transparent .header__logo
    {
        /* width: 88px;
        height: 83px; */
        position: static;
        left: auto;
        transform: none;
    }   



    .header__auth-in-m{
        font-size: 1.2rem;
        line-height: 2.2rem;
        /* identical to box height, or 183% */
        display: inline-block;
        color: #FFFFFF;        
    }
    .header__cart-m{
        font-size: 1.2rem;
        line-height: 1rem;
        /* identical to box height, or 183% */
        display: inline-block;
        color: #FFFFFF;   
        font-size: 0;        
    }
    .header__cart-m:before{
        content: '';
        width: 15px;
        height: 13px;
        display: inline-block;
        background: url(/local/templates/ktko_main/img/cart-black.svg) no-repeat center;
        margin-right: 0px;
    }
    .header--transparent .header__cart-m:before{
        background: url(/local/templates/ktko_main/img/cart.svg) no-repeat center;
    }

    /**/

    .m-menu__phone{
        display: none;
    }
    a.m-menu__cart{
        font-size: 0;
    }
    .m-menu__cart{
        line-height: 1rem;
    }
    .m-menu__auth-in,
    .m-menu__auth-reg{
        font-size: 1.2rem;
        line-height: 2.2rem;        
    }

    /**/
    
    .main-slider__item-content{
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        padding: 0 20px;
    }
    .main-slider__item-date{
        font-size: 1.4rem;
        line-height: 2.4rem;        
    }    
    .main-slider__item-name{
        font-size: 3.2rem;
        line-height: 4.2rem;        
    }
    .main-slider__item-category{
        font-size: 1.4rem;
        line-height: 2.4rem;         
    }

    /**/

    .subscribe-form{
        margin-bottom: 40px;
    }
    .subscribe-form__text{
        margin-bottom: 10px;
    }
    .footer__stores{
        text-align: left;
    }
    .footer__store:first-child{
        margin-left: 0;
    }
    .footer__nav{
        margin-bottom: 30px;
    }
    .footer__flex{
        flex-wrap: nowrap;
    }
    .footer__logo{
        order: 1;
    }   
    .social--footer {
        order: 2;
    }
    .social--footer .social__li{
        margin-left: 5px;
    }

    /**/

    .events__slider-nav{
        display: none;
    }
    .events__filters-calendar{
        max-width: none;
        width: 100%;
        margin: 30px 0 0px 0;
    }
    .events__item{
        height: 760px;
    }
    .events__item-name{
        font-size: 1.8rem;
        line-height: 2.4rem;        
    } 
    .events__item--slide .events__item-name{
        /* font-size: 1.4rem;
        line-height: 2.4rem;         */
    } 
    .events__row{
        justify-content: center;    
    }
    .events__item--tile{

    }
    .events__col{
        justify-content: center;
    }    
    .events__filters-inp{

        margin: 0 10px 10px 0;
        /* padding: 0; */
        font-size: 1.4rem;
        /* height: 30px; */
    }
    .events__filters-inp--month{
        margin: 0 10px 10px 0;
    }
    .events__filters-wrp{
        height: 30px;
    }
    .events__filters-label{
        font-size: 1.4rem;
    }
    .events__views{
        display: none;
    }
    .events__line{
        display: block;
        height: auto;
    }
    .events__line-picture{
        width: 100%;
        height: 345px;
    }
    .events__line-content {
        width: 100%;
    }
    .events__line .branch {
        margin-bottom: 5px;
    }
    .events__line-inner {
        width: 100%;
        padding: 30px;
    }
    .events__line-inner--my{
        padding: 30px 30px 60px 30px;
    }
    .events__line-booking{
        position: absolute;
        bottom: 20px;
        width: 100%;
        left: 0;
        padding: 0 30px;
    }
    .events__line-picture--s1,
    .events__line-picture--tkto{
        border-right: none;
        border-bottom: 5px solid #000000
    } 
    /* Тюменский театр кукол */
    .events__line-picture--tk,
    .events__line-picture--puppet{
        border-right: none;
        border-bottom: 5px solid #568751;
    }
    /* Тюменский драматический театр */
    .events__line-picture--td,
    .events__line-picture--drama {
        border-right: none;
        border-bottom: 5px solid #BB8B4A;
    }  
    /* Филармония */
    .events__line-picture--ph,
    .events__line-picture--phil{
        border-right: none;
        border-bottom: 5px solid #9E262D;
    }
    /* Д.К. Нефтяник */
    .events__line-picture--nf,
    .events__line-picture--heft{
        border-right: none;
        border-bottom: 5px solid #3D7397;
    }
    /* Тобольский драматический театр */
    .events__line-picture--tb,
    .events__line-picture--tobolsk{
        border-right: none;
        border-bottom: 5px solid #B55322;
    }
    .events__line-buy{
        width: 100%;
    }

    .event-detail__schedule-line{
        margin-bottom: 40px;
    }
    .events__item-picture{
        /* height: 267px; */
        height: 345px;
    }
    .events__item--slide{
        height: 690px;
    }
    .events__item--slide .events__item-picture{
        /* height: 215px; */
    }    

    /**/

    .bounty__item{
        height: 228px;
        margin-bottom: 30px;
    }
    .bounty__item-content {
        padding: 0 30px 40px 30px;
    }    

    /**/

    .partners__slider-nav {
        left: -45px;
        right: -45px;
    }    

    /**/

    .news__types-type{
        padding: 0px 0;
    }
    .news__types-item{
        margin-bottom: 15px;
    }
    .news-detail .shared{
        margin-bottom: 30px;
    }
    .news__types{
        display: inline-block;
    }
    .news__types-list{
        display: none;
    }
    .inp-wrapper--news-types{
        display: inline-block;
    }
    .news__types-select{
        
    }

    /**/

    .tours-map__popup{
        width: 100%;

    }
    .tours-our-teams__item{
        margin-bottom: 30px;
    }

    /**/

    .tours-teams__item-name {
        left: 20px;
        right: 20px;
    }    

    /**/

    .tours-our{
        padding: 100px 0 0 0;
    }    
    .tours-our__item{
        margin-bottom: 100px;
        text-align: center;
    }
    .season-tickets__events-li--my{
        padding-right: 0;
        margin-bottom: 30px;
    }
    .season-tickets__events-cancel{
        display: block;
        position: static;
    }
    .season-tickets__item-bottom--my{
        text-align: center;
    }
    .season-tickets__item-summ{
        margin: 0 0 10px 0;
        display: inline-block;
    }
    .season-tickets__item-add-buy{
        margin-top: 0;
    }
    
}/* xs */



















/* xs и sm, чтоб не дублировать */
@media (max-width: 767.98px){

    h1, .h1 {
        font-size: 3.2rem;
        line-height: 3.6rem;
    }

    /**/

    .m-menu__right{
        justify-content:flex-end;
    }
    .m-menu__right a{
        margin-left: 10px;
    }    
    .header__m-right svg{
        fill: black;
    }
    .header--transparent .header__m-right svg{
        fill: white;
    }
    
    /**/

    .contacts__map{
        height: 220px;
    }
    .contacts__items{
        margin-top: 40px;
    }

    /**/

    .union-menu{
        margin-top: 0;
    }    
    .union-menu--list{
        flex-direction: column;
        width: 100%;
        max-width: 250px;
    }
    .union-menu--item{
        padding-bottom: 5px;
        margin-bottom: 5px;
    }

    /**/

    .search-form form{
        flex-direction: column;
    }
    .search-form input,
    .search-form button,
    .search-form .form-group{
        width: 100%;
    }
    .search-form button{
        margin-left: 0;
    }

    /**/

    .leaders__item{
        display: block;
    }
    .leaders__item-box{
        width: 100%;
        margin-bottom: 20px;
    }
    .leaders__item-img{
        width: 100%;
    }
    .leaders__item-content{
        padding: 0;
    }

    /**/

    .ap-reasons{
        padding: 40px 0;
    }
    .ap-reasons__item{
        margin-bottom: 40px;
    }

    /**/

    .st-filter {
        margin-bottom: 60px;
    }

    /**/

    .season-tickets__item{
        flex-wrap: wrap;
        background-color: transparent;
    }
    .season-tickets__item-box {
        flex-basis: 100%;
        text-align: center;
        margin-bottom: 30px;
    }    
    .season-tickets__item-img {
        width: auto;
        max-width: 100%;
    }    
    .season-tickets__item-content{
        background-color: #fff;
    }
    .season-tickets__item .btn{
        margin-bottom: 30px;
    }
    .season-tickets__item-cost{
        margin: 0 0 30px 0;
        display: block;
    }

    /**/
    .news-detail__all{
        margin-bottom: 20px;
    }
    .news__tab-a{
        font-size: 2rem;
        line-height: 3.4rem;
    }
    .news__tab:first-child {
        margin-right: 20px;
    }
    .news-detail__branch{
        margin-bottom: 5px;
    }
    .news__detail-text iframe{

    }
    
    /**/

    .section-404{
        margin-top: -51px;
    }

    /**/

    .body-s1 .header__logo,
    .body-s1 .m-menu__logo{
        width: 88px;
        height: 60px;
    }    
    .body-tk .header__logo,
    .body-tk .m-menu__logo{
        width: 103px;
        height: 60px;        
    }
    .body-td .header__logo,
    .body-td .m-menu__logo{
        width: 70px;
        height: 60px;    
    }    
    .body-tb .header__logo,
    .body-tb .m-menu__logo{
        width: 110px;
        height: 60px;     
    }
    .body-nf .header__logo,
    .body-nf .m-menu__logo {
        width: 105px;
        height: 60px;
    }    
    .body-ph .header__logo,
    .body-ph .m-menu__logo {
        width: 105px;
        height: 60px;
    }    
    .body-fo .header__logo,
    .body-fo .m-menu__logo {
        width: 106px;
        height: 88px;
    }    

    /**/

    #scroll-up{
        width: 50px;
        height: 50px;
        left: 15px;
        bottom: 15px;
    }

    /**/

    .repertoire__item-box{
        margin-bottom: 10px;
    }

    /**/

    .events__line-tickets{
        display: none;
    }
    .events__item-icon--line{
        display: block;
    }
    .events__line-from-plane{
        text-align: left;
    }

    /**/

    .main-slider__item-video{
        display: none;
    }

    /**/

    .banner__cont {
        height: 300px;
    }    
    .banner__content{
        padding: 50px 30px 0 30px;
    }
    .banner img {
        max-width: 100%;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }    
    .banner__title{
        font-size: 2.6rem;
        line-height: 3.6rem;
    }
    .banner__item{
        display:block;
    }
    .banner__item{
        margin-bottom: 30px;
    }

    /**/

}

















/* sm */
@media (min-width: 576px) and (max-width: 767.98px) {
    .section{
        margin-bottom: 30px;
    }
    .tabunContainer{
        margin-bottom: 30px;
    }    

    /**/

    body.body-inner{
        padding-top: 147px;
    }
    body.body-404{
        padding-top: 118px;
    }    

    /**/

    h1,.h1{
        /* font-size: 3.2rem;
        line-height: 4.2rem; */
    }    
    h2, .h2 {
        font-size: 2rem;
        line-height: 3.4rem;        
        margin-bottom: 20px;
    }    
    h3,.h3{
        font-size: 1.8rem;
        line-height: 3rem;        
    }
    h4,.h4{
        font-size: 1.4rem;
        line-height: 2.4rem;        
    }  

    /**/

    header {
        padding: 20px 0 10px 0;
    }
    .header__phone-m{
        font-size: 1.2rem;
        line-height: 2.2rem;
        color: #FFFFFF;        
    }
    .header__top{
        display: none;
    }
    .header__nav{
        
    }
    .header__phone{
        display: none;
    }
    .header__phone-m{
        display: none;
    }
    .header__m-left{
        height: 47px;
        border-bottom: 1px solid #000;
        color: #000;
    }
    .header--transparent .header__m-left {
        border-bottom: 1px solid #fff;
        color: #fff;
    } 
    .header__m-right{
        height: 47px;
        border-bottom: 1px solid #000;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        color: #000;
    }
    .header__m-right a{
        color: #000;
        margin-left: 10px;
    }
    .header--transparent .header__m-right{
        border-bottom: 1px solid #fff;
        color: #fff;
    } 
    .header--transparent .header__m-right a{
        color: #fff;
    } 
    .header__logo,
    .header--transparent .header__logo,
    .body-s1 .header--transparent .header__logo{
        /* width: 88px;
        height: 83px; */
        position: static;
        left: auto;
        transform: none;
    }   
    .header__auth-in-m{
        /* font-size: 1.2rem;
        line-height: 2.2rem; */
        /* identical to box height, or 183% */
        display: inline-block;
        color: #FFFFFF;        
    }
    .header__cart-m{
        font-size: 1.2rem;
        line-height: 0rem;
        /* identical to box height, or 183% */
        display: inline-block;
        color: #FFFFFF;   
        font-size: 0;        
    }
    .header__cart-m:before{
        content: '';
        width: 15px;
        height: 13px;
        display: inline-block;
        background: url(/local/templates/ktko_main/img/cart-black.svg) no-repeat center;
        margin-right: 0px;
    }
    .header--transparent .header__cart-m:before{
        background: url(/local/templates/ktko_main/img/cart.svg) no-repeat center;
    }

    /**/

    .m-menu__phone{
        display: none;
    }
    a.m-menu__cart{
        font-size: 0;
        line-height: 0rem;
    }    

    /**/

    /**/
    
    .main-slider__item-content{
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        padding: 0 20px;
    }
    .main-slider__item-date{
        font-size: 1.4rem;
        line-height: 2.4rem;        
    }    
    .main-slider__item-name{
        font-size: 3.2rem;
        line-height: 4.2rem;        
    }
    .main-slider__item-category{
        font-size: 1.4rem;
        line-height: 2.4rem;         
    }

    /**/

    .subscribe-form{
        margin-bottom: 20px;
    }
    .subscribe-form__text{
        width: 160px;
    }
    .footer__stores{
        text-align: left;
    }
    .footer__store:first-child{
        margin-left: 0;
    }
    .footer__nav{
        margin-bottom: 30px;
    }
    .footer__flex{
        justify-content: space-between;
    }
    .footer__logo{
        order: 1;
    }   
    .social--footer {
        order: 2;
    }
    .social--footer .social__li{
        margin-left: 5px;
    }
    
    /**/
    .events__item{
        height: 870px;
    }
    .events__item--slide{
        height: 690px;
    }
    .events__slider-nav{
        display: none;
    }
    .events__filters-calendar{
        max-width: none;
        width: 100%;
        margin: 30px 0 0px 0;
    }
    .events__item-name{
        font-size: 1.8rem;
        line-height: 2.4rem;        
    } 
    .events__item--tile{
        /* margin-bottom: 40px;
        width: 240px; */
    }    
    .events__col{
        /* justify-content: center; */
    }    
    .events__filters-inp{

        margin: 0 10px 10px 0;
        /* padding: 0; */
    }
    .events__filters-inp--month{
        margin: 0 10px 10px 0;
    }

    .events__views{
        display: none;
    }
    .events__line{
        display: block;
        height: auto;
    }
    .events__line-picture{
        width: 100%;
        height: 510px;
    }
    .events__line-content{
        width: 100%;
    }
    .events__line .branch{
        margin-bottom: 5px;
    }
    .events__line-inner{
        width: 100%;
    }
    .events__line-inner{
        padding: 30px;
    }
    .events__line-picture--s1,
    .events__line-picture--tkto
    {
        border-right: none;
        border-bottom: 5px solid #000000
    } 
    /* Тюменский театр кукол */
    .events__line-picture--tk,
    .events__line-picture--puppet{
        border-right: none;
        border-bottom: 5px solid #568751;
    }
    /* Тюменский драматический театр */
    .events__line-picture--td,
    .events__line-picture--drama {
        border-right: none;
        border-bottom: 5px solid #BB8B4A;
    }  
    /* Филармония */
    .events__line-picture--ph,
    .events__line-picture--phil{
        border-right: none;
        border-bottom: 5px solid #9E262D;
    }
    /* Д.К. Нефтяник */
    .events__line-picture--nf,
    .events__line-picture--neft{
        border-right: none;
        border-bottom: 5px solid #3D7397;
    }
    /* Тобольский драматический театр */
    .events__line-picture--tb,
    .events__line-picture--tobolsk{
        border-right: none;
        border-bottom: 5px solid #B55322;
    }

    .event-detail__schedule-line{
        margin-bottom: 40px;
    }
    .events__item-picture{
        /* height: 395px; */
        height: 510px;
    }
    .events__line-buy{
        /* width: 100%; */
    }    
    .events__item-content{
        /*width: 280px;*/
    }
    .events__item-bottom{
        /*width: 280px;*/
    }
    .events__line-inner--my{
        padding: 30px 30px 60px 30px;
    }
    .events__line-booking{
        position: absolute;
        bottom: 20px;
        width: 100%;
        left: 0;
        padding: 0 30px;
    }    
    .events__line-cancel{
        float: none;
        margin-left: 80px;
    }

    /**/

    .bounty__item{
        height: 336px;
        margin-bottom: 30px;
    }
    .bounty__item-content {
        padding: 0 30px 40px 30px;
    }       

    /**/

    .news__types-type{
        padding: 0px 0;
    }
    .news__types-item{
        margin-bottom: 15px;
    }    
    .news-detail .shared{
        margin-bottom: 30px;
    }    
    .news__types-list{
        display: none;
    }
    .inp-wrapper--news-types{
        display: inline-block;
    }
    .news__types-select{
        
    }    
    .news__types{
        display: inline-block;
    }

    /**/

    .tours-our-teams__item{
        margin-bottom: 30px;
    }

    /**/

    .tours-teams__item-name {
        left: 30px;
        right: 30px;
        bottom: 50px;
    }    
    
    /**/
    .tours-our{
        padding: 100px 0 0 0;
    }
    .tours-our__item{
        margin-bottom: 100px;
    }

    /**/

    .season-tickets__events-li--my{
        padding-right: 130px;
        margin-bottom: 20px;
    }
    .season-tickets__events-cancel{
        top: 0;
    }
    .season-tickets__item-add-buy{
        margin-top: 0;
    }  
    .season-tickets__item-summ {
        line-height: 60px;
        vertical-align: top;
    }

}/* sm */














/* md */
@media (min-width: 768px) and (max-width: 991.98px) {
    header{
        padding: 20px 0 20px 0;
    }
    .header__phone-m{
        font-size: 1.2rem;
        line-height: 2.2rem;
        color: #FFFFFF;        
    }
    .header__top{
        display: none;
    }
    .header__nav{
        
    }
    .header__phone{
        display: none;
    }
    .header__phone-m{
        display: none;
    }
    .header__m-left{
        height: 47px;
        border-bottom: 1px solid #000;
        color: #000;
    }
    .header--transparent .header__m-left {
        border-bottom: 1px solid #fff;
        color: #fff;
    } 
    .header__m-right{
        height: 47px;
        border-bottom: 1px solid #000;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #000;
    }
    .header__m-right a{
        color: #000;
    }
    .header--transparent .header__m-right{
        border-bottom: 1px solid #fff;
        color: #fff;
    } 
    .header--transparent .header__m-right a{
        color: #fff;
    } 
    .header__logo,
    .header--transparent .header__logo{
        position: static;
        left: auto;
        transform: none;
    }   
    .header__auth-in-m{

        /* identical to box height, or 183% */
        display: inline-block;
        color: #FFFFFF;        
    }
    .header__cart-m{

        /* identical to box height, or 183% */
        display: inline-block;
        color: #FFFFFF;       
    }
    .header__cart-m:before{
        content: '';
        width: 15px;
        height: 13px;
        display: inline-block;
        background: url(/local/templates/ktko_main/img/cart-black.svg) no-repeat center;
        margin-right: 5px;
    }
    .header--transparent .header__cart-m:before{
        background: url(/local/templates/ktko_main/img/cart.svg) no-repeat center;
    }

    /**/

    .m-menu__phone {
        display: none;
    }    
    .m-menu__organizations a,
    .m-menu__menu a{
        font-size: 1.4rem;
        line-height: 1.8rem;        
    }
    .m-menu__cart:before{
        margin-right: 5px;
    }
    a.m-menu__cart{
        font-size: 1.8rem;
        line-height: 2.3rem;
    }

    /**/

    .subscribe-form{
        margin-bottom: 20px;
    }
    .footer__stores {
        text-align: left;
    }
    .footer__store:first-child{
        margin-left: 0;
    }
    .footer__flex{
        justify-content: space-between;
        margin-top: 30px;
    }
    .footer__logo{
        order: 1;
    }   
    .social--footer {
        order: 2;
    }

    /**/

    .events__item{
        /* height: 625px; */
        height: 720px;
    }
    .events__views{
        display: none;
    }
    .events__item--slide .events__item--tile{
        width: 338px;
    }       
    .events__filters-calendar {
        max-width: none;
        width: 100%;
        margin: 30px 0 0px 0;
    }
    .events__filters-calendar {
        margin: 30px 0 0px 0;
    }    
    .events__line{
        height: auto;
        display: block;
    }
    .events__line-picture {
        width: 100%;
        height: 250px;
    }    
    .events__line-content {
        width: 100%;
    }
    .events__line-left{
        width: 100%;
        padding: 30px;
    }
    .events__line-inner{
        width: 100%;
    }
    .events__line .branch{
        margin-bottom: 10px;
    }
    .events__item-picture{
        /* height: 265px; */
        height: 330px;
    }
    .events__line-picture--s1,
    .events__line-picture--tkto{
        border-right: none;
        border-bottom: 5px solid #000000
    } 
    /* Тюменский театр кукол */
    .events__line-picture--tk,
    .events__line-picture--puppet{
        border-right: none;
        border-bottom: 5px solid #568751;
    }
    /* Тюменский драматический театр */
    .events__line-picture--td,
    .events__line-picture--drama {
        border-right: none;
        border-bottom: 5px solid #BB8B4A;
    }  
    /* Филармония */
    .events__line-picture--ph,
    .events__line-picture--phil{
        border-right: none;
        border-bottom: 5px solid #9E262D;
    }
    /* Д.К. Нефтяник */
    .events__line-picture--nf,
    .events__line-picture--neft{
        border-right: none;
        border-bottom: 5px solid #3D7397;
    }
    /* Тобольский драматический театр */
    .events__line-picture--tb,
    .events__line-picture--tobolsk{
        border-right: none;
        border-bottom: 5px solid #B55322;
    }
    .event-detail__schedule{
        margin-bottom: 60px;
    }
    .events__line-buy{
        /* width: 100%; */
    }     
    .events__line-tickets{
        display: none;
    }
    .events__item-icon--line{
        display: block;
    }       
    .events__line-inner--my{
        
    }
    .events__line-left--my{
        padding: 30px 30px 60px 30px;
    }
    .events__line-booking{
        position: absolute;
        bottom: 20px;
        width: 100%;
        left: 0;
        padding: 0 30px;
    } 
    .events__line-cancel{
        float: none;
        margin-left: 80px;
    }
    .events__line-from-plane{
        text-align: left;
    }


    /**/

    .bounty__item{
        height: 218px;
    }
    .bounty__item-content {
        padding: 0 30px 40px 30px;
    }       

    /**/
    .organizations-section__item {
        margin: 0 22px;
    }
    .organizations-section__item-img {
        height: 64px;
    }
    .organizations-section__items:after{
        top:42px;
    }
    .organizations-section__item-img--td {
        height: 64px;
    }
    .organizations-section__item-img--nf {
        height: 64px;
    }
    .organizations-section__item-img--tb {
        height: 64px;
    }
    .organizations-section__item--ph:after {
        width: 29px;
        height: 39px;
        background-size: cover;
        top: 4px;
    }
    .organizations-section__item--ph:before{
        top: 8px;
    }
    .organizations-section__item--tk:after {
        width: 29px;
        height: 38px;
        background-size: cover;
        top: 4px;
    }    
    .organizations-section__item--tk:before {
        width: 38px;
        height: 48px;
        background-size: cover;
        top:-6px;
    }  
    .organizations-section__item--td:after{
        top: 3px;
    }
    .organizations-section__item--td:before {
        width: 54px;
        height: 68px;
        top: -25px;
        right: -65px;
        background-size: cover;
    }   
    .organizations-section__item--nf:after {
        width: 35px;
        height: 46px;
        top: -4px;
        background-size: cover;
    }     
    .organizations-section__item--nf:before{
        top: -6px;
    }
    .organizations-section__item--tb:after {
        width: 24px;
        height: 31px;
        top: 11px;
        right: -13px;
        background-size: cover;
    }

    /**/

    .news__types-type{
        padding: 5px 0;
    }
    .news__types-item{
        margin-bottom: 20px;
    }       
    
    /**/

    .tours-our-teams__item{
        margin-bottom: 80px;
    }

    /**/

    .tours-teams__item-name {
        left: 20px;
        right: 20px;
        bottom: 30px;
    }      

    /**/

    .tours-our{
        padding: 100px 0 0 0;
    }
    .tours-our__item{
        margin-bottom: 100px;
    }    

    /**/

    .ap-reasons__item{
        margin-bottom: 30px;
    }
    .season-tickets__item-cost {
        display: block;
        margin: 30px 0;
    }
    
    /**/
    
    .section-404{
        margin-top: -42px;
    }

    /**/

    .main-slider__item-video{
        display: none;
    }

    /**/

    .banner__cont {
        height: 300px;
    }    
    .banner__content{
        padding: 50px 30px 0 30px;
    }
    .banner img {
        max-width: 100%;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }    
    .banner__title{

    }    

    /**/

    .season-tickets__events-li--my{
        padding-right: 130px;
        margin-bottom: 20px;
    }


}/* md */












/* lg */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .h1--events-list{
        margin-bottom: 30px;
    }

    .header__expand-cont{
        /* display: none; */
    }
    header .expand{
        display: none;
    }
    #vision-enabler button{
        font-size: 0;
    }
    #vision-enabler:before{
        height: 18px;
    }
    .header__search-text{
        /* width: 20px; */
    }
    .header__phone{
        margin-left: 30px;
    }
    .header__nav > li:first-child {
        padding: 0 3px 0 0;
    }
    .header__nav > li {
        padding: 0 3px;
    }

    /**/

    .organizations .item{
        margin-right: 15px;
    }

    /**/

    .events__item{
        height: 760px;
    }    
    .events__item-picture{
        height: 300px;
    }    
    .events__item--tile{
        width: 300px;
        margin-bottom: 40px;
    }
    .events__filters-calendar{
        float: left;
        margin-top: 20px;
    }
    .events__line-inner{
        width: 160px;
    }
    .events__line-buy{
        padding: 0 20px;
    }
    .events__line-content{
        padding: 50px 30px 0 30px;
    }
    .pay-link{
        width: 100%;
    }
    .events__line-content--my{
        padding: 30px 30px 0 30px;
    }

    /**/

    .bounty__item{
        height: 300px;
    }
    .bounty__item-content {
        padding: 0 30px 40px 30px;
    }       

    /**/

    .organizations-section__items:after {
        top: 57px;
    }    
    .organizations-section__item-img {
        height: 87px;
    }
    .organizations-section__item-img--td {
        height: 89px;
    }
    .organizations-section__item-img--nf {
        height: 92px;
    }
    .organizations-section__item-img--tb {
        height: 92px;
    }
    .organizations-section__item--ph:after{
        top: -4px;
    }
    .organizations-section__item--ph:before{
        top: 23px;
    }
    .organizations-section__item--tk:before{
        top:-20px;
    }
    .organizations-section__item--tk:after{
        top: -3px;
    }
    .organizations-section__item--td:after{
        top: 18px;
    }
    .organizations-section__item--td:before{
        top: -51px;
    }
    .organizations-section__item--nf:after{
        top: -17px;
    }
    .organizations-section__item--nf:before{
        top: 9px;
    }
    .organizations-section__item--tb:after{
        top: 8px;
    }

    /**/
    
    .banner__content {
        padding: 50px 130px 0 130px;
    }

}
/* xl */
@media (min-width: 1200px) {
    .h1--events-list{
        margin-bottom: 30px;
    }
    .events__line-buy {
        margin-bottom: 20px;
        width: 100%;
    }    
}


@media (max-height: 780px) and (min-width: 1280px){
    .main-slider__item-content{
        top: 190px;
    }
    .main-slider .slick-dots {
        bottom: 50px;
    }    
}
/* End */
/* /local/templates/ktko_main/components/bitrix/menu/main/style.min.css?17884385543715 */
/* /local/templates/ktko_main/styles.css?17899913821052 */
/* /local/templates/ktko_main/template_styles.css?1789640952133953 */