/* CSS kod pishite v etom faile, chotobi pri ustanovke obnovlenii ne bilo problem  */
/* --------------------------------------- */
/* Here you can put custom css rules for your site */
.panel-heading{
padding:0;
}
.panel-title > a{
display:block;
padding:10px 15px;
}
.choice-hotel .link{
display:inline-block;
padding:0;
list-style-type:none;
padding:0 15px;
}
.panel-body{
position:relative;
}
.news-list .panel-body .row .col-md-6:nth-child(2){
position:inherit;
margin-bottom:85px;
}
.hotel-address{
font-size: 24px;
margin-bottom: 20px;
}
.panel-body .btn.btn-default{
position:absolute;
bottom:25px;
right:15px;
margin:0;
}
.img-responsive{
width:100%;
}
.choice-hotel .link:before{
width:0;
height:0;
}
.form-tourFilter .form-control{
margin-bottom:15px;
}
.news-list .preview_picture{
width:100%;
}
.form-inline .form-group{
vertical-align:bottom;
}
.form-control{
height:40px;
}
.form-choice-room .btn{
margin:0;
}
.introtext{
margin-bottom: 60px;
}
.detail.services .btn.btn-danger{
background:#22304d;
border:1px solid #22304d;
}
.detail.services .btn.btn-danger:hover{
background:#2e4269;
}
.detail.services .bilet{
display:inline-block;
background:#22304d;
padding:10px 15px;
color:#fff;
margin:0 15px 15px 0;
}
.detail.services .bilet:hover{
background:#2e4269;
}
.profit-front-block .item .image{
overflow: initial;
}
.company-front h3{
margin-top:70px;
}
.director-block{
padding: 25px 60px 25px 60px;
}
.director-block img{
max-width:200px;
float:left;
margin:0 20px 0 0;
}
#date-in,
#date-exit{
margin-bottom:15px;
}
.contacts-stores td.phone{
min-width:185px;
}
#wrapper-gallery{
margin:0 0 40px 0;
}
#carousel-gallery,
#thumbs-gallery{
height: auto !important;
position:relative !important;
}
#carousel-gallery a img{

}
.caroufredsel_wrapper{
height: auto !important;
}
.banners-big.long-banner .slides>li{
background-size:cover !important;
}
.of_document{
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid #22304d;
}
.of_document:nth-last-child(1){
border:none;
}
#map{
width:100%;
height:420px;
margin-bottom:40px;
}
#sanatorii .item-block,
#pyteshestviya .item-block{
display:flex;
flex-wrap: wrap;
padding:20px;
border: 1px solid #f2f2f2;
transition: box-shadow .3s ease;
}
#sanatorii .item-block:hover,
#pyteshestviya .item-block:hover{
box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
}
#sanatorii .img-block,
#pyteshestviya .img-block{
width:20%;
padding:0px 8px 0px 0px;
}
#sanatorii .img-block img,
#pyteshestviya .img-block img{
width:100%;
}
#sanatorii .title-block,
#pyteshestviya .title-block{
padding:0 8px 0 8px;
width:30%;
}
#sanatorii .title,
#pyteshestviya .title{
margin:0;
font-weight: 700;
color: #333;
line-height: 18px;
}
#sanatorii .description,
#pyteshestviya .description{
width:50%;
padding:0 0 0 16px;
}
/*
.mega-menu .menu-item:nth-child(2) .dropdown-menu .dropdown-submenu:nth-child(2) ul li:nth-child(2){
display:none;
}
.services .col-md-6:nth-child(2) .item .info .childs ul li:nth-child(2),
.services .col-sm-12:nth-child(2) .item .info .childs ul li:nth-child(2){
display:none !important;
}
.left_block .side-menu .child:nth-child(2) .submenu-wrapper ul li:nth-child(2){
display:none;
}
*/
.drag_block.staff .image a,
.drag_block.staff .title a{
pointer-events: none;
cursor: default;
}

#filter_dates{
text-align:center;
}

#filter_dates .pickmeup{
font-size:20px;
border-radius:0;
background: #fafcfd;
}

