@font-face {
font-family: 'Bahnschrift';
font-style: normal;
font-weight: 400;
src: local('Bahnschrift'),
url(../fonts/Bahnschrift.ttf) format('truetype');
}
*,p{margin: 0px;padding: 0px;font-family: 'Bahnschrift';}
header{background: #e5e5e5;padding: 18px 0px;}
a:hover, a:focus {color: #b6324b;}
.about_block a {color:#fff;}
#txt_1>div> p {font-size: 16px;}
.contk_head,.contk_head>div,.contk_head .img,.con_ob,#menu nav,#menu nav>ul,.nav_click,.link,.kontakts .orow{box-sizing: border-box;display: -webkit-flex;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-js-display: flex;justify-content: space-between;-webkit-box-align: center;-webkit-flex-align: center;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-pack:justify ;align-items: center;}
.nav_click li,#menu nav>ul li a+ul,#menu nav>ul li a+ul li{-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;}
.contk_head .img{border-radius: 33px;width: 33px;height: 33px;background: #fecf22;justify-content: center;margin-right: 15px;}
.contk_head{max-width: 850px;width: calc(100% - 50px);}
.contk_head a{color: #000;}
.contk_head p{font-size: 14px;}
.contk_head .fa,.media{display: none;}
.burger{display: none;}
#menu nav ul{list-style: none;margin: 0px;}
#menu nav>ul{position: relative;z-index: 1;}
.sub_menu{position: absolute;max-height: 0px;overflow: hidden;background: #df415e;
}
#menu nav>ul li:hover>ul{max-height: 1000px;}
#menu nav>ul li a+ul li{display: table;width: 100%;    background-color: #df415e;
    border-bottom: 1px solid #BD1F3C;
    height: 10px;
    line-height: 10px;padding: 0px 10px;cursor: pointer;}
    #menu nav>ul li a+ul li:hover{background-color: #BD1F3C;}
    #menu nav>ul li:last-child ul{right: -10px;}
#menu nav>ul>li{margin-left: 10px;}
#menu nav ul li a{color: #fff;font-size: 14px;display: table;padding: 19px 0px;     text-transform: uppercase;}
#menu nav ul li a.active{color: #ffbc00;}
#menu nav{background: #df415e;padding: 0px 10px;}
nav .logo{   
background: #fff;position: relative;width: 230px;height: 49px;}
nav .logo img{ padding: 12px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);-webkit-box-shadow: 7px 7px 16px 0.8px rgba(0,0,0,0.3);
box-shadow: 7px 7px 16px 0.8px rgba(0,0,0,0.3);background: #fff;}
#menu{margin-top: 44px;}
.title{color: #000;font-weight: 600;font-size: 22px;text-transform: uppercase;}
.title span{color: #fecf22;}
.title:after,h2:after{content: "";display: block;width: 41px;height: 4px;background: #ffbc00;margin-top: 19px;margin-bottom: 17px;}
.desk{font-weight: 100;font-size: 16px;color: #848484;}
.nav_click{list-style: none;width: 100%;margin-top: 31px;}
.nav_click li{display: inline-block;border:2px solid #ffbc00;font-size: 12px;color: #131313;font-weight: 100;text-transform: uppercase;padding: 12px 15px;cursor: pointer;background: #fff;}
.nav_click li:hover{background: #ffbc00;color: #fff;}
#map,#map_hover{width: 100%;}
#map{z-index: 1}
#map_hover{z-index: 3;}
.clue{display: none;position: absolute;-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(32%, 0%);background: #fff;max-width: 340px;width: 100%;
height: 100px;padding: 10px;padding-right: 0px;z-index: 2;}
.before{display: none;position: absolute;    width: 28px;
    height: 93px;background: url('../images/treugl.png') no-repeat;-webkit-background-size: 100% auto;
    background-size: 100% auto;left:-9%;top:0px;-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(250%, 0%);}
.map_hover{position: relative;height:calc(100% / 2);}
object{width: 100%;}
.kol_kv_div{padding-top: 97px;position: relative;padding-bottom: 80px;}
.cirle_1{width: 120px;height: 120px;border-radius: 120px;background: #f0dbdf;position: absolute;top: -20px;z-index: -1;-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);left: 53%;}
.cirle_2{max-width: 531px;width: 50vw;max-height:531px;height: 50vw;border-radius: 100%;background: #f5dde1;position: absolute;top:-50px;z-index: -1;-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);left: 65%;}
.cirle_3{max-width: 330px;width: 30vw;max-height:330px;height: 30vw;border-radius: 100%;background: #e4c0c7;position: absolute;top:70%;z-index: -1;-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);left: 55%;}
.about,.program{background: url('../images/fon_gr.jpg') top center;-webkit-background-size: cover;
background-size: cover;padding: 52px 0px;}
.about_num img{display: table;}
.about_block{background: #df415e;-webkit-box-shadow: 9px 9px 16px 5px rgba(0,0,0,0.5);
box-shadow: 9px 9px 16px 5px rgba(0,0,0,0.5);padding: 23px;color: #fff;margin-bottom: 23px;cursor: pointer;}
.about_block:hover{background: #fff;color: #000;}
.about_num .img{height: 107px;margin-bottom: 12px;}
.about_num b{font-size: 18px;}
.about_num p{font-size: 14px;font-weight: 300;}
.about_num{ display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;}
 .about_num>div{ display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;}
 .about .title{color: #fff;}
 .about .desk{color: #fff;}
 h2{font-size: 16px;font-weight: 100;color: #fff;text-transform: uppercase;}
 h2 span{color: #fecf22;}
 .link:before{content: "";width: 20px;height: 17px;background: url(../images/arrow.png);margin-right: 10px;display: inline-table;}
 .link a{color: #fff;font-size: 14px;font-weight: 300;text-decoration: underline;
 }
 .link a:hover{text-decoration: none;}
 .link {justify-content: left;margin-bottom: 5px;}
 .link a span{font-size: 9px;display: table;}
 .news{padding: 50px 0px;}
 .news b{font-size: 18px;}
 .news p{font-size: 16px;color: #df415e;}
 .news p span{font-size: 14px;/*color: #0370a2;*/display: table;margin: 5px 0px;}
 .owl-nav span{font-size: 36px;color: #626262;width: 50%;display: inline-block;padding: 0px 10px;}
   .owl-nav{display: table;width: 100%;text-align: center;}
   .new{margin: 0px 10px;}
   .news .row{margin: 0px 10px;}
   .parttnors{background: #fff2f4;padding: 45px 0px;padding-bottom: 15px;}
   .parttnors img{width: 100%;margin-bottom: 30px;}
   .cont{padding: 	0px 15px;}
   .cont img{width: 	100%;}
   .kontakts .conts{padding: 	23px 38px;position: relative;
    top: 70px;
    background: #fff;}
   .kontakts b{font-size: 16px;}
   .kontakts p{font-size: 	14px;}
   .kontakts .orow{-ms-align-items: end;
   align-items: end;margin: 	0px -15px;}
   .floot{background: #892235;}
   .floot p{font-size: 	14px;margin: 	23px 0px;color: 	#fff;    margin-top: 90px;}
   .about_k{padding: 45px 0px;}
   .about_link{display: table;text-align: center;font-size: 14px;color: #000;background: #ededed;    width: 100%;
    margin-bottom: 5px;
    padding: 3px 0px;}
   .about_link.active,.about_right a.about_link:hover{font-weight: bold;color: #000;text-transform: none !important;}
   .program *:not(span){color: #fff;}
   .desk span{color: #ffbc00;font-weight: bold;}
   .program .desk{margin-bottom: 17px;}
   .h2_one{margin-top: 48px;}
   .h2_two{margin-top: 38px;}
   .osn_period{padding: 52px 0px;}
   .month{text-align: center;}
   .month>p{position: relative;color: #282828;
    min-width: 140%;left: 50%;-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);text-align: center;}
    .month>p:first-child:not(:empty):after{content: "";width: 2px;height: 40px;background: #9f9f9f;display: table;margin: 0px auto;margin-top: 10px;position: absolute;bottom: 0px;left: 50%;-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);}
    .month>p:last-child:not(:empty):before{content: "";width: 2px;height: 40px;background: #9f9f9f;display: table;margin: 0px auto;margin-bottom: 10px;}
    .month>p:first-child{height: 132px;}
    .osn_period .row{}
    .month h3{font-size: 18px;color: #fff;text-transform: uppercase;margin-top: 10px;    min-width: 140%;position: relative;left: 50%;-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);position: relative;}
    .month:nth-child(odd) h3{z-index: 2;}
    .month:nth-child(even) h3{}
    .month{    }
    .month h3 img{width: 115%;height: auto;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
    .month h3 span{position: relative;}
 
 /* Базовые стили слоя затемнения и модального окна  */
.overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
visibility: hidden;
/* фон затемнения */
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
position: fixed; /* фиксированное поцизионирование */
cursor: default; /* тип курсара */
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}
.overlay:target {
visibility: visible;
opacity: 1;
}
.is-image {
top: 0;
right: 0;
bottom: 0;
left: 0;
display:block;
margin: 10&;
width: 100%;
height: auto;
/* скругление углов встроенных картинок */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
/* встроенные элементы м-медиа, фреймы */
embed, iframe {
top: 0;
right: 0;
bottom: 0; 
left: 0; 
display:block;
margin: auto;
min-width: 320px;
max-width: 600px;
width: 100%;
}
.popup h1 { /* заголовок 1 */
color: #008000;
text-align: left;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
font:24px 'Trebuchet MS', Helvetica, sans-serif;
font-weight: bold;
}
.popup h2 { /* заголовок 2 */
color: #008000;
text-align: left;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
font:22px 'Trebuchet MS', Helvetica, sans-serif;
}
/*** Формируем стили модального окна ***/
.popup {
top: 0;
right: 0;
left: 0;
font-size: 14px;
z-index: 10;
display: block;
visibility: hidden;
margin: 0 auto;
width: 90%;
min-width: 320px;
max-width: 600px;
/* фиксированное позиционирование, окно стабильно при прокрутке */
position: fixed;
padding: 15px;
border: 1px solid #383838;
/* скругление углов */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
background-color: #FFFFFF;
/* внешняя тень блока */
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8);
/* полная прозрачность окна, появление при клике */
opacity: 0;
/* эффект перехода (появление) */
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
-ms-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
}
/* активируем появление окна и затемнение фона */
.overlay:target+.popup {
top: 20%; /* положение окна от верха страницы при появлении */
visibility: visible;
opacity: 1; /* убираем прозрачность */
}
/* формируем кнопку закрытия */
.close {
position: absolute;
top: -10px;
right: -10px;padding: 0;
width: 20px;
height: 20px;
border: 2px solid #ccc;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
background-color: rgba(61, 61, 61, 0.8);
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
text-align: center;
text-decoration: none;
font-weight: bold;
line-height: 20px;
/* задаём значения и эффект перехода при наведении */
-webkit-transition: all ease .8s;
-moz-transition: all ease .8s;
-ms-transition: all ease .8s;
-o-transition: all ease .8s;
transition: all ease .8s;
}
.close:before {
color: rgba(255, 255, 255, 0.9);
content: "X";
text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
font-size: 12px;
}
.close:hover {
background-color: rgba(252, 20, 0, 0.8);
/* крутим кнопку при наведении */
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);    
}
/* опционально при добавлении вложений */
.popup p, .popup div {
margin-bottom: 10px;
}