@charset "utf-8";
*{
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
html {
    height: 100%;
}
body{ 
    width: 100%;
    height: 100%;
    background-color:#F7FCFF;
    color: #272222;
    font-family: 'Roboto',/* 'Montserrat',*/ sans-serif;
	/*font-family: 'Exo 2', sans-serif;*/
    font-weight: normal;
    font-size: 16px;
    line-height: 1.2;
    position:relative;
}
body.overlay-active{
    width: auto;
    overflow: hidden;
}
b, strong{
    font-weight: 700;
    /*font-family: 'Conv_Roboto-Bold', Arial, Helvetica, sans-serif;*/
}
ul, h1, h2, h3, p {
    margin:0;
    padding:0;
    list-style-type:none;
}
img {
    border:none;
    padding:0;
    margin:0;
}
a{
    color: #1481B4;
    text-decoration: none;
    outline: none;
}
a:hover {
    color: #CF3772;
    text-decoration: none;
}
a:active,
a:hover{
    outline: 0;
}
a:focus{}
a:visited{}
/*a, a:hover{
    -webkit-transition: all.6s ease;
    -moz-transition: all.6s ease;
    -ms-transition: all.6s ease;
    -o-transition: all.6s ease;
    transition: all.6s ease;
}*/
.clearfix::before,
.clearfix::after {
    content: " ";
    display: block;
    height: 0;
    
}
.clearfix::after {
    clear: both;
}

.left {
    float: left;
}
.right {
    float: right;
}
.text-center {
    text-align: center;
    display: block;
}
.hide {
    display:none;
}
.empty {
    padding: 0 15px;
}
.ic{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
h1{ 
    font-size: 30px;
    margin-bottom: 15px;
    color: #0F2D5A;
}
h2{ 
    font-size: 22px;
    margin-bottom: 15px;
    color: #0F2D5A;
}
h3{
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 15px;
    color: #0F2D5A;
}
h4{ }
h5{ }
span{}
p{
    margin-bottom: 10px;
}
.main{
    position: relative;
    display: flex;
    -ms-display: flex;
    min-height: 100vh;
    flex-direction: column;
    -ms-flex-direction: column;
    overflow: hidden;
}
.empty-main{
    flex: 1 0 auto;
    -ms-flex: 1 0 auto;
}

.popap{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 740px;
    padding: 0 10px;
}
.popap .recordingForm{
    border: none;
}
.closeForm{
    position: absolute;
    top: 4px;
    right: 23px;
    font-size: 35px;
    cursor: pointer;
}
.closeForm:hover{
    color: #cc0000;
}
/*Меню*/
.menu {
    max-width: 100%;
    position: relative;
    z-index: 999;
}
.nav, #touch-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
.nav{
    background-color: #D7ECFF;
    height: 48px;
    text-align: center;
}
.nav li{
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    font-weight: bold;
    margin-right: 20px;
    position: relative;
}
.nav li a {
    text-decoration: none;
    color: #68A5DE;
    line-height: 50px;
    height: 48px;
    display: block;
}
.nav li a:hover{
    color: #000;
}
.nav li a:hover:before{
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    right: 0;
    background-color: #4398E8;
    width: 100%;
    height: 2px;
    border-radius: 1px;
}
.nav li a.active{
    color: #000;
}
.nav li a.active:before{
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    right: 0;
    background-color: #4398E8;
    width: 100%;
    height: 2px;
    border-radius: 1px;
}
.nav li ul{
    position: absolute;
    top: 48px;
    left: 0;
    width: 100%;
    min-width: 200px;
    display: none;
    background-color: #fff;
    text-align: left;
    padding-top: 5px;
    box-shadow: 0px 7px 20px rgba(0, 44, 88, 0.2);
}
.nav li:hover ul{
    display: block;
}
.nav li ul li{
    display: block;
    width: auto;
    font-size: 15px;
    font-weight: 500;
    margin-right: 0px;
}
.nav li.navulmenu ul li a,
.nav li ul li a{
    display: block;
    line-height: 18px;
    height: auto;
    padding: 8px 15px;
    color: #68A5DE;
}
.nav li ul li a.active:before,
.nav li ul li a:hover:before{
    content: '';
    display: none;
}
.nav li ul li a:hover, .nav li ul li a.active{
    background: #4398E8;
    color: #fff;
}
.nav li.navulmenu{
    padding-right: 12px;
}
.navulmenu:after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -1px;
    width: 8px;
    height: 5px;
    background: url(/d/img/navulmenu.svg) 0 0 no-repeat;
}
#touch-menu {
    display: none;
}
.default{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

/*.main-element .nav li a.active{
    background: #fff;
    color: #018ccf;
    text-decoration: none;
    color: #68A5DE;
    line-height: 20px;
    padding: 10px 10px;
    
    border-radius: 2px;
    height: 38px;
    display: block;
    margin-top: 5px;
}
.main-element .nav li a.active:hover{
    color: #68A5DE;
}*/
/*Меню-закрыто*/
/*----------------------------------------*/
/*--Шапка--*/
header{
    padding-bottom: 15px;
    background-color: #fff;
    width: 100%;
}
ul.top-socials{
    float: left;
    margin-top: 25px;
}
ul.top-socials li{
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}
ul.top-socials li a{
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
ul.top-socials li a img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
ul.top-socials li a.vk{
    background-color: #70B2FF;
}
ul.top-socials li a.fb{
    background-color: #7098FF;
}
ul.top-socials li a.inst{
    background-color: #FF78D9;
    background-image: linear-gradient(229deg, rgba(254, 192, 83, .7), rgba(217, 36, 107, .7) 51%, rgba(84, 66, 214, .7));
}
ul.top-socials li a.ok{
    background-color: #FFC178;
}
ul.top-socials li a:hover{
    opacity: .7;
}
ul.tongue{
    float: left;
    margin-left: 10%;
    margin-top: 25px;
}
ul.tongue li{
    display: inline-block;
    vertical-align: top;
}
ul.tongue li a{
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 8px;
    border: 1px solid #C2D1E0;
    text-transform: uppercase;
    color: #6B85AF;
    font-size: 14px;
}
ul.tongue li:first-child a{
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px; 
}
ul.tongue li:last-child a{
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    margin-left: -1px; 
}
ul.tongue li a:hover{
    background-color: #e6eef7;
}
ul.tongue li a.active{
    background-color: #C2D1E0;
}
a.panorama{
    float: right;
    margin-top: 18px;
    display: block;
    width: 94px;
    height: 50px;
    background: url(/d/img/panorama.svg) 0 0 no-repeat;
}
.main-element a.panorama{
    background: url(/d/img/panorama-gl.svg) 0 0 no-repeat;
}
a.panorama:hover{
    opacity: .7;
}
a.logo{
    display: block;
    float: left;
    font-weight: bold;
    line-height: 28px;
    font-size: 24px;
    color: #0F2D5A;
    margin-top: 15px;
    position: relative;
    padding-left: 70px;
}
/* a.logo:hover{
    color: #4398E8;
} */
a.logo .logo-text{
    font-size: 14px;
    line-height: 16px;
    margin-top: 6px;
    color: #484E57;
    font-weight: normal;
}
a.logo:before{
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 60px;
    height: 57px;
    background: url(/d/img/logo.png) left top no-repeat;
    background-size: cover; 
}
.top-contacts{
    width: 300px;
    float: left;
    margin-left: 8%;
    margin-top: 15px;
}
a.top-phone{
    font-weight: bold;
    line-height: 28px;
    font-size: 24px;
    color: #0F2D5A;
    padding-left: 22px;
    position: relative;
}
a.top-phone:before{
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 16px;
    height: 28px;
    background: url(/d/img/phone.svg) left top no-repeat;
}
.top-address{
    font-size: 14px;
    line-height: 16px;
    margin-top: 6px;
}
/*--Text--*/
.content ul{
    list-style-type:disc;
    margin-left: 20px;
}
.content ol{
    margin-left: 20px;
}
.content ul li{
    margin-bottom: 7px;
}
.content ol li{
    margin-bottom: 7px;
}
.content img{
    border-radius: 2px;
    box-shadow: 0px 7px 20px rgba(0, 44, 88, 0.2);   
}
.content img.captcha{
    box-shadow: none;
    border-radius: 4px;
}
.content img.right{
    float: right;
    margin: 0 0 20px 20px;
}
.content p{
    line-height: 1.6;
    margin-bottom: 15px;
}
.content-pad{
    padding: 50px 0;
}
ul.submenu {
    margin-bottom: 35px;
}
ul.submenu li{
    margin-bottom: 20px;
    font-weight: 500;
}
ul.submenu li a{
    position: relative;
    color: #6B85AF;
    display: inline-block;
}
ul.submenu li a:hover{
    color: #0F2D5A;
}
ul.submenu li a.active{
    color: #0F2D5A;
    font-weight: bold;
}
ul.submenu li a:hover:before{
    content: '';
    color: #0F2D5A;
    position: absolute;
    bottom: -5px;
    left: 0;
    /* width: calc(100% + 10px); */
    width: 100%;
    height: 2px;
    background: #0F2D5A;
}
ul.submenu li a.active:before{
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: calc(100% + 10px);
    height: 2px;
    background: #0F2D5A;
}
ul.bread-crumbs{
    margin-bottom: 12px;
}
ul.bread-crumbs li{
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-right: 22px;
}
ul.bread-crumbs li a{
    color: #6B85AF;
}
ul.bread-crumbs li a:hover{
    color: #4398E8;
}
ul.bread-crumbs li a.active{
    color: #4398E8;
}
ul.bread-crumbs li:after{
    content: '';
    position: absolute;
    top: 5px;
    right: 2px;
    width: 10.5px;
    height: 10.22px;
    background: url(/d/img/arrow.svg) right center no-repeat;
}
ul.bread-crumbs li:last-child:after{
    background: none;
}
.rss img{
    box-shadow:none;
}
.breadcrumbs{
    margin-bottom: 18px;
}
.breadcrumbs__list a{
    color: #6B85AF;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.breadcrumbs__separator{
    display: inline-block;
    vertical-align: top;
    padding: 0 12px;
    color:#ccc;
}
a.breadcrumbs__item.active{
    color: #4398E8;
}
.gl-services__accommodation{
        padding-top: 70px;
    }
/*--Врачи--*/
/* .list-doctors{
    width: 100%;
} */
.list-doctor{
    width: 18%;
    display: inline-block;
    vertical-align: top;
    box-shadow: 0 5px 20px rgba(0, 86, 171, 0.1);
    border-radius: 2px;
    margin-right: calc(2% - 4px);
    margin-top: 10px;
    margin-bottom: 20px;
    background-color: #fff;
    transition: .5s;
}
.list-doctor:hover{
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0, 86, 171, 0.15);
}
.list-doctor:hover a .name-doctor{
    color: #4398E8;
}
.list-doctor img{
    width: 100%;
    height: auto;
    box-shadow: none;
}
.p-doctor{
    font-weight: 500;
    padding: 15px;
    width: 100%;
}
.name-doctor{
    color: #0F2D5A;
    display: block;
    line-height: 1.3;
}
.position-doctor{
    font-size: 14px;
    color: #4398E8;
    margin-top: 10px;
}
.one-doctor{
    width: 100%;
}
.one-doctor img.photo-doctor{
    width: 40%;
    margin: 0 4% 30px 0;
    float: left;
    box-shadow: 0 5px 20px rgba(0, 44, 88, 0.1);
}
.one-doctor-text .position-doctor{
    font-size: 18px;
    font-weight: 500;
}
.one-doctor-text{
    display: block;
    width: 55.5%;
    float: left;
}
ul.bdoctor-info{
    width: 100%;
    margin-top: 30px;
}
ul.bdoctor-info li{
    display: block;        
    color: #0F2D5A;
    margin-bottom:10px;
    
}
ul.bdoctor-info li span{    
    color: #758296;    
}
.one-doctor-info ul{
    list-style-type:none;
}
.one-doctor-info ul li{
    position: relative;
    padding-left: 20px;
    line-height: 1.4;
    margin-bottom: 10px;
}
.one-doctor-info ul li:before{
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #C2D1E0;
}
ul.one-doctor-info_news{
    width: 100%;
    display: block;
}
ul.one-doctor-info_news li{
    display: inline-block;
    vertical-align: top;
    width: 49%;
    padding-right: 20px;
    margin-bottom: 20px;
}
.one-doctor-info ul a{
    color: #4398E8;
    font-weight: 500;
}
.one-doctor-info ul a:hover{
    color: #0F2D5A;
}
ul.one-doctor-info_news li span{
    display: block;
    font-weight: normal;
    color: #6B85AF;
    margin-top: 3px;
}
.one-doctor-info h2{
    margin-top: 10px;
    margin-bottom: 20px;
}
.other-specialists{
    margin-top: 40px;
}
ul.number-filter{
    margin-left:0px;
}
ul.number-filter li{
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
}
ul.number-filter li a{
    display: block;
    height: 46px;
    line-height: 46px;
    padding: 0;
    margin-right: 15px;
    color: #6B85AF;
    position: relative;
}
ul.number-filter li a.active,
ul.number-filter li a:hover{
    color: #0F2D5A;
}
ul.number-filter li a.active:before,
ul.number-filter li a:hover:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #4398E8;
    height: 2px;
}
.list-rooms{
    margin-top: 30px;
    margin-right: -15px;
    margin-left: -15px;
}
.list-room_col{
    width: calc(33.33333333% - 4px);
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-background-clip:padding-box !important;
    -moz-background-clip:padding-box !important;
    -o-background-clip:padding-box !important;
    background-clip:padding-box !important;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
}
.list-room{
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 5px 20px rgba(0, 86, 171, 0.1);
    overflow: hidden;
    transition: .4s;
}
.list-room img{
    box-shadow: none;
    width: 100%;
    height: auto;
}
.p-room{
    padding: 12px 20px;
}
.p-room p{
    margin-bottom: 0;
    color: #484E57;
}
.link-room{
    color: #0F2D5A;
    font-size: 20px;
    font-weight: bold;
}
.list-room:hover{
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0, 86, 171, 0.15);
}
.list-room a:hover .link-room{
    color: #4398E8;
}
.list-room button{
    border: 1px solid #59AF55;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 16px;
    padding: 5px 10px;
    color: #59AF55;
    background: #fff;
    margin: 0 0 20px 20px;
    cursor: pointer;
}
.list-room button:hover{
    background: #59AF55;
    color: #fff;
}
.list-room_button{
    border: 1px solid #59AF55;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 16px;
    padding: 5px 10px;
    color: #59AF55;
    background: #fff;
    margin: 0 0 20px 20px;
    cursor: pointer;
    display: inline-block;
}
.list-room_button:hover{
    background: #59AF55;
    color: #fff;
}
span.price-room{
    position: relative;
    margin-right: 20px;
}
span.price-room:after{
    content: '';
    position: absolute;
    top: 4px;
    right: -14px;
    width: 10px;
    height: 11px;
    background: url(/d/img/rub.svg) 0 0 no-repeat;
}
.one-room_item img{
    width: 100%;
    box-shadow: none;
    box-shadow: 0px 5px 20px rgba(0, 44, 88, 0.2);
}
.one-room img{
    box-shadow: none;
}
ul.one-room_icon{
    width: 100%;
    /*display: flex;
    flex-wrap: wrap;
    align-content: space-between;*/
}
ul.one-room_icon li{
    width: 49.5%;
    display: inline-block;
    vertical-align: top;
    padding-right: 20px;
    position: relative;
    margin-bottom: 18px;
    padding-left: 30px;
    font-size: 16px;
}
ul.one-room_icon li img{
    position: absolute;
    top: 0;
    left: 0;
}
.one-room span.price-room{
    color: #0F2D5A;
    font-size: 24px;
    font-weight: 700;
    position: relative;
    height: 50px;
    line-height: 50px;
}
.one-room span.price-room:after{
    content: '';
    position: absolute;
    top: 11px;
    right: -14px;
    width: 10px;
    height: 11px;
    background: url(/d/img/rub.svg) 0 0 no-repeat;
}
.one-room{
    color: #484E57;
    font-size: 18px;
}
.one-room_b{
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
    padding: 0 20px;
    border-radius: 4px;
    height: 50px;
    cursor: pointer;
    transition: .6s;
    line-height: 50px;
    background: linear-gradient(180deg, #98CE3F 0%, #4DAA5A 100%), #F3BC47;
}
.one-room_b:hover{
    background: linear-gradient(180deg, #98CE3F 0%, #4DAA5A 45.3%), #F3BC47;
}
ul.one-room_listimg{
    margin-top: 15px;
    display: inline-block;
    margin-left: 0px;
}
ul.one-room_listimg li{
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 2px;
    margin-right: 6px;
    margin-bottom: 6px;
}
.h60{
    width: 100%;
    height: 60px;
}
a.room3d{
    margin-top: 15px;
    width: 160px;
    display: inline-block;
    vertical-align: top;
    height: 100px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #C5D3E1;
    box-sizing: border-box;
    border-radius: 2px;
    font-size: 16px;
    background: url(/d/img/panorama.svg) center 10px no-repeat;
}
a.room3d span{
    display: block;
    margin-top: 55px;
    padding: 5px;
    font-size: 14px;
    color:#1481B4;
}
.list-news{
    margin-top: 30px;
}
.list-onenews{
    margin: 0 0 20px 0;
}
.list-onenews img{
    max-width: 320px;
    height: auto;
    margin: 0 30px 20px 0;
    float: left;
    border-radius: 4px;
}
.list-onenews a{
    color: #0F2D5A;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}
.list-onenews a:hover{
    color: #4398E8;
}
.list-onenews p{}
.date-news{
    color: #6B85AF;
    font-size: 14px;
}
.date-news img{
    width: 16px;
    height: auto;
    box-shadow: none;
    margin-right: 10px;
    margin-bottom: 0;
    margin-top: 3px;
}
ul.pages-list{
    display: inline-block;
    background: #FFFFFF;
    box-shadow: 2px 2px 20px rgba(0, 86, 171, 0.1);
    border-radius: 2px;
    margin-top: 30px;
}
ul.pages-list li{
    display: inline-block;
    vertical-align: top;
    padding: 10px 15px;
    font-weight: bold;
    color: #C2D1E0;
    position: relative;
}
ul.pages-list li.active:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: #4398E8;
}
ul.pages-list li a{
    display: block;
    color: #6B85AF;
}
ul.pages-list li a:hover{
    color: #0F2D5A;
}
ul.pages-list li.active a{
    color: #0F2D5A;
}
.list-item{}
.list-item_one{
    border-bottom:1px solid #E5E9ED;
    padding: 20px 0;
}
.list-item_one a{
    font-size: 20px;
    font-weight: bold;
    color: #4398E8;
}
.list-item_one a:hover{
    color: #0F2D5A;
}
.list-item_one .date{
    color: #6B85AF;
    margin-top: 12px;
}
.list-item_one .right{
    font-size: 20px;
}
/*--Вакансии--*/
.job_categories a{}
ul.list_vacs{}
ul.list_vacs li{
    font-size: 20px;
    border-bottom: 1px solid #E5E9ED;
    padding-bottom: 15px;
    padding-top: 15px;
}
ul.list_vacs li a{
    font-weight: bold;
    display: block;
    float: left;
    width: 75%;
    color: #4398E8;
}
ul.list_vacs li .list_vac_condition-price{
    float: right;
    width: 25%;
    text-align: right;
}
ul.list_vacs li .list_vac_condition{
    font-size: 16px;
}
.mt15{
    margin-top: 15px;
}
a.rss{
    margin-bottom: 20px;
    display: block;
}
a.rss img{
    width: 16px;
    height: auto;
}
/*--Footer--*/
footer{
    flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    position: relative;
    width: 100%;
    background-color: #0F2D5A;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
}
footer .container{
    padding-bottom: 30px;
    padding-top: 40px;
}
ul.footer-menu{
    padding: 0 0 32px 0;
}
ul.footer-menu li{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    margin-right: 20px;
    margin-bottom: 10px;
}
ul.footer-menu li a{
    color: #C2D1E0;
}
ul.footer-menu li a.active, ul.footer-menu li a:hover{
    color: #F3BC47;
}
a.visually-impaired{
    display: block;
    background: url(/d/img/glasses.svg) left top no-repeat;
    padding-left: 67px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    margin-top: 20px;
}
a.visually-impaired:hover{
    color: #F3BC47;
}
input.search{
    background: #2B4873;
    border: none;
    border-radius: 4px;
    width: 290px;
    padding-left: 20px;
    height: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-style: 14px;
}
input.search::placeholder{
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-style: 14px;
}

.footer-adress{
    background: url(/d/img/footer-adress.svg) left 2px no-repeat;
    padding-left: 20px;
    margin-bottom: 15px;
}
a.footer-phone{
    background: url(/d/img/footer-phone.svg) left 2px no-repeat;
    padding-left: 20px;
    margin-bottom: 15px;
    color: #fff;
    display: block;
}
a.footer-mail{
    background: url(/d/img/footer-mail.svg) left 5px no-repeat;
    padding-left: 20px;
    color: #F3BC47;
    display: block;
    text-decoration: underline;
}
a.footer-mail:hover{
    text-decoration: none;
}
ul.footer-link li{
    margin-bottom: 15px;
}
ul.footer-link li a{
    color: #C2D1E0;
}
ul.footer-link li a:hover{
    color: #F3BC47;
}
.footer-minfin{
    display: block;
    color: #fff;
    margin-bottom: 20px;
    background: url(/d/img/footer-minfin.png) left top no-repeat;
    padding-left: 60px;
}
.footer-minfin p{
    margin-bottom: 10px;
}
.footer-minfin a{
    color: #fff;
}
.footer-minfin a:hover{
    color: #F3BC47;
}
p.p-fbig{
    text-transform: uppercase;
}
a.mediaidea{
    display: block;
    padding-left: 60px;
    background: url(/d/img/mediaidea.png) 10px top no-repeat;
    color: #fff;
    height: 40px;
    padding-top: 5px;
    font-size:12px;
}
a.mediaidea:hover{
    color: #F3BC47;
}

.back-fon{
    width: 100%;
    height: 724px;
    position: fixed;
    bottom: -100px;
    left: 0;
    right: 0;
    background-image: url(/d/img/back-leftfix.jpg),
    url(/d/img/back-rightfix.jpg);
    background-position: -80px top, right top;
    background-repeat: no-repeat;
    opacity: .6;
    z-index: -1;
}
/*Главная страница*/
.main-element{
    background-color: #008cd0;
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 1;
}
.main-element header{
    position: relative;
    z-index: 7;
}
.main-element header,
.main-element .nav{
    background-color: transparent;
}
.main-element a.logo,
.main-element a.logo .logo-text,
.main-element .top-phone,
.main-element .top-address{
    color: #fff;
}
.main-element ul.tongue li a.active,
.main-element ul.tongue li a:hover{
    background-color: #fff;
    color: #6B85AF;
}
.main-element ul.tongue li a{
    border:1px solid #fff;
    color: #fff;
}
.main-element .nav li > a{
    color: #fff;
    text-shadow: 0px 2px 10px rgba(0, 54, 105, 0.4);
    /*text-shadow: 0px 2px 10px rgba(0, 54, 105, 0.4), 0px 0px 30px rgba(0, 54, 105, 0.5), 0px 0px 40px rgba(0, 54, 105, 0.8), 0px 0px 50px #0062BC, 0px 4px 20px rgba(0, 98, 188, 0.8), 0px 4px 40px rgba(0, 75, 146, 0.1);*/
}
.main-element .nav li a:hover:before {
    display: none;
}
.main-element .nav li a:hover{
    color: #fff683;
}
.main-element .nav li ul li a:hover{
    color: #fff;
}
.main-element .nav li ul li a{
    text-shadow: none;
}
.main-element .navulmenu:after {
    background: url(/d/img/navulmenu2.svg) 0 0 no-repeat;
}
/*.main-element .nav li a.active{
    color: #fff683;
}*/
.main-element .nav li a.active:before {
    background-color: #F3BC47;
}
.f0{
    margin-top: 0px;
    position: relative;
    height: 646px;
}
.f1{
    position: absolute;
    top: 0;
    width: 100%;
    height: 646px;
    background: url(/d/img/f1.png) center top no-repeat;
    z-index: 1;
    transition: .6s;
}
.f2{
    position: absolute;
    top: 80px;
    width: 100%;
    height: 566px;
    background: url(/d/img/f2.png) center top no-repeat;
    z-index: 3;
    transition: .6s;
}
.f3{
    position: absolute;
    top: 80px;
    width: 100%;
    height: 566px;
    background: url(/d/img/f3.png) center top no-repeat;
    z-index: 4;
}
.f4{
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 2;
    font-weight: 900;
    text-transform: uppercase;
    opacity: 0;
    text-shadow: 0px 4px 20px rgba(4, 5, 7, 0.3);
    color: #fff;
    font-size: 180px;
    animation: fh 1.5s 2s ease-out forwards;
    -webkit-animation: fh 1.5s 2s ease-out forwards;
}

.f5{
    position: absolute;
    top: 230px;
    left: 0;
    width: 100%;
    z-index: 5;
    font-weight: 900;
    text-transform: uppercase;
    text-shadow: 0px 4px 20px rgba(4, 5, 7, 0.3);
    color: #fff;
    opacity: 0;
    font-size: 40px;
    text-align: center;
    animation: fhs 1s 4s ease-out forwards;
    -webkit-animation: fhs 1s 4s ease-out forwards;
}
.fon-video{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 750px;
    z-index: 6;
    overflow: hidden;
    transition: .5s;
}
.fon-video.active{
    opacity: 1;
}
.fon-video video{
    position: relative;
    width: 100%;
}
.fon-video__bg{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    width: 100%;
    height: 750px;
    background: rgba(21, 20, 20, .1);

}
.play-video{
    position: absolute;
    top: 300px;
    left: 50%;
    margin-left: -25px;
    /*transform: translateX(-50%);*/
    width: 50px;
    height: 50px;
    background: #fff url(/d/img/play.svg) 17px center no-repeat;
    z-index: 7;
    border-radius: 50%;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    transition: .3s;
    transform-origin: center;
    cursor: pointer;
}
.play-video:hover{
    transform: scale(1.5);
}
.stop-video{
    background: #fff url(/d/img/stop.svg) 15px center no-repeat;
}
@keyframes fh {
    from {
        transform: translateY(70px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 0.7;
    }
}
@-webkit-keyframes fh {
    from {
        transform: translateY(70px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fhs {
    from {
        transform: translateY(40px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@-webkit-keyframes fhs {
    from {
        transform: translateY(40px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
.booking-form{
    /* height: 90px; */
    width: 950px;
    /* background: rgba(72, 78, 87, .85); */
    margin: -105px auto 0;
    position: relative;
    z-index: 13;
    border-radius: 4px;
}
.f-bottomfon{
    position: relative;
    z-index: 6;
    width: 100%;
    height: 771px;
    color: #fff;
    background: #008cd0 url(/d/img/f-bottomfon.jpg) center top no-repeat;
}
.f-bottomfon h1,
.f-bottomfon p{
    color: #fff;
}
.f-bottomfon p{
    line-height: 1.4;
}
.f-bottomfon .container{
    padding-top: 70px;
}
video#main_h_video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    opacity: .3;
}
/*Услуги на главной*/
.gl-services{
    /* height: 100vh; */
    /* overflow: hidden; */
    background-color: #DBEEFF;
    /* background-image: url(/d/img/mountains.png),
    url(/d/img/cloud_065.png); */
    background-position: right bottom, center bottom;
    background-repeat: no-repeat, no-repeat;
}
.gl-services .hybrid_fixed_block, 
.gl-services .fixed_content_container{
    height: 0px;
    width: 100%;
}
.gl-services_scroll{
    /* overflow: scroll; */
    /* height: 100vh; */
}
.gl-services .background{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-image: url(/d/img/mountains.png), url(/d/img/cloud_065.png);
    background-position: right bottom, center bottom;
    background-repeat: no-repeat, no-repeat;
}
.menu-services-wr{
    /* width: 1340px; */
    /* max-width: 100%;   */
    position: absolute;
    width: 100%;
    height: calc(100vh - 440px);
    
    padding-top: 70px;
    margin: auto;
    overflow: hidden;
}
ul.menu-services{
    /* position: absolute; */
    /* top: 70px; */
    display: inline-block;
    padding: 0 0 0 100px;
}
ul.menu-services li a{
    display: inline-block;
    position: relative;
    color: #4C76BA;
    font-size: 22px;
    margin-bottom: 30px;
    cursor: pointer;
}
ul.menu-services li a:hover{
    color: #0F2D5A;
}
ul.menu-services li a.active{
    color: #0F2D5A;
}
ul.menu-services li a.active:after{
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #4C76BA;
}
ul.gl-services__list{
    width: 100%;
}
ul.gl-services__list li{
    width: 40%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-right: calc(5% - 4px);
    margin-bottom: 20px;
}
ul.gl-services__list li.w55{
    width: 55%;
}
ul.gl-services__list li.w35{
    width: 35%;
}
ul.gl-services__list li.w30{
    width: 27%;
}
ul.gl-services__list li img{
    width: 100%;
    height: auto;
    box-shadow: 5px 5px 20px rgba(0, 86, 171, 0.1);
    border-radius: 6px;
    overflow: hidden;
    border: 4px solid #FFFFFF;
    max-height: 100%;
}
ul.gl-services__list li a[href]:hover img{
    box-shadow: 0 10px 30px rgba(0, 86, 171, 0.2);
}
ul.gl-services__list li a{
    max-height: 100%;
    display: block;
}
ul.gl-services__list li span{
    position: absolute;
    bottom: 8px;
    left: 0;
    width: calc(100% - 8px);    
    padding-top: 15px;
    margin: 0 4px;
    padding-left: 20px;
    padding-bottom: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background: linear-gradient(180deg, rgba(12, 12, 33, 0) 0%, rgba(12, 12, 33, 0.5) 100%);
}
.pt70{
    padding-top: 70px;
}
.gl-services h2{
    font-weight: 500;
    line-height: normal;
    font-size: 30px;
    margin-bottom: 25px;
}
.gl-services p{
    color: #484E57;
    padding-bottom: 15px;
}
.gl-services p a{
    font-weight: bold;
}
.footer-form{
    width: 100%;
    padding: 70px 10px;
    background-image: url(/d/img/request-fon.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.footer-form__back{
    background: rgba(255, 255, 255, 0.9);
    padding: 40px 30px;
    border-radius: 4px;
    margin: 0 auto;
    max-width: 900px;
    text-align: center;
}
.footer-form__back form{
    margin-top: 30px;
}
.footer-form__back label{
    display: block;
    text-align: left;
    margin-bottom: 7px;
}
.footer-form__back input{
    height: 44px;
    padding-left: 10px;
    border-radius: 4px;
    border: 1px solid #BFC6CD;
    box-shadow: inset -2px 2px 10px rgba(21, 25, 30, 0.1);
    display: block;
    width: 250px;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 15px;
}
.footer-form__back input[type="submit"]{
    background: linear-gradient(180deg, #98CE3F 0%, #4DAA5A 100%);
    border:none;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    height: 44px;
    line-height: 44px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    padding-left: 0;
}
.footer-form__back input[type="submit"]:hover{
    background: linear-gradient(180deg, #98CE3F 0%, #4DAA5A 50%, #4DAA5A 100%);
}
.footer-form__inp{
    display: inline-block;
    margin: 0 10px;
}
.footer-contact{
    background: #F7FCFF;
    height: 420px;
    width: 100%;
    position: relative;
}
.footer-contact__map{
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 420px;
}
.footer-contact h2{
    padding-top: 70px;
    font-size: 40px;
    font-weight: normal;
}
.footer-contact p{
    margin-bottom: 20px;
    position: relative;
    padding-left: 25px;
    display: block;
    font-size: 18px;
}
.footer-contact p.map-phone:before{
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    background: url(/d/img/map-phone.svg) 0 0 no-repeat;
    width: 16px;
    height: 16px;
}
.footer-contact p.map-mail:before{
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    background: url(/d/img/map-mail.svg) 0 0 no-repeat;
    width: 16px;
    height: 16px;
}
.footer-contact p.map-map:before{
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    background: url(/d/img/map-map.svg) 0 0 no-repeat;
    width: 16px;
    height: 16px;
}
.fs24{
    font-size: 24px;
    margin-bottom: 3px;
    padding-left: 25px;
}
.fixed_mode .menu {
    background: rgba(67, 152, 232, .9);
    z-index: 99;
}
.main-element .nav li a.active:before{
    display: none;
}
.top-cloud{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    background: url(/d/img/top-cloud.jpg) 0 0 repeat-x;
    animation: cloud 200s linear infinite;
    -webkit-animation: cloud 200s linear infinite;
}
@keyframes cloud {
    from { background-position: 0 0;}
    to { background-position: -1920px 0; }
}
@-webkit-keyframes cloud {
from { background-position: -1920px 0;}
to { background-position: 0 0; }
}
a.f-panorama{
    width: 250px;
    display: block;
    text-align: center;
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
}
a.f-panorama:hover{
    opacity: .6;
}
a.f-panorama img{
    position: relative;
}
a.f-panorama::after{
    content: attr(data-img);
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    color: #fff;
    opacity: .7;
}
table.job_view_table tr th:first-child{
    text-align: left;
    padding-right: 5%;
}
table.job_view_table{
   text-align: left;
   border-collapse: collapse;
   width: 100%;
}
table.job_view_table tr{
    border-bottom: 1px solid #ccc;
    padding: 12px 17px;
}
table.job_view_table tr th{
    padding: 10px 0;
}
.list_vac_condition b.price {
    float: right;
    width: 25%;
    text-align: right;
    font-size: 20px;
}
.list_vac_condition span.requirements{
    margin-top: 10px;
    display: block;
}

.form-search-room-short { padding: 0 20px 0 30px; border-radius: 5px; text-align: left;}
.form-search-room-short__fields {display: flex; flex-wrap: wrap; }
.form-search-room-short__item {padding: 22px 0 0;}
.form-search-room-short__item_submit {width: auto; margin-left: auto;}
.form-search-room-short__item_dates {display: flex; border-right: 1px solid #e9e9e9;}
.form-search-room-short__item_persons-amount {padding-left: 20px;padding-right: 30px;border-right: 1px solid #e9e9e9;}
.form-search-room-short__item_submit {padding: 18px 0;}
.form-search-room-short__date {width: 130px;}
.form-search-room-short__date_start {}
.form-search-room-short__date_end {}
.form-search-room-short__dates-arrow {margin-right: 30px; font-size: 46px; color: #cdcdcd; margin-top: auto; top: 4px;}
.form-search-room-short__button-submit {}
.form-search-room-short__caption {font-size: 14px; color: #999999;}
.form-search-room-short__input-text {background: none; border: 0; height: 40px; padding: 0; width: 100%; color: #000; font-size: 18px; font-weight: bold; font-family: 'Montserrat', sans-serif; color: #242424;}
.form-search-room-short .select-custom__val {display: inline-block; padding-left: 0; padding-right: 20px; border-color: #fff; box-shadow: none;}
.form-search-room-short .select-custom__text {font-size: 18px;}
.form-search-room-short .select-custom__mark {right: 0;}
.form-search-room-short .select-custom__list {min-width: 210px;}

/* Отзывы */
.posts-category__item {
    background: #FFFFFF;
    box-shadow: 7px 7px 20px rgba(0, 44, 88, 0.1);
    border-radius: 4px;
    padding: 30px;
}
.posts-category__item:not(:last-of-type) {
    margin-bottom: 30px;
}
.posts-category__item .post-mini__date {
    float: right;
    font-weight: normal;
    line-height: 27px;
    font-size: 16px;
    color: #6B85AF;
}
.posts-category__item .post-mini__title {
    font-weight: 600;
    line-height: normal;
    font-size: 20px;
    color: #0F2D5A;
}
.posts-category__item .post-mini__text {
    margin-top: 10px;
    font-weight: normal;
    line-height: normal;
    font-size: 18px;
    color: #484E57;
}
.post-mini__date img {
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 10px;
    box-shadow: none;
}
.faq_form {
    margin-top: 50px;
}
.slider-mainBanner{
    padding: 50px 0;
    position: relative;
    background: #ffffff;
}
.slider-mainBannerBig div{
    width: 100%;
    height: 600px;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    border-radius: 4px;
    position: relative;
}
.slider-mainBannerBig span{
    width: 100%;
    height: 80px;
    background: linear-gradient(180deg, rgba(12, 12, 33, 0) 0%, rgba(12, 12, 33, 0.8) 100%);
    position: absolute;
    bottom: 0;
    text-align: center;
    font-size: 22px;
    padding-top: 20px;
    color: #fff;
}
.slider-mainBannerMin{
    margin-top: 10px;
}
.slider-mainBannerMin div{
    display: block;
    float: left;
    width: 100%;
    height: 60px;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    border-radius: 4px;
    margin-right: 10px;
    cursor: pointer;
}
.slider-mainBannerMin div.slick-slide:hover{
    opacity: .5;
}
.slider-mainBannerMin div.slick-current{
    opacity: .5;
}

/* Фотогалерея */
ul.gallery li {
    width: calc(33.33333333% - 4px);
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: padding-box !important;
    -moz-background-clip: padding-box !important;
    -o-background-clip: padding-box !important;
    background-clip: padding-box !important;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
}
.gallery a{
    
    margin-right: 5px;
}
.gallery img{
    width: calc( 33.3% - 15px);
    box-shadow: none;
}
ul.gallery img {
    box-shadow: none;
}
ul.gallery .title {
    padding: 15px 20px 20px;
    background: white;
    font-weight: bold;
    line-height: 24px;
    font-size: 20px;
    color: #0F2D5A;
}
button.form-search-room-short__button-submit{
    border: none;
    background: #4398E8;
    box-shadow: 0px 4px 15px rgba(0, 101, 219, 0.3);
    border-radius: 2px;
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 17px 25px;
    cursor: pointer;
}
.button-a__inner{
    font-size: 18px;
    text-transform: uppercase;
}
a.one-room_b:hover{
    color: #fff;
}
/*.footer{
    position: absolute;
    bottom: 0;
    left: 0;
}*/
.substrate-footer{
    padding-top: 70px;
}
.footer-warning{
    font-size: 11px;
}
.post-mini__answer{
    background: #d7ecff;
    border: 1px solid #bfddf7;
    padding: 20px 30px 25px;
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: -30px;
    margin-top: 20px;
}
.post-mini__answer b{
    display: block;
    margin-bottom: 10px;
}
.post-card__author_date{
    margin-top: 20px;
}
/*Таблицы*/
/*Таблицы*/
.head-doctor__img img{
    width: 100%;
}
.head-doctor__img .record{
    background: #4398E8;
    box-shadow: 0px 4px 15px rgba(0, 64, 198, 0.3);
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    border: 0;
    display: block;
    height: 40px;
    width: 100%;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin-bottom: 20px;
}
.head-doctor__img .record:hover{
    opacity: .9;
}
.head-doctor span{
    display: block;
}
.zavotd{
    font-weight: bold;
    line-height: 14px;
    margin-top: 10px;
}
.mb40{
    margin-bottom: 40px;
}
.mb20{
    margin-bottom: 20px;
}
.ther-dep .footer-map__text p{
    margin-bottom: 10px;
}
.depart-gallery{
    width: 100%;
    border-radius: 4px;
    height: 300px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.depart-galleryitem{
    width: 100%;
    height: 300px;
    background: 000;
    position: relative;
}
.depart-galleryitem > div{
    position: relative;
    width: 100%;
    height: 300px;
}
.depart-gallery .slick-track{
    height: 300px;
}
.technical_work_notice{
    text-align: center;
    padding: 10px;
    background: #fffaea;
    border-bottom: solid 1px #efe6d0;
    position: relative;
    z-index: 1;
}

/*----------------------------------------*/

@media (max-width: 1280px){
    a.mediaidea{
        padding-top: 0px;
    }
    a.logo {
        line-height: 24px;
        font-size: 20px;
        width: 50%;
    }
    a.top-phone {
        line-height: 24px;
        font-size: 20px;
    }
    .top-contacts {
        width: 40%;
        float: left;
        margin-left: 4%;
        margin-top: 15px;
    }
    ul.tongue {
        margin-left: 4%;
    }
    ul.top-socials li a {
        width: 34px;
        height: 34px;
    }
    ul.one-room_icon li {
        /*width: 49.5%;*/
        width: 99%;
        margin-bottom: 15px;
    }
    .one-room_b {
        font-size: 16px;
        padding: 0 15px;
        height: 50px;
        line-height: 50px;
    }
    .content p {
        line-height: 1.4;
        margin-bottom: 10px;
    }
    .list-doctor{
        width: 23%;
    }
}

@media (max-width: 1200px){
    .nav li {
        font-size: 14px;
        margin-right: 15px;
    }

    /* Форма */
    .form-default__grid-item:nth-child(even) {
        margin-left: 6px;
    }
    .faq_form .form-default__grid-item:nth-child(even) {
        margin-left: 10px;
    }
}

@media (max-width: 1110px){
    .footer-minfin{
        font-size: 10px;
        margin-bottom: 40px;
    }
    .footer-link{
        font-size: 12px;
    }
}

@media (max-width: 992px){
    /*Меню*/
    .menu {
    }
    .nav {
        position: fixed;
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: 0px;
        background: linear-gradient(180deg, #4456CA 0%, #6A5EB7 100%);
        z-index: 10;
        display: none;
        margin-top: 0;
        padding: 60px 0 0 0;
        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25);
        height: auto;
    }
    .nav li{
        float: none;
        display: block;
        margin-right: 0;
    }
    .nav li a{
        display: block;
        color: #fff;
        margin-top: 0;
        border-radius: 0;
        text-align: center;
        font-size: 16px;
        text-decoration: none;
    }
    .nav li:first-child a {
        border-top: none;
    }
    .nav li a:hover{
        color: #333;
        background:  #f0f0f0;
    }
    .nav li a.active {
        color: #fff;
        background: #000;
    }
    .nav li a:before{
        content: '';
        display: none;
    }
    .menu::before{
        content: '';
        position: fixed;
        top: 0;
        right: 0;
        width: 45px;
        height: 53px;
        background: #fff;
        border-bottom-left-radius: 4px;
    }
    .nav li ul,
    .nav li:hover ul{
        display: none;
    }
    .navulmenu:after {
        content: '';
        display: none;
    }
    .nav li.navulmenu {
        padding-right: 0;
    }
    /*icon*/
    .touch-menu {
        position: fixed;
        top: 4px;
        right: 10px;
        display: block;
        width: 28px;
        height: 28px;
        padding-top: 13px;
        margin-left: 20px;
        z-index: 999;
    }

    .touch-menu span:after, .touch-menu span:before {
        content: "";
        position: absolute;
        left: 0;
        top: 9px}

    .touch-menu span:after{
        top: 18px}

    .touch-menu span {
        position: relative;
        display: block}

    .touch-menu span, .touch-menu span:after, .touch-menu span:before{
        width: 100%;
        height: 2px;
        background-color: #000;
        transition: all 0.3s;
        backface-visibility: hidden;
        border-radius: 2px}

    .on span {
        background-color: transparent
    }

    .on span:before {
        -webkit-transform: rotate(45deg) translate(-1px, 0px);
        -moz-transform: rotate(45deg) translate(-1px, 0px);
        -o-transform: rotate(45deg) translate(-1px, 0px);
        transform: rotate(45deg) translate(-1px, 0px);
        background-color: #fff;
    }

    .on span:after {
        -webkit-transform: rotate(-45deg) translate(6px, -7px);
        -moz-transform: rotate(-45deg) translate(6px, -7px);
        -o-transform: rotate(-45deg) translate(6px, -7px);
        transform: rotate(-45deg) translate(6px, -7px);
        background-color: #fff;
    }
    /*icon*/
    /*Меню*/

    .top-phone{
        float: none;
        width: 100%;
        display: block;
        padding-left: 77px;
        margin-top: 8px;
    }
    a.mediaidea{
        padding-top: 10px
    }
    .content-pad {
        padding: 30px 0;
    }
    header{
        border-bottom:1px solid #D7ECFF;
    }

    .submenu{
        font-size: 14px;
    }
    .back-fon{
        display: none;
    }
    a.room3d {
        margin-top: 2px;
    }
    .list-room_col {
        width: calc(50% - 4px);
    }
    ul.list_vacs li{
        font-size: 18px;
    }
    .list-doctor{
        width: 31%;
    }
    .one-doctor img.photo-doctor{
        width: 30%;
    }
    .one-doctor-text{
        display: block;
        width: auto;
        float: none;
    }
    .main-element header {
        border-bottom: none;
    }
    .f4 {
        top: 60px;
        font-size: 140px;
    }
    .f5 {
        top: 230px;
        font-size: 30px;
    }
    ul.menu-services,
    .pt70 {
        /* padding-top: 40px; */
    }
    ul.menu-services li {
        font-size: 18px;
        margin-bottom: 25px;
    }

    .gl-services__accommodation h2{
        font-size: 25px;
        margin-bottom: 18px;
    }
    .footer-contact h2 {
        padding-top: 70px;
        font-size: 25px;
    }
    ul.gl-services__list li.w30 {
        width: 40%;
    }
    ul.gl-services__list li span{
        font-size: 12px;
        padding-left: 10px;
        height: auto;
        padding-bottom: 6px;
    }
    .booking-form {
        width: 98%;
    }
    .list_vac_condition b.price{
        font-size: 18px;
    }
    .slider-mainBannerBig div{
        height: 400px;
    }
    .main-element .nav li a{
        text-shadow: none;
    }
    .main-element .nav li a:hover{
        color: #000;
    }
} 
@media (max-width: 767px) {
    a.visually-impaired{
        margin-bottom:20px;
    }
    footer .container{
        padding-top:30px;
    }
    .submenu{
        font-size: 16px;
        text-align: center;
        border:1px solid #c2cbd8;
        margin-bottom: 20px;
        padding-top: 15px;
        border-radius: 4px;
    }
    ul.submenu li a.active:before{
        width: 100%;
    }
    .content-pad {
        padding: 20px 0;
    }
    ul.list_vacs li{
        font-size: 16px;
    }
    ul.list_vacs li a{
        float: none;
        width: 100%;
    }
    ul.list_vacs li .list_vac_condition-price{
        float: none;
        width: 100%;
        text-align: left;
        margin-top: 5px;
    }
    .content img.right{
        float: none;
        margin: 0 0 20px 0;
    }
    .footer-contact__map {
        position: relative;
        width: 100%;
        height: 420px;
    }
    .footer-contact{
        padding: 30px 0;
        height: auto;
    }
    .footer-contact h2 {
        padding-top: 0;
        font-size: 22px;
    }
    .f4 {
        display: none;
    }
    .f5 {
        top: 30px;
        font-size: 25px;
        text-shadow: none;
    }
    .top-cloud{
        display: none;
    }
    .f1, .f2, .f3{
        display: none;
    }
    .f0{
        height: 100px;
    }
    .booking-form {
        margin: 0px auto 0;
    }
    .f-bottomfon .container {
    padding-top: 30px;
    }

    /* Форма */
    .form-default__head {
        margin-bottom: 30px;
    }
    .form-default__grid-item {
        width: 100%;
    }
    .form-default__grid-item:nth-child(even) {
        margin-left: 0;
    }
    .faq_form .form-default__grid-item:nth-child(even) {
        margin-left: 0;
    }
    .form-default__item_agreement {
        width: 100%;
    }
    .footer-form__back {
        padding: 40px 10px;
        margin-bottom:20px;
    }

    /* Отзывы */
    .posts-category__item .post-mini__date {
        float: none;
        margin-bottom: 5px;
    }
    .list_vac_condition b.price{
        float: none;
    }
    .slider-mainBannerBig span{
        font-size: 18px;
    }
    .slider-mainBannerBig div{
        height: 300px;
    }
    .gallery img{
        width: calc( 49.5% - 15px);
    }
}

@media (max-width: 600px) {
    .top-contacts{
        width: 100%;
        padding-left: 0px;
        margin-top: 5px;
    }
    a.logo{
        width: 100%;
    }
    .list-room_col {
        width: calc(100% - 4px);
    }
    .list-doctor{
        width: 48%;
    }
    .content p{
        font-size: 14px;
    }
    h1{
        font-size: 24px;
    }
    h2{
        font-size: 18px;
    }
}
@media (max-width: 500px) {
    .one-room_b {
        float: none;
    }
    ul.gl-services__list li,
    ul.gl-services__list li.w55,
    ul.gl-services__list li.w35,
    ul.gl-services__list li.w30{
        width: 100%;
        margin-right:0;
    }

    /* Форма */
    .popup-form-success {
        padding: 50px 10px;
    }
    .popup-form-success__text {
        font-size: 20px;
    }
    .slider-mainBannerBig span{
        font-size: 16px;
    }
    .slider-mainBannerBig div{
        height: 300px;
    }
    .footer-form{
        background-size:auto;
    }
}

@media (max-width: 480px){
    footer .container{
        padding-bottom: 20px;
        padding-top: 20px;
    }
}

@media (max-width: 400px){
    .list-doctor{
        width: 100%;
        margin-right: 0;
    }
    .one-doctor img.photo-doctor{
        width: 100%;
        float: none;
        margin: 0 0 20px 0;
    }
}