#filter_dates .pickmeup .pmu-instance{
display: inline-block;
height: 13.8em;
padding: .5em;
text-align: center;
width: 15em;
position: relative;
}
#filter_dates .filter_limit{
background: #fafcfd;
box-sizing: border-box;
padding: 1em;
display:inline-block;
}
#filter_dates .filter_title{
font-size: 16px;
color: #222;
display: block;
margin-bottom: 1em;
}
#filter_dates .pickmeup .pmu-instance .pmu-button{
color: #000;
}
#filter_dates .pickmeup .pmu-instance .pmu-button:hover{
color: #40ade5;
}
#filter_dates .pickmeup .pmu-instance .pmu-today{
background: #efefef;
color: #2f2f2f;
}
#filter_dates .pickmeup .pmu-instance .pmu-selected{
background: rgb(213, 233, 250);
}
#filter_dates .pickmeup .pmu-instance .pmu-not-in-month{
color:#bacdeb;
}
#gbu-filter{
max-width:930px;
margin:0 auto;
background: #fafcfd;
box-sizing: border-box;
padding: 1em;
}
#gbu-filter .grid-3-inline{
display:flex;
}
#gbu-filter .grid-item{
box-sizing: border-box;
position: relative;
margin-right: 10px;
margin-bottom: 1em;
}
#gbu-filter .grid-3-inline .grid-item{
width: calc(100% / 3 - calc(1em - calc(1em / 3)));
}
#gbu-filter .noselect{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#gbu-filter .filter_title{
font-size: 16px;
color: #053856;
display: block;
margin-bottom: 1em;
}
#gbu-filter .custom_dropdown{
display: block;
font-size: 16px;
padding: 0.75em 1em;
position: relative;
cursor: pointer;
border: 1px solid #bacdeb;
background: #fff;
outline: none;
cursor: pointer;
border-radius: 3px;
width: 100%;
-webkit-appearance: none;
position: relative;
box-sizing: border-box;
z-index: 2;
}
#gbu-filter .custom_dropdown_item{
display: block;
font-size: 16px;
padding: 0.75em 1em;
cursor: pointer;
border-bottom: 1px solid #bacdeb;
background: #fff;
}
#gbu-filter .custom_dropdown_item input{
display: none;
}
#gbu-filter .custom_dropdown_item span{
width: 100%;
display: block;
position: relative;
padding-left: 2em;
box-sizing: border-box;
line-height: 22px;
}
#gbu-filter .custom_dropdown_list{
display: none;
position: absolute;
left: 0;
right: 0;
top: 100%;
border: 1px solid #bacdeb;
max-height: 300px;
overflow: auto;
}
#gbu-filter .custom_dropdown.open .custom_dropdown_list{
display:block;
}
#gbu-filter .custom_dropdown_list label{
margin:0;
}
#gbu-filter .custom_dropdown:after{
position: absolute;
content: '';
width: calc(1em - 2px);
height: calc(1em - 2px);
background: #fff url(/bitrix/templates/aspro-allcorp2/images/svg/down.svg) no-repeat center;
background-size: calc(1em - 7px);
right: 1em;
top: calc(50% - calc(calc(1em - 2px) / 2));
transition: 300ms ease;
z-index: 1;
}
#gbu-filter .custom_dropdown.open:after{
transform: rotate(180deg);
}
#gbu-filter .custom_dropdown_item span:before{
content: '';
display: inline-block;
width: 1em;
height: 1em;
vertical-align: middle;
position: relative;
top: -1px;
margin-right: 1em;
border: 1px solid #092739;
vertical-align: middle;
line-height: 1em;
text-align: center;
color: #fff;
padding: 0px;
box-sizing: border-box;
color: #092739;
position: absolute;
left: 0;
top: calc(50% - calc(calc(1em - 2px) / 2));
}
#gbu-filter .custom_dropdown_item input:checked + span:before{
content: '\2713';
}
#make_map{
color: rgb(55, 148, 196);
font-weight: 500;
border-color: rgb(55, 148, 196);
}
#gbu-filter .filter_button{
display: inline-block;
font-size: 16px;
padding: 0.75em 1em;
cursor: pointer;
border: 1px solid #bacdeb;
background: #fff;
outline: none;
cursor: pointer;
border-radius: 3px;
}
#gbu-filter .filter_button.clear_filter{
background: transparent;
border-color: transparent;
padding-left: 0;
padding-right: 0;
}
#gbu-filter .filter_button.clear_filter:hover{
text-decoration:underline;
}
#gbu-filter .al-right{
text-align:right;
}
#gbu-filter .filter_list{
position: relative;
background: #092739;
color: #fff;
border-color: #092739;
}
#gbu-filter .filter_list:before{
content: '';
display: inline-block;
vertical-align: middle;
background: url(/bitrix/templates/aspro-allcorp2/images/svg/filter.svg) no-repeat center;
background-size: 1.1em;
width: 1.2em;
height: 1.2em;
margin-right: 5px;
}
#events_list{
max-width: 930px;
margin: 0 auto;
}
#form-filter{

}
#form-filter .fl-left{
float: left;
}
#events_list .event_item{
--image-size: 250px;
border-bottom: 1px solid #d5e9fa;
padding-bottom: 0;
margin-bottom: 2em;
overflow:hidden;
}
#events_list .event_image{
width: var(--image-size);
}
#events_list .event_image a{
display: block;
}
#events_list .event_image a img{
max-width: 100%;
height: auto;
display: block;
}
#events_list .event_preview{
width: calc(100% - var(--image-size));
padding-left: 1em;
}
#events_list .event_link{
display: block;
margin-bottom: 12px;
margin-top:0;
}
#events_list .event_link a{
color: #053856!important;
}
#events_list .event_limits{
display: block;
margin-bottom: 11px;
font-size: 14px;
}
#events_list .event_status{
color: #053856;
font-weight: bold;
font-size: 14px;
margin-right: 1em;
}
#events_list .event_date{
font-size: 15px;
color: rgb(55, 148, 196);
}
#events_list .dib{
display: inline-block;
}
#events_list .event_prev_text{
margin-bottom: 1em;
color: #053856;
line-height: 22px;
}
#events_list .table{
display: table;
}
#events_list .table-cell{
display: table-cell;
vertical-align: middle;
box-sizing: border-box;
}
#events_list .event_button.event_locate{
background-color: #d5e9fa;
margin: 0 0 5px 0;
display:inline-block;
vertical-align:top;
}
#events_list .event_button{
font-size: 14px;
background: rgb(243, 243, 243);
padding: 0.5em 0.8em;
border-radius: 4px;
color: rgb(0, 0, 0);
border: 0px solid rgb(243, 243, 243);
}
#events_list .al-right{
text-align: right!important;
}
#events_list .event_button_more{
color: #3794c4;
background: #fff;
box-shadow: inset 0px 0px 0px 1px #3794c4;
}
#events_list .event_button_more:hover{
color: #fff;
background: #3794c4;
box-shadow: inset 0px 0px 0px 1px #3794c4;
}
#events_list .event_button.event_locate_2{
background-color: #a2d5ff;
}
#event-detail h2{
text-align:center;
}
#event-detail .flex-block{
display:flex;
margin:0 0 37px 0;
}
#event-detail .detail_picture{
float:none;
width:100%;
height:auto;
}
#event-detail .img-block{
flex:1;
margin:0 20px 0 0;
}
#event-detail .property-block{
flex:1;
margin:0 0 0 20px;
}
#event-detail .date-active{
padding:20px 0;
border-top:1px solid #72a7d4;
border-bottom:1px solid #72a7d4;
margin:0 0 20px 0; 
}
#event-detail .date-active-from{
display:flex;
}
#event-detail .date-active-from p{
margin:0 0 15px 0;
}
#event-detail .date-active-from .date{
flex:1;
text-align:right;
color:#72a7d4;
}
#event-detail .date-active-from:nth-child(2) p{
margin:0;
}
#event-detail .status-block{
border-bottom: 1px solid #72a7d4;
margin:0 0 20px 0;
}
#event-detail .status,
#event-detail .event_category,
#event-detail .venue{
display:flex;
}
#event-detail .status p:nth-child(1),
#event-detail .event_category p:nth-child(1),
#event-detail .venue p:nth-child(1){
min-width:150px;
}
#event-detail .event_cat span{
background-color: #a2d5ff;;
padding: 0.5em 0.8em;
color: rgb(0, 0, 0);
border-radius: 4px;    
}
#event-detail .ven{
background-color: #d5e9fa;
padding: 0.5em 0.8em;
color: rgb(0, 0, 0); 
border-radius: 4px;
line-height: 18px; 
}
#event-detail .website a{
color:#22304d;
border:1px solid #22304d;
padding: 7px 15px 8px;
border-radius: 2px;
transition: 0.1s ease;
background:#fff;
-moz-transition: 0.1s;
-ms-transition 0.1s;
-o-transition: 0.1s;
-webkit-transition: 0.1s;
}
#event-detail .website a:hover{
color:#fff;
background:#22304d;
} 
#event-detail .yandexmapa{
flex:1;
margin:0 20px 0 0;
}
#event-detail .detail-text{
flex:1;
margin:0 0 0 20px;
}
#events-map{
width:100%;
height:500px;
}
#events-modal-map{
display:flex;
}
#events-map {
    flex:2;
	width:100%;
	height:600px;
	display:block;
}

#events-map .marker-circ {
	color: #404040;
	font-size: 14px;
	font-weight: normal;
	height: 80px;
	line-height: 56px;
	width: 58px;
}

#events-map .claster {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	height: 80px;
	line-height: 56px;
	width: 58px;
}
#events-map .balloon-info {list-style: none; margin: 0; padding: 0;}
#events-map .shop-list ol {padding-left: 15px; margin: 20px 0}


#events-modal-map .items{
flex:1;
padding:0 20px;
}

#events-modal-map .item-block .img-block img{
width:100%;
height:auto;
max-width:150px;
}
#filter-events{
background: #fafcfd;
}
#filter-events .date-interval-hellip{
display:none; 
}
#arrFilter_DATE_ACTIVE_FROM_2{
display:none;
}
#arrFilter_DATE_ACTIVE_FROM_2 + img{
display:none;
}
#filter-events .filed-group{
margin:0 0 20px 0;
}
#filter-events .title{
margin:0 0 10px 0;
}
#filter-events .flex-block{
display:flex;
}
#filter-events .filed-group{
width:25%;
padding:10px;
}
#filter-events .dropdown-link{
border: 1px solid #f2f2f2;
padding: 5px 39px 5px 7px;
cursor: pointer;
line-height: 20px;
color: #777777;
background:#fff;
margin:0;
position:relative;
}
#filter-events .dropdown-link span{
position:absolute;
right:5px;
font-size:9px;
}
#filter-events .filed-group select{
width: 100%;
background: #fff;
}
#filter-events .dropdown-block{
position:relative;
}
#filter-events .dropdown-block-items{
display:none;
position: absolute;
z-index: 1;
background: #fff;
width: 100%;
padding: 5px 10px;
border: 1px solid #f2f2f2;
}
#filter-events .dropdown-block.open .dropdown-block-items{
display:block;
}
#filter-events .button{
padding:0 10px 10px 10px;
}
#filter-search,
#filter-clean{
position: relative;
background: #092739;
color: #fff;
border-color: #092739;
}
#events-modal-map .items{
max-height:600px;
overflow-y: scroll;
min-width:455px;
}
#events-modal-map .item-block{
margin:0 0 40px 0;
cursor:pointer;
border-bottom:1px solid #222222;
}
#events-modal-map .flex-block{
display:flex;
}
#events-modal-map .title-block{
margin:0 0 0 20px;
}
#events-modal-map h3{
margin: 0 0 10px 0;
}
#events-modal-map .event_status,
#events-modal-map .event_date{
display:inline-block;
}
#events-modal-map .event_date{
margin:0 0 0 5px;
}
#events-modal-map .event_locate{
margin:0;
}
#events-modal-map .event_category_block{
margin:20px 0 20px 0;
}
#events-modal-map .event_locate_2{
background-color: #a2d5ff;
margin: 0;
display: inline-block;
vertical-align: top;
padding: 0.5em 0.8em;
border-radius: 4px;
}
#events-modal-map address{
max-width:300px;
}
#events-modal-map address img{
width:100%;
height:auto;
margin:0 0 10px 0;
}
#events-modal-map .address-map{
margin:0;
}
.address-map .link{
display:inline-block;
height:35px;
border: 1px solid;
border-radius: 2px;
padding: 7px 15px 8px;
transition: background-color 0.1s ease;
-moz-transition: background-color 0.1s ease;
-ms-transition: background-color 0.1s ease;
-o-transition: background-color 0.1s ease;
-webkit-transition:background-color 0.1s ease; 
}

/* Базовые стили слоя затемнения и модального окна  */
.overlay1 {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 14;
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;
}
.overlay1:target {
visibility: visible;
opacity: 1;
}
#popup-event-modal .is-image {
top: 0;
right: 0;
bottom: 0;
left: 0;
display:block;
margin: auto;
width: 100%;
height: auto;
/* скругление углов встроенных картинок */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
/*** Формируем стили модального окна ***/
#popup-event-modal.popup {
top: 0;
right: 0;
left: 0;
font-size: 14px;
z-index: 15;
display: block;
visibility: hidden;
margin: 0 auto;
width: 90%;
min-width: 320px;
max-width: 1280px;
/* фиксированное позиционирование, окно стабильно при прокрутке */
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;
}
/* активируем появление окна и затемнение фона */
.overlay1:target+#popup-event-modal.popup {
top: 8%; /* положение окна от верха страницы при появлении */
visibility: visible;
opacity: 1; /* убираем прозрачность */
}
/* формируем кнопку закрытия */
#popup-event-modal .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;
font-size: 14px;
line-height: 18px;
opacity:1;
/* задаём значения и эффект перехода при наведении */
-webkit-transition: all ease .8s;
-moz-transition: all ease .8s;
-ms-transition: all ease .8s;
-o-transition: all ease .8s;
transition: all ease .8s;
}
#popup-event-modal .close:before {
color: rgba(255, 255, 255, 0.9);
content: "X";
text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
font-size: 12px;
}
#popup-event-modal .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);
}
.no_touch_scroll{
position:fixed;
width:100%;
}
.right_dok{
display:none;
}
#carousel-wrapper{
margin:0 0 15px 0;
}
.form-choice-room{
margin:0 0 20px 0;
}
.rooms-list .room-list-item{
padding:10px;
border:1px solid #dddddd;
margin-bottom:32px;
}
.rooms-list .room-list-item h3{
margin-top:0;
}
.rooms-list .room-list-item h3:hover{
text-decoration:underline;
}
.room-page p a:hover{
text-decoration:underline;
}
.room-page .side-list-block{
background: #22304d;
color: #fff;
padding: 10px;
}
.room-page .side-list-block dd{
color:#fff;
}
.choice-hotel{
margin-bottom:20px;
}
.choice-hotel a{
font-weight:bold;
}
.introtext{
margin-bottom:40px;
}

@media (max-width: 1280px) {
#event-detail .flex-block{
display:block;
}
#event-detail .img-block{
margin:0 0 20px 0;
}
#event-detail .property-block{
margin:0;
}
#event-detail .yandexmapa{
margin:0;
}
#event-detail .detail-text{
margin:0;
}
#event-detail .date-active-from .date{
text-align:left;
margin:0 0 15px 15px !important;
}
}
@media (max-width: 1024px) {
#popup-event-modal.popup{
z-index: 2998;
width:100%;
border:none;
border-radius:0;
}
.overlay1:target+#popup-event-modal.popup{
top:0%;
height: 100vh;
overflow-y: scroll;
}
#popup-event-modal .close{
top: 10px;
right: 10px;
}
#events-modal-map{
display:block;
}
#events-map{
height:300px;
margin:0 0 20px 0;
}
}
@media (max-width: 768px) {
#sanatorii .img-block,
#pyteshestviya .img-block{
display:none;
}
#sanatorii .title-block{
padding:0 8px 0 0;
width:40%;
}
#sanatorii .description{
width:60%;
}
}

@media (max-width: 680px) {
#filter-events .flex-block{
flex-wrap: wrap;
}
#filter-events .filed-group{
width:50%;
}
}

@media (max-width: 640px) {
#sanatorii .item-block,
#pyteshestviya .item-block{
display:block;
}
#sanatorii .title-block,
#pyteshestviya .title-block{
padding:0;
width:100%;
}
#sanatorii .description,
#pyteshestviya .description{
padding:0;
width:100%;
}
#events_list .event_image{
width: 100%;
margin: 0 0 15px 0;
}
#events_list .event_preview{
padding:0;
width:100%;
}
}

@media (max-width: 600px) {
.director-block{
padding: 25px 20px 25px 20px;
}
}


@media (max-width: 500px) {
.director-block{
padding: 25px 20px 0px 20px;
}
.director-block img{
max-width:100%;
float:none;
margin:0 0 20px 0;
}
}

@media (max-width: 480px) {
#events-modal-map .items{
padding:0;
min-width: 0px;
max-height: 600px;
}
#events-modal-map .flex-block{
display:block;
}
#events-modal-map .item-block .img-block{
margin:0 0 20px 0;
}
#events-modal-map .item-block .img-block img{
max-width:100%;
}
#events-modal-map .title-block{
margin:0;
}
#events-modal-map address img{
max-width:150px;
}
#gbu-filter .filter_buttons{
display:block;
}
#gbu-filter  .filter_buttons .grid-item{
width:100%;
}
#gbu-filter .al-right{
text-align:center;
}
}