@import url('fonts.css');
html, body {font-family: Open Sans, sans-serif;font-style: normal;font-weight: normal;font-size: 14px; color: #717171;}
html {  scroll-behavior: auto !important;}
body {padding-top: 87px;}
a {text-decoration: none; color: #42A8CD}
iframe {max-width: 100% !important;}
.tooltip {opacity: 1; display: inline-block; vertical-align: middle; position: relative !important;}
#wait {  width: 100%;  height: 100%;  position: fixed;  top: 0;  left: 0;  background: rgba(0,0,0,0.33) url(/images/wait.gif) 50% 50% no-repeat;  z-index: 9999999999;  display: none;
}
img {max-width: 100%; height: auto;}
.form-control:focus {border-color: transparent!important;box-shadow: none !important;}
.btn-warning, .btn-outline-secondary {border-radius: 50px; background: #FFCB07; padding: 15px 40px; font-weight: bold;text-align: center;text-transform: uppercase;color: #000000;border-color: transparent !important}
.btn-outline-secondary {background: #fff;border-color: #D8D8D8 !important}
.btn-secondary {border-radius: 10px; padding: 15px 28px; font-weight: bold;text-align: center;}
.btn-warning:hover {background: #00ABDE; color: #fff;}
.swiper-pagination .swiper-pagination-bullet {width: 19px; height: 19px;background: #E4E4E4; opacity: 1; margin: 0 7px !important;}
.swiper-pagination .swiper-pagination-bullet-active {background: #FFCB07 !important;}
.datepicker--day-name {color: #FFCB07; }
.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- {background: #5DBDE0}
.datepicker--cell.-current- {color: #5DBDE0}
.swiper-button-next::after, .swiper-button-prev::after {display: none;}
.swiper-button-next, .swiper-button-prev {width: 64px; height: 65px; background: url('../images/swiper_next.svg'); right: 20px;}
.swiper-button-prev {background: url('../images/swiper_prev.svg'); right: auto; left: 20px;}
.swiper-button-next, .swiper-button-prev {top: 50%; margin-top: -32px;}


.mainSlider {position: relative; width: 100%; height: 382px; }
.mainSlider::before {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color:rgba(0, 0, 0, .7);}
.mainSlider h1 {text-transform: uppercase; font-weight: bold;font-size: 36px;line-height: 49px;text-align: center; color: #fff; z-index: 1; position: relative; margin-top: 100px;}

.headBorder {padding-bottom:10px; border-bottom:1px solid #E0E0E0; position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 9999;}
.head {position: relative; z-index: 1; padding-top: 12px; }
.head > div {display: inline-block; margin-right: 23px;vertical-align: text-bottom;}
.head .proButton a {display: inline-block; color: #000; text-align: center; padding: 15px 28px; border: 1px solid #C2C4C9; border-radius: 50px;}
footer .head .proButton a, footer .head .phoneLk .phone a, footer .head .basketIcon a {color: #fff;}
.head .search {position: relative;}
.head .search .input-group-text, .head .search input, .head .search .input-group-text, .head .search input:focus {border:none !important; border-top: 1px solid #C2C4C9 !important;border-bottom: 1px solid #C2C4C9 !important;}
.head .search .input-group-text {background: #fff; border-radius: 50px; padding: 0 2px 0 20px; border: 1px solid #C2C4C9;}
.head .search .searchShowButton {background: #FFCB07 url("../images/icon_search_button.svg") 50% 50% no-repeat; width: 57px; height: 55px; border-radius: 50%;}
.head .search .btn.d-none.d-xl-block {border-radius: 0 50px 50px 0;}
.head .search form.active {display: block !important; position: absolute; right: 0; min-width: 300px; top: 0;}
.head .search form.active .input-group {height: 56px;}
.head .search form.active .btn-warning.d-xl-none {background: #fff; padding: 15px 25px;}
.head .phoneLk .phone a {font-weight: bold;font-size: 21px; color: #000; }
.head .phoneLk .phone img {margin-right: 5px;}
.head .phoneLk .phone a, .head .phoneLk .phone img {vertical-align: middle;}
.head .phoneLk .lkLink {text-align: right;}
.head .phoneLk .lkLink a {color: #5DBDE0;}
.head .basketIcon {text-align: center; margin-right: 0;}
.head .basketIcon a {color: #000;}

.mainSearch {position: relative; z-index: 1; max-width: 977px; margin: 20px auto 40px}
.mainSearch .tabs {margin-bottom: 26px;}
.mainSearch .tabs a {font-weight: bold;font-size: 14px;color: #FFFFFF; margin-right: 30px; padding-bottom: 8px;}
.mainSearch .tabs a.active {color: #FFCB07; border-bottom: 2px solid #FFCB07;}

.mainSearch .formShows {display: none;box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);border-radius: 50px;}
.mainSearch .formShows.active {display: block;}

.mainSearch .where, .mainSearch .dlitelnost, .mainSearch .tourType  {padding: 14px 18px 15px; background: #fff; border-radius: 50px 0 0 50px; border-right: 1px solid #D8D8D8; width: 195px; position: relative;}
.mainSearch .dlitelnost, .mainSearch .tourType {border-radius: 0;}
.mainSearch .tourType {border-right: none;}
.mainSearch .where img, .mainSearch .tourists img, .mainSearch .dlitelnost img, .mainSearch .tourType img {margin-right: 10px;}
.mainSearch .where a, .mainSearch .dlitelnost a, .mainSearch .tourType a {color: #000;}
.mainSearch .where #placesList, #tourPlacesList, #daysList, #tourTypeList {position: absolute; top: 63px; left: 0; width: 225px; background: #fff; border-radius: 10px; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25); padding-top: 20px; display: none;} 
.mainSearch .where #placesList a, #tourPlacesList a, #daysList a, #tourTypeList a {display: block; color: #000; margin: 0 15px 20px 32px;}
.mainSearch .where #placesList a:hover, .mainSearch .where #placesList a.active, #tourPlacesList a:hover, #tourPlacesList a.active, #daysList a:hover, #daysList a.active, #tourTypeList a:hover, #tourTypeList a.active {color: #42A8CD; font-weight: bold;}

.mainSearch .date_input {width: 195px; border:none; border-right: 1px solid #D8D8D8 !important; padding: 15px 15px 16px 44px; display: inline-block; cursor: pointer; background: #fff url("../images/icon_calendar.svg") 14px 50% no-repeat; border-radius: 0; color: #000;}
@-moz-document url-prefix() {
    .mainSearch .date_input {width: 196px;}
}
.mainSearch label { position: relative; display: inherit; }
.mainSearch #tourSearch .date_input {width: 209px;}

.mainSearch .tourists {width: 194px; padding: 13px 15px 16px; background: #fff; position: relative;}
.mainSearch .tourists a {color: #000;}
.mainSearch .tourists #touristsBox {position: absolute; top: 63px; left: 0; width: 266px; padding: 18px 25px; background: #fff; border-radius: 10px; display: none;}
.mainSearch .tourists #touristsBox .adults {margin-bottom: 10px;}
.mainSearch .tourists #touristsBox .ruleButton {width: 41px; height: 41px; background: #FFCB07; border-radius: 50%; display: inline-block; position: relative;}
.mainSearch .tourists #touristsBox .ruleButton:hover {background: #00ABDE;}
.mainSearch .tourists #touristsBox .ruleButton svg {position: absolute; left: 50%; top: 50%; margin-left: -9px; margin-top: -10px;}
.mainSearch .tourists #touristsBox .ruleButton.minus svg {margin-top: -1px;}
.mainSearch .tourists #touristsBox .ruleButton:hover svg rect {fill: white}
.mainSearch .tourists #touristsBox .text {background: #F5F5F5;border: 1px solid #D8D8D8;box-sizing: border-box;border-radius: 1000px; text-align: center; padding: 12px 0; width: 116px; display: inline-block; color: #000; margin: 0 5px}
.mainSearch .tourists #touristsBox .text, .mainSearch .tourists #touristsBox .ruleButton {vertical-align: middle;} 

.mainSearch .btn.btn-warning {border-radius: 0 50px 50px 0; padding: 15px 37px 14px 38px;}
.mainSearch .addChild.btn.btn-warning {border-radius: 50px;}

/* add childes ages*/
.mainSearch .childrens .child.btn {border-radius: 50px; padding: 15px 24px 14px; margin-bottom: 10px; position: relative;}
.mainSearch .childrens .child.btn:hover {background: #fff;}
.mainSearch .childrens .child.btn::after {content: ''; position: absolute; right: -25px; top: 50%; width: 18px; height: 18px; background: url(../images/close_red.png); margin-top: -9px;}
.mainSearch .childrens .addChildsBlock {position: relative; text-align: center;}
.mainSearch .childrens .childsAges {position: absolute;width: 141px;height: 213px; top: calc(100% + 10px); left: 50%; margin-left: -70px;background: #FFFFFF;box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);border-radius: 10px; padding: 15px 20px; overflow-y: scroll; display: none;}
.mainSearch .childrens .childsAges ul {margin: 0; padding: 0; list-style: none; width: 100%; text-align: left;}
.mainSearch .childrens .childsAges ul li a {font-size: 14px;line-height: 36px; display: block}
.mainSearch .childrens .childsAges ul li a:hover {font-weight: bold; color: #00ABDE;}

#tourTypeList, #daysList {display: none;}
.mainSearch .dlitelnost, .mainSearch .tourType {padding: 14px 18px 15px;}
.mainSearch .tourType {width: 200px;}
.mainSearch .textValueBox { overflow: hidden; display: inline-block; vertical-align: middle; height: 21px;}

.mainBlock {padding: 72px 0 85px}
.mainBlock h2 {font-size: 36px; font-weight: bold; color: #000; text-align: center; position: relative; margin-bottom: 85px;}
.mainBlock h2::after {content: ''; position: absolute; left: 50%; margin-left:  -52px; height: 5px; width: 104px; bottom: -20px; background: #FFCB07;border-radius: 1000px;}

.actionsMain {margin-top: 0; background: #FDFAEF; }
.actionsMain .item {width: 278px; background: #fff; border-radius: 10px; margin: 0 auto; max-width: 100%; height: 100%;}
.actionsMain .item .image {position: relative;}
.actionsMain .item .image img {border-radius: 10px 10px 0 0; max-width: 100%;}
.actionsMain .item .image .label {position: absolute; left: 0; top: 20px; font-weight: bold;font-size: 12px;line-height: 16px;color: #FFFFFF;background: #62A452;border-radius: 0px 23.5px 23.5px 0px; padding: 11px 20px;}
.actionsMain .item .title, .actionsMain .item .desc {padding: 20px 20px 0;}
.actionsMain .item .title {color: #000;font-weight: bold;}
.actionsMain .item .title a {display: block; margin-bottom: 10px;}
.actionsMain .item .desc {padding-bottom: 20px;}
.actionsMain .swiper-container {margin-bottom: 46px;}


.newsMain .col-12 {margin-bottom: 20px;}
.newsMain .item {height: 100%; background: #F5F5F5; border-radius: 10px;}
.newsMain .item .clearfix {height: 0 !important;}
.newsMain .item .image {float: left; width: 151px; height: 100%;}
.newsMain .item .image img {max-width: 100%; border-radius: 10px 0 0 10px; }
.newsMain .item .title {padding: 14px 24px; width: calc(100% - 151px); float: right;}
.newsMain .item .title a {display: block;color: #1B1B1B; font-weight: bold; margin-top: 5px;}
.newsMain .btn {margin-top: 40px;}

.responsesMain {background: url('../images/responses_bg.png') 50% 50% no-repeat; background-size: cover;}
.responsesMain .item {max-width: 965px; margin: 0 auto 40px; background: #fff; padding: 40px 60px; border-radius: 10px; position: relative;}
.responsesMain .item::before {content: ''; width: 64px; height: 64px; position: absolute; left: 40px; top: -33px; background: url('../images/icon_qoute.svg'); background-size: cover;}
.responsesMain .item .title {color: #000; margin-bottom: 10px;}
.responsesMain .item .title .hotelName {font-weight: bold; margin-right: 20px;}
.responsesMain .item .text {font-style: italic; font-size: 18px; margin-bottom: 10px;}
.responsesMain .item a {float: right; margin-right: -30px;}

.hotelsMain {background: #F2F4F9}
.hotelsMain .item {width: 278px; background: #fff; border-radius: 10px; margin: 0 auto;}
.hotelsMain .item .image {position: relative;}
.hotelsMain .item .image img {border-radius: 10px 10px 0 0; max-width: 100%;}
.hotelsMain .item .image .responses {position: absolute; right: 10px; bottom: 10px; background: #fff; border-radius: 10px; font-size: 13px; padding: 12px; text-align: center;}
.hotelsMain .item .image .responses .r_title {color: #62A452;}
.hotelsMain .item .image .responses .r_dig {font-size: 30px; color: #62A452; font-weight: bold;line-height: 30px; margin-bottom: 2px;}
.hotelsMain .item .image .responses .r_dig span {color: #000;}
.hotelsMain .item .title {color: #000;font-weight: bold;padding: 20px}
.hotelsMain .item .title a {display: block; margin-bottom: 10px;}
.hotelsMain .swiper-container {padding-bottom: 60px; }
.hotelsMain .swiper-container .swiper-pagination {bottom: -2px;}
.hotelsMain .swiper-button-next, .hotelsMain .swiper-button-prev {top: 28%;}

.deliveryMain {background: #F2F4F9}
.deliveryMain .item { background: #fff; border-radius: 10px; width: 100%; margin-bottom: 20px;}
.deliveryMain .item .image {float: left; width: 272px;}
.deliveryMain .item .image img {max-width: 100%; border-radius: 10px 0 0 10px;}
.deliveryMain .item .title {padding: 14px 24px; width: calc(100% - 272px); float: right; position: relative;}
.deliveryMain .item .title p {font-weight: bold;font-size: 22px; color: #000;}
.deliveryMain .btn {margin-top:20px;}

.lionsMain .items {width: 1140px; margin: 0 auto 40px;}
.lionsMain .items .item {color: #fff; padding: 10px 30px 30px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; border-radius: 10px; position: relative; width: 444px; height: 221px; float: left; margin-bottom: 10px;}
.lionsMain .items .item .shadow {width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.61); border-radius: 10px;}
.lionsMain .items .item .desc {position: absolute; width: calc(100% - 60px); left: 30px; bottom: 30px;}
.lionsMain .items .item .title {position: relative;font-weight: bold;font-size: 22px; margin-bottom: 20px;}
.lionsMain .items .item .title::after {content: ''; position: absolute; left: 0; height: 5px; width: 104px; bottom: -10px; background: #FFCB07;border-radius: 1000px;}
.lionsMain .items .item .text {margin-bottom: 10px;}
.lionsMain .items .item .btn {border-radius: 50px; color: #fff; padding: 10px 25px;}
.lionsMain .items .item:nth-child(1) {width: 686px; height: 455px; float: left; margin-right: 10px;}

.aboutMain {background: #FDFAEF}

footer {background: url("../images/footer_bg.png") 50% 50%; background-size: cover;}
footer .head {margin-bottom: 64px;}

.footerMenu .title {font-weight: bold;font-size: 15px;line-height: 20px;color: #5DBDE0;}
.footerMenu ul {margin: 10px 0 20px; list-style: none; padding: 0;}
.footerMenu ul li a {color: #A3B8CB;line-height: 28px;}

footer .subscribe {border: 1px solid #A3B8CB; border-radius: 10px; text-align: center; padding: 41px 20px; margin-bottom: 20px;}
footer .subscribe .title {font-weight: bold;font-size: 22px;color: #5DBDE0; margin-bottom: 10px;}
footer .subscribe p {color: #A3B8CB; line-height: 26px;}
footer .subscribe input {border: 1px solid #A3B8CB;border-radius: 1000px; font-style: italic; padding: 13px 24px; background: none !important; color: #A3B8CB; margin-bottom: 15px; max-width: 192px; vertical-align: sub;}
footer .subscribe .btn {padding: 13px 40px;  vertical-align: middle;}

footer .cardsImg {margin-bottom: 10px; text-align: center; padding: 0 40px;}
footer .cardsImg img {margin: 10px 10px 10px; vertical-align: middle;}
footer .copyright {color: #A3B8CB;}

#hotelSearchWait {width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.66);z-index:9999999999;}
#hotelSearchWait #animation_container {position:absolute; left:50%; top:50%; margin-left:-175px; margin-top:-175px;}
#hotelSearchWait #animation_container a {display:block; position:absolute; bottom:190px; left:58px; width:235px; height:45px; z-index:99999999999}


/*hotel page*/
.hotelButtons {}
.hotelButtons a {background-repeat: no-repeat; background-position: 22px 50%; padding: 25px 25px 25px 64px; background-color: #F2F4F9; color: #1B1B1B; font-weight: bold; margin: 0 10px 10px;border-radius: 10px;}

.hotelMainSlider {margin-top: 10px;}
.hotelMainSlider .item {text-align: center;}
.hotelMainSlider .swiper-container, .hotelMainSlider .item img {border-radius: 10px;}
.hotelMainSliderThumbs {overflow: hidden; margin: 10px 0 20px; position: relative;}
.hotelMainSliderThumbs::before{position: absolute; left: 0; top: 0; content: ''; width: 50px; height: 100%; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(9,9,121,0) 100%); z-index: 2}
.hotelMainSliderThumbs::after{position: absolute; right: 0; top: 0; content: ''; width: 50px; height: 100%; background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); z-index: 2}
.hotelMainSliderThumbs .swiper-slide {cursor: pointer; opacity: 0.6; border-radius: 10px;}
.hotelMainSliderThumbs .swiper-slide:hover, .hotelMainSliderThumbs .swiper-slide-thumb-active {opacity: 1; border: 5px solid #FFCB07}
.hotelMainSliderThumbs .swiper-slide img {border-radius: 4px; position: relative;width: 100%; height: 100%;}



.ratingBlockShow{position:absolute;z-index:34;right:65px;top:65px;width:120px;height:80px;background:#fff;border:1px solid #ccc;border-radius:5px;padding:5px;cursor:pointer;opacity:.95}
.ratingBlockShow:hover{opacity:1}
.ratingBlockShow:hover::before,.ratingBlockShow:hover::after{content:'';position:absolute;left:calc(50% - 10px);bottom:-20px;border:10px solid transparent;border-top:10px solid #ccc}
.ratingBlockShow:hover::after{border-top:10px solid #fff;bottom:-19px}
.ratingBlockShow span{display:block;text-align:center;font-size:12px}
.ratingBlockShow span a{line-height:inherit!important;color:#00BEE2!important}
.ratingBlockShow .rating_digit{font-size:24px}
.ratingBlockShow .more_rating{position:absolute;top:90px;left:calc(50% - 125px);background:#fff;width:250px;border:1px solid #ccc;padding:10px 10px 5px;text-align:left;display:none;z-index:35!important}
.ratingBlockShow:hover .more_rating{display:block}
.ratingBlockShow .more_rating .item{margin-bottom:5px}
.ratingBlockShow .more_rating .item span{display:block;text-align:left}
.ratingBlockShow .more_rating .item span.line{height:5px;background:#ccc;border-radius:5px;position:relative;width:90%}
.ratingBlockShow .more_rating .item span.line .digit{position:absolute;right:-25px;top:-6px;width:17px;text-align:center}
.ratingBlockShow .more_rating .item span.line .value{height:100%;background:#FFCB07;border-radius:5px}

.hotelPageForm {background: #FDFAEF; padding: 50px 0; text-align: center;}
.hotelPageForm .title {font-size: 36px;line-height: 49px; font-weight: bold;color: #000000;}
.hotelPageForm .subtitle, .benefits .subtitle {text-transform: uppercase;color: #000000;font-weight: bold;}
.hotelPageForm .mainSearch {margin-top: 40px;max-width: 759px;}
.hotelPageForm .mainSearch .inputBox.bordered input {border-radius: 50px 0 0 50px; background-position: 25px 50%;padding-left: 60px;}
.hotelPageForm .mainSearch button[type=submit] {padding: 15px 50px 14px;}

.benefits {margin-top: 60px; align-items: center; justify-content: center;}
.benefits .subtitle {margin-bottom: 40px;}
.benefits .col {text-align: center;}
.benefits img {display: block; margin: 0 auto 10px;}

.new_options {columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;}
.new_options li {}
.new_options {list-style: none; margin: 0; padding: 0;}
.new_options .name {font-weight: bold; padding: 5px 0 2px; break-before: avoid;}
.new_options .name img { margin-right:10px;vertical-align: middle;}
.new_options .list {display:block; font-size: 13px; padding: 3px 0 0 32px}
.hotelRooms .mainServices .new_options {margin-bottom: 10px;}
.hotelRooms .mainServices .list {padding-left: 2px;}
.new_options .list.fishka {color:#74AB57; font-weight:bold;}
.hotelRooms .mainServices .new_options .list:nth-child(n+6) {display: none;}
.hotelRooms .dopInfo .new_options, .show_chto .new_options{webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
@media (max-width: 992px) {
    .hotelRooms .dopInfo .new_options, .show_chto .new_options {webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
}
@media (max-width: 768px) {
    .hotelRooms .dopInfo .new_options, .show_chto .new_options {webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
}

h2.title {font-weight: bold;font-size: 36px;line-height: 49px;text-align: center;color: #000000; position: relative; padding-bottom: 10px; margin-bottom: 30px;}
h2.title::after {content: ''; position: absolute; bottom:0; left: 50%; width: 100px; margin-left: -50px; height: 5px; background: #FFCB07; border-radius: 5px;}
.hotelRooms {padding: 40px 0;background: #F2F4F9;}
.hotelRooms .itemRoom {background: #FFFFFF;border: 1px solid #D8D8D8;border-radius: 10px; padding: 20px; line-height: 19px; }
.hotelRooms .itemRoom:not(:last-child) {margin-bottom: 20px;}
.hotelRooms .itemRoom p.title, .contactsBlock p.title {font-weight: bold;font-size: 14px;color: #1B1B1B; margin-bottom: 8px}
.hotelRooms .itemRoom .mainImage img {border-radius: 10px;}
.hotelRooms .itemRoom .roomName {font-weight: bold;font-size: 22px;line-height: 30px;color: #000000; margin-bottom: 15px;}
.hotelRooms .itemRoom .mainInfo div {line-height: 26px; font-size: 13px;}
.hotelRooms .itemRoom .mainMest .icons {text-align: center;max-width: 90%;height: 70%;padding-top: 55px;}
.hotelRooms .itemRoom .mainMest .icons span {display: inline-block; position: relative;}
.hotelRooms .itemRoom .mainMest .icons span i {position: absolute; width: 23px; line-height: 18px; background: #62A452; color: #fff;font-size: 12px; font-weight: bold; right: -13px; bottom: -12px; border:2px solid #fff; text-align: center; border-radius: 10px; font-style: normal;}
.hotelRooms .itemRoom .mainMest .icons .m2 {margin-left: 19px;}
.hotelRooms .itemRoom .mainMest .icons .m2::before {content: '+'; position: absolute; left: -12px; top: 2px; color: #1B1B1B; font-weight: bold; }
.hotelRooms .itemRoom .mainServices .moreInfo {font-weight: bold;font-size: 14px;color: #42A8CD; position: relative;}
.hotelRooms .itemRoom .mainServices .moreInfo img {margin-right: 9px; vertical-align: baseline}
.hotelRooms .itemRoom .mainServices .moreInfo.active img {transform: rotate(180deg);}
.hotelRooms .itemRoom .mainInfo, .hotelRooms .itemRoom .mainMest {position: relative; padding-left: 30px;}
.hotelRooms .itemRoom .mainInfo::before, .hotelRooms .itemRoom .mainMest::before {content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #D8D8D8;}
.hotelRooms .itemRoom .dopInfo {margin-top: 20px;}
.hotelRooms .itemRoom .dopInfo .text {margin-bottom: 20px;}
.hotelRooms .itemRoom .dopInfo .text p {margin-bottom: 8px;}
.hotelRooms .itemRoom .dopInfo .morePhoto {margin-bottom: 10px;}
.hotelRooms .itemRoom .dopInfo .morePhoto img {border-radius: 5px; margin: 0 10px 10px 0;}
.hotelRooms .itemRoom .price_wo_req {line-height: 25px; text-align: right; margin-top: 10px;}
.hotelRooms .itemRoom .price_wo_req span:first-child {font-weight: bold;font-size: 18px;color: #000000; }
.hotelRooms .itemRoom .price_wo_req span:first-child, .hotelRooms .itemRoom .price_wo_req span:nth-child(2) {vertical-align: middle; margin-right: 10px;}

.textInfo {background: #FDFAEF;}
.textInfo table {background: #FFFFFF;border: 1px solid #D8D8D8;border-radius: 10px; width: 100%;}
.textInfo table tr:not(:last-child) {border-bottom: 1px solid #D8D8D8;}
.textInfo table tr td:not(:first-child) {border-left: 1px solid #D8D8D8;}
.textInfo table td {padding: 10px;}

.contactsBlock, .textInfo, .howBlock, .formBlock, .chtoRyadom {padding: 40px 0;}
.contactsBlock {padding-bottom: 0; text-align: center;}
.contactsBlock p {text-align: center}
.contactsBlock .hotel_head_map {width: 100%; height: 487px; margin-top: 20px;}
.contactsBlock .phone {position: relative; text-align: center; display: inline-block; margin: 0 auto;}
.contactsBlock .phone > a {color: #000; font-size: 21px; font-weight: bold;}
.contactsBlock .phone > a img, .contactsBlock .phone a span {vertical-align: middle;}
.contactsBlock .phone .text {width: 366px;height: 192px;background: #FFFFFF;box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);border-radius: 10px; color: #717171; position: absolute; bottom: -192px; right: -366px; padding: 30px; z-index: 1; display: none;}
.contactsBlock .phone .text, .contactsBlock .phone .text p {text-align: left;}
.contactsBlock .phone .text .close {position: absolute; right: 15px; top: 8px; color: #717171; font-size: 18px; font-weight: normal;}

.howBlock .item {margin-bottom: 20px;}
.howBlock .item > div {float: left; margin-right: 20px; width: 50px; height: 50px; text-align: center; position: relative; background: #42A8CD; border-radius: 10px;margin-bottom: 20px;}
.howBlock .item > div img {position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;}
.howBlock .item .title {margin-bottom: 5px; font-weight: bold; color: #000}

.formBlock {background: url(../images/form_bg.png) 50% 50% no-repeat; background-size: cover;}
.formBlock h2.title {color: #fff;}

.chtoRyadom .item .image {background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; position: relative; height: 100%;border-radius: 10px;}
.chtoRyadom .item .image::after {content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.6); border-radius: 10px;}
.chtoRyadom .item {height: 231px; margin-bottom: 20px; border-radius: 10px;}
.chtoRyadom .item.item1 {height: 482px;}
.chtoRyadom .item .text {color: #fff; position: absolute; bottom: 20px; left: 20px; padding-right: 20px; z-index: 1}
.chtoRyadom .item.item3 .text .desc, .chtoRyadom .item.item4 .text .desc {display: none; }
.chtoRyadom .item .text .title {font-weight: bold;font-size: 22px; margin-bottom: 20px;}
.chtoRyadom .item .text .desc {margin-bottom: 20px;}

.left_hotel {float: left; width: 266px;}
.right_hotel {float: right; width: 835px;}

.inputBox {
    margin: 5px;
    position: relative;
}
.inputBox [type=file] {
    position: absolute;
    filter: alpha(opacity=0);
    opacity: 0;
}
.inputBox [type=file] + label {
    cursor: pointer;
    background: #ffcb07;
    border-radius: 3px;
    color: #000;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    padding: 19px;
}
.inputBox .deleteImgRow {
    position: absolute;
    right: 5px;
    top: 5px;
    background: url(/bitrix/templates/seven_new/img/icons/close2.png);
    background-size: cover;
    width: 10px;
    height: 10px;
    display: block;
}
#addResponse textarea.input_two {
    width: 100%;
    max-width: inherit;
    height: 190px;
    line-height: normal;
    padding: 15px 0 0 30px;
}
#addResponse .input_two {
    display: inline-block;
    vertical-align: top;
    width: 31.45%;
    max-width: 368px;
    border-radius: 4px;
    background: #fff;
    line-height: 60px;
    font-size: 15px;
    color: #000;
    padding-left: 30px;
    border: none;
    margin-bottom: 20px;
    height: 60px;
    -webkit-box-shadow: 0 5px 13px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 5px 13px 0 rgba(0,0,0,0.1);
    box-shadow: 0 5px 13px 0 rgb(0 0 0 / 10%);
}
@media (max-width: 768px) {
	#addResponse .input_two {width: 100%}
}
#addResponse .orange {
    box-shadow: none;
    line-height: 60px;
    width: 192px;
    display: block;
    vertical-align: top;
}
#addResponse .orange {
    background: #FFCB07;
    text-align: center;
    color: #000;
    line-height: 60px;
    border-radius: 3px;
    font-weight: 600;
    width: 138px;
}
#addResponse input[type="submit"] {
    border: none;
    -webkit-appearance: none;
}
.ratingBlock {
    margin: 10px 0 40px;
}


div.first {
  display: inline-block;
}
.closing-button {
  font-family: 'Open Sans',sans-serif;
  font-size: 22px;
  font-weight: 700;
  background-color: #00bee2;
	border-radius: 10px;
  text-decoration: none;
  display: inline-block;
  margin: 20px;
  color: #FFFFFF;
  box-shadow: 0 0 0 2px #4c94b9;
  padding: 13px 0;
  width: 320px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
.closing-button::before, .closing-button::after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0;
  right: 0;
  left: 0;
}
.closing-button::before {
  transform: translateX(-100%);
  background: #4c94b9;
  transition: transform .3s cubic-bezier(.55, .055, .675, .19);
}
.closing-button::after {
  background: #76B14D;
  transform: translateX(100%);
  transition: transform .3s cubic-bezier(.16, .73, .58, .62) .3s;
}
.closing-button span {
  font-family: 'Open Sans', sans-serif;
  position: relative;
  z-index: 5;
}

.allTitles {
  font-weight: bold;
  font-size: 36px;
  line-height: 49px;
  text-align: center;
  color: #000000;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.allTitles::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100px;
  margin-left: -50px;
  height: 5px;
  background: #FFCB07;
  border-radius: 5px;
}

.formBlock {position: absolute; left: 0; width: 100%; margin-top: 40px;}

@media (max-width: 1400px) {
    .head > div {margin-right: 12px}
}
@media (max-width: 1200px) {
    .swiper-button-next, .swiper-button-prev {display: block;}
    .btn-warning {padding: 12px 40px;}
    .swiper-pagination .swiper-pagination-bullet {width: 17px; height: 17px;}
    
    .head .basketIcon a {display: block; width: 57px; height: 55px; border-radius: 50%; background: #00ABDE;  }
    .head .basketIcon a svg {margin-top: 14px; }
    .head .basketIcon a svg path {fill: #fff !important;}
    .head .basketIcon a span {display: none;}
    
    .mainSlider .swiper-container .swiper-slide .title {width: 47%;right: 25%;margin-right: -16%; bottom: auto;top: 266px;}
    .mainSlider .swiper-container .swiper-pagination {bottom: 292px;width: 50%;right: 50%;left: auto;margin-right: -43%;}
    
    .mainSearch {margin: 0 auto 40px; max-width: 320px;}
	.hotelPageForm .mainSearch {position: relative; left: auto; margin-top: 40px; max-width: 320px !important;}
	.hotelPageForm .mainSearch .inputBox.bordered input {border-radius:  50px 50px 0 0 !important;}
	.mainSearch .formShows {border-radius:  10px !important}
    .mainSearch .float-start {float: none !important;}
    .mainSearch .tabs {margin: 0;}
    .mainSearch .tabs a {color: #DFDFDF; font-size: 17px; line-height: 54px; text-align: center; margin: 0; width: 160px; border-radius: 10px 10px 0px 0px; display: block; float: left; padding-bottom: 0;}
    .mainSearch .tabs a.active {background: #fff;border:none; color: #000;}
    .mainSearch .formShows {border-radius: 0 0 10px 10px; background: #fff; padding-bottom: 2px;}
    .mainSearch .where, .mainSearch .dlitelnost, .mainSearch .tourType, .mainSearch .tourists, .mainSearch .date_input {width: 100% !important; border-right: none !important; border-radius: 0 !important;padding: 14px 25px 15px !important; border-bottom: 1px solid #DFE3EC;}
    .mainSearch .date_input {padding-left: 53px !important; background-position: 22px 50%; position: relative;}
    .mainSearch .tourists {padding-left: 21px !important; border-bottom: none;}
    .mainSearch .tourType {padding-left: 19px !important;border-bottom: none;}
    .mainSearch .tourType > img { margin-right: 6px;}
    .mainSearch .dlitelnost {padding-left: 20px !important;}
    .mainSearch .textValueBox {width: 235px; position: relative; overflow: inherit;}
    
    .mainSearch .inputBox {position: relative; display: block;}
    .mainSearch .textValueBox::after, .mainSearch .inputBox::after {content: ''; width: 19px; height: 8px; position: absolute; right: -18px; top: 50%; margin-top: -4px; background: url('../images/icon_accordion.svg');}
    .mainSearch .inputBox::after {right: 14px;}
    
    
    .mainSearch .btn.btn-warning {border-radius: 50px; display: block; margin: 20px auto; padding: 12px 24px 11px;}
    
    #placesList, #tourPlacesList, #daysList, #tourTypeList, #touristsBox {position: relative !important; box-shadow: none !important; border-radius: 0 !important; width: 100% !important; top: auto !important;}
    #placesList a, #tourPlacesList a, #daysList a, #tourTypeList a {margin: 0 0 12px 29px !important;}
    #touristsBox {padding: 28px 25px 0 !important;}
    
    .mainBlock h2 {font-size: 30px;}
    
    .actionsMain {margin-top:0;}
    
    .newsMain .item .image {width: 200px;}
    .newsMain .item .title {width: calc(100% - 200px);}
    
    .lionsMain .items {width: 986px;}
    .lionsMain .items .item {width: 384px; height: 190px; padding: 20px;}
    .lionsMain .items .item .desc {left: 20px; bottom: 20px;width: calc(100% - 40px);}
    .lionsMain .items .item .title {margin-bottom: 25px;}
    .lionsMain .items .item .title::after {width: 92px;}
    .lionsMain .items .item .text {display: none;}
    .lionsMain .items .item:nth-child(1) {width: 592px; height: 393px;}
    
    footer .subscribe {max-width: 470px; padding: 30px; margin: 0 auto 20px}
    footer .subscribe input {margin-right: 20px;}
	
	.hotelRooms .itemRoom .mainInfo {padding-left: 10px;}
	.hotelRooms .itemRoom .mainInfo::before {display: none;}
	.hotelRooms .itemRoom .mainMest .icons {padding-top: 27px;}
	
	.left_hotel, .right_hotel {float: none; width: inherit;}
	.left_hotel {margin-bottom: 20px;}
	#more_filter {height: auto !important; overflow: inherit; columns: 3;  -webkit-columns: 3;  -moz-columns: 3;}
	.left_hotel .input_two {display: block; margin: 0 auto 20px;height: 48px;line-height: 48px;}
	.left_hotel .pull2 {display: block; line-height: 52px; background: #48576E; color: #fff; width: 100%; border-radius: 0; border:none; }
	.left_hotel .pull2 span {position: relative; padding-left: 30px;}
	.left_hotel .pull2 span::before {content: ''; position: absolute; left: 0; top: 50%; margin-top: -10px; background: url(../img/icons/filter.svg); width: 20px; height: 20px;}
	.leftFilterOverflow {border-radius:0 0 10px 10px !important;}
	.left_hotel .wr_side {display: none;}
	.hotel_right {width: calc(100% - 244px) !important;}
}
@media (max-width: 992px) {
	body {padding-top: 0;}
	.headBorder {position: relative; left: auto; top: auto}
    .head  {text-align: center}
    .head .proButton a {padding: 10px}
    .head .search .searchShowButton, .head .basketIcon a {width: 47px; height: 45px;}
    .head .basketIcon a svg {width: 22px !important; height: 22px !important; margin-top: 13px;}
    .head .phoneLk {line-height: 22px; margin-bottom: 15px;}
    .head .basketIcon a { display: inline-block !important; vertical-align: middle;}
    .head .basketIcon a.d-block.d-md-none {width: 213px; text-align: center; font-size: 18px; color: #fff; border-radius: 50px; padding-top: 8px; margin-right: 10px;}
    
    .mainSlider .swiper-container .swiper-slide .title {width: 100%;right: auto;margin-right: 0;bottom: 115px;top: auto; padding: 0 15px;}
    .mainSlider .swiper-container .swiper-pagination {bottom: 42px;width: 100%;right: 0;left: auto;margin-right: 0;}
    
    .mainSearch {left: 50%; margin: 52px auto 40px -160px; max-width: 320px;}
	.hotelPageForm .mainSearch { margin: 40px auto 0;}
    
    .responsesMain .item {padding:40px;}
    .responsesMain .item .title {font-size: 18px;}
    .responsesMain .item .text {font-size: 24px;}
    
    .lionsMain .items {width: 742px;}
    .lionsMain .items .item {width: 288px; height: 143px; padding: 15px;}
    .lionsMain .items .item .desc {left: 15px; bottom: 15px;width: calc(100% - 30px);}
    .lionsMain .items .item .title {margin-bottom: 25px; font-size: 18px;}
    .lionsMain .items .item .title::after {width: 68px; height: 3px;}
    .lionsMain .items .item .text {display: none;}
    .lionsMain .items .item:nth-child(1) {width: 444px; height: 295px;}
	.hotelMainSliderThumbs {display: none;}
	
	.benefits .col {flex: 1 0 25%; margin-bottom: 25px;}
	.hotelMainSlider {margin-bottom: 20px;}
	.hotelMainSlider .swiper-slide .item {text-align: center;}
	.hotelMainSlider .swiper-slide img {max-height: 525px;}
	.ratingBlockShow{right:20px;top:20px;}
	.ratingBlockShow .more_rating{right:0; left: auto;}
	.hotelRooms .itemRoom .mainMest .icons {padding-top: 46px;}
	.chtoRyadom .item.item3 .text .desc, .chtoRyadom .item.item4 .text .desc {display: block;}
	.chtoRyadom .item.item1 {height: 231px;}
	
	#more_filter {columns: 2;  -webkit-columns: 2;  -moz-columns: 2;}
	.mainPhoto {width: 419px !important; float: left;}
	.thumbPhotos {float: right; width: calc(100% - 430px); text-align: left !important;}
	.mapLink {margin-top: 40px !important;}
	.foto_big_img {display: none;}
	.foto_big_img.mobile {display:inline-block !important;}
	.hotel_slide, .hotel_right {float: none; width: auto !important;}
	.hotel_slide {margin-bottom: 20px;}
	.hotel_right {float: none !important; width: auto !important;}
}
@media (max-width: 768px) {
	table{width:100% !important}
	.allTitles {font-size: 24px; text-align: left; line-height: 28px;}
	.allTitles::after {display: none;}
	.mainSlider h1 {margin-top: 60px;}
    .head .logo, .head .search {margin-right: 0;}
    .head .logo {display: block;  margin-bottom: 20px;}
    .head .phoneLk {display: block; margin-top: 20px;}
    .head .phoneLk .lkLink, .mainSlider .swiper-container .swiper-pagination {display: none;}
    .head .search form.active  {right: -31px;}
    .mainSlider, .mainSlider .swiper-container .swiper-slide {height: 387px;}
    .mainSlider .swiper-container .swiper-slide .title {padding: 0 15px;}
    .mainSlider .swiper-container .swiper-slide {background-size: cover;}
    
    
    .mainSearch {position: relative; left: auto; top: auto; right: auto; bottom: auto; width: 100%; max-width: 100%; margin: 0 0 20px; border-radius:0 ; }
    .mainSearch .tabs a { border-radius: 0; width: 50%;}
    .mainSearch .tabs a.active {background: #F2F4F9;}
    .mainSearch .formShows, .mainSearch .where, .mainSearch .dlitelnost, .mainSearch .tourType, .mainSearch .tourists, .mainSearch .date_input {box-shadow: none; background-color: #F2F4F9; border-radius: 0;}
    .mainSearch .textValueBox {width: calc(100% - 34px);}
    .mainSearch .textValueBox::after {right: -10px;}
    .mainSearch .dlitelnost .textValueBox::after, .mainSearch .tourType .textValueBox::after {right: -6px;}
    .mainSearch .inputBox::after {right: 20px;}
    #placesList, #tourPlacesList, #daysList, #tourTypeList, #touristsBox {background: #F2F4F9 !important;}
    #touristsBox {width: 266px !important; margin: 0 auto;}
    
    .mainBlock {padding: 35px 0 43px}
    .mainBlock h2 {font-size: 23px; margin-bottom: 56px;}
    .actionsMain {margin-top: 0;}
    
    .responsesMain .item .title {font-size: 14px;}
    .responsesMain .item .title span {display: inline-block; width: 44%; vertical-align: top;}
    .responsesMain .item .text {font-size: 18px;}
    
    .deliveryMain .item {margin-bottom: 0; border-radius: 0; border-bottom: 1px solid #DFE3EC;}
    .deliveryMain .item .mobileTitle {font-weight: bold;font-size: 22px;line-height: 57px;text-align: center;color: #909090; margin-bottom: 0; cursor: pointer; position: relative;}
    .deliveryMain .item .mobileTitle::after {content: ''; width: 19px; height: 8px; position: absolute; right: 22px; top: 50%; margin-top: -4px; background: url('../images/icon_accordion.svg');}
    .deliveryMain .item .image, .deliveryMain .item .title p {display: none;}
    .deliveryMain .item .title {width: 100%; display: none; text-align: center;}
    .deliveryMain .item .title .text img {display: block; max-width: 157px; margin: 0 auto 20px; border-radius: 10px;}
    
    .lionsMain, .aboutMain {display: none;}
	
	.hotelMainSlider .swiper-slide img {max-height: 348px; border-radius: 10px;}
    
	.benefits .col {flex: 1 0 50%; margin-bottom: 25px;}
    
	footer .head {text-align: center;}
    footer .head .basketIcon {position: relative; margin-top: 20px; top: auto;}
	
	.hotelRooms .itemRoom .roomName {font-size: 14px;}
	.hotelRooms .itemRoom .mainImage {margin-bottom: 20px;}
	.hotelRooms .itemRoom .mainMest {padding-left: 10px;}
	.hotelRooms .itemRoom .mainMest::before {display: none;}
	.hotelRooms .itemRoom .mainInfo {padding-bottom: 20px; margin-bottom: 20px;}
	.hotelRooms .itemRoom .mainInfo::before {display: block; left: 10px; top: auto; bottom:0; width: calc(100% - 20px); height: 1px;}
	.hotelRooms .itemRoom .dopInfo {margin-top: 40px;}
	.hotelRooms .itemRoom .mainMest .icons {height: auto; margin: 20px 0; padding-top: 0;}
	
	#more_filter, .h_body_hidden .new_options {columns: 1;  -webkit-columns: 1;  -moz-columns: 1;}
	.mainPhoto, .thumbPhotos {width: auto !important; float: none !important;}
	.mapLink {margin-top: 10px !important;}
	.rateBlock {display: inline-block;}
	.rateBlock .clear {display: none !important;}
	.roomName, .roomPrice {margin-bottom: 10px;}
	.h_body_hidden .mainPhoto, .hotel_down .btn-outline-secondary {margin-bottom: 10px;}
	.left_hotel {width: calc(100% + 22px) !important; margin-left: -11px !important;}
	.m_hide {display: none !important;}
}
@media (max-width: 576px) {
    .mainSearch {margin: 0 -15px 20px; max-width: calc(100% + 26px); width: calc(100% + 26px)}
    .newsMain .item .image {width: 109px;}
    .newsMain .item .title {width: calc(100% - 109px);}
    .deliveryMain .item {width: calc(100% + 25px); margin-left: -15px;}
    
    footer .subscribe input {margin-right: 0;}
}

.footer__social {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    padding: 10px 0;
}

.footer__social a {
    display: block;
    width: 40px;
    height: 40px;
}


.footer__social img {
    width: 100%;
    height: 100%;
}

.header .logo-small {
    display: none;
  }

.header .head__phone-text {
    white-space: nowrap;
  }
  
  .header .phone__icon--mobile {
    display: none;
  }
  
  .personal-icon {
    display: none;
  }
  
  .mobile-search {
    display: none;
    padding: 5px 0;
  }
  
  .mobile-search .js-filterBtn {
    cursor: pointer;
    width: 48px;
    height: 48px;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    padding: 15px;
    position: relative;
    margin-left: auto;
  }
  
  .mobile-search .js-filterBtn::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -10px;
    margin-left: -10px;
    background: url(/images/filter.svg);
    width: 20px;
    height: 20px;
  }
  
  .js-mainSearch {
    display: none;
  }

  .main_kurort .showPlaces .hotel_down .btn-outline-secondary {
    display: none;
  }

  .menuAllSite {
    display: none !important;
  }

  @media screen and (min-width: 993px) {
    .container .breadcrumbs {
      padding-top: 100px;
    }
  }
  
  @media screen and (max-width: 768px) {
  
    .mobile-search {
      /*display: flex;*/
      gap: 5px;
      align-items: center;
    }
  
    .mobile-search .js-where {
      font-weight: 600;
      color: #42A8CD;
    }
  
    .js-mainSearch {
      border: 1px solid #D8D8D8;
      border-radius: 10px;
      padding: 4px 10px;
    }
  
    .js-date {
      font-size: 13px;
    }
  
    .header .head {
        display: flex;
        gap: 5px;
        align-items: center;
    }
  
    .header .head__phone-text {
        display: none;
    }
  
    .header .head .phoneLk {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0;
    }
  
    .header .phoneLk .phone {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        background-color: #FFCB07;
    }
  
    .header .head .phoneLk .phone img {
        margin-right: 0;
    }
  
    .header .phone__icon--mobile {
        display: block;
    }
  
    .header .phone__icon--desc {
        display: none;
    }
  
    .header .head .logo {
        margin-right: auto;
        margin-bottom: 0;
    }
  
    .header .mainSearch {
        margin: 515px 0 0;
    }
  
    .header .head .search {
        position: static;
    }
  
    .header .head .search form.active {
        right: 0;
        top: 70px
    }
    .header .basketIcon {
      display: flex;
      gap: 5px;
      position: static;
      width: auto;
    }
  
    .header .personal-icon {
      display: block;
      width: 20px;
      margin: 0;
    }
  
    .header .personal-text {
      display: none;
    }
  
    .header .head .basketIcon a.d-block.d-md-none {
      width: 45px;
      display: flex !important;
      align-items: center;
      justify-content: center;
      padding-top: 0;
      margin-right: 0;
    }
  
    .header .text-desc {
      display: none;
    }
  
    .header .head .proButton {
      margin-right: 0;
    }
  
    .header .head .proButton a {
        padding: 11px 0;
        margin-right: 0;
        width: 45px;
        height: 45px;
        display: block;
        text-align: center;
    }
  
    .header .head .search form.active .btn-warning.d-xl-none {
      background-color: #FFCB07;
    }
  }
  
  @media screen and (max-width: 550px) {
    .header .logo-big {
        height: 45px;
    }
  
    .header .proButton {
        margin-right: 0;
    }
  
  }
  
  @media screen and (max-width: 460px) {
    .header .logo-big {
        width: 130px;
    }
  }
  
  @media screen and (max-width: 400px) {
    .header .logo-big {
        display: none;
    }
    .header .logo-small {
      display: block;
      height: 45px;
    }
  }

.hotel_info p, .news-detail p, .wrap_advans .wr_advance.wr_advance2 p {
  font-size: 17px;
  color: #000;
  text-align: justify;
}

.hotel_info h3, .news-detail h3, .wrap_advans .wr_advance.wr_advance2 h3 {
  color: #363636;
}

.hotel_info ul, .news-detail ul, .wrap_advans .wr_advance.wr_advance2 ul {
  list-style: none;
}

.hotel_info ul li, .news-detail ul li, .wrap_advans .wr_advance.wr_advance2 ul li {
  position: relative;
  vertical-align: top;
  font-size: 17px;
  color: #000;
  padding-left: 48px;
  line-height: 27px;
  margin-bottom: 20px;
}

.hotel_info ul li:before, .news-detail ul li:before, .wrap_advans .wr_advance.wr_advance2 ul li:before {
  content: '';
  background: url(/bitrix/templates/seven_new/img/icons/choise.png) no-repeat center center;
  width: 27px;
  height: 27px;
  position: absolute;
  top: 0;
  left: 0;
}

.main_kurort .hotel_body {
  font-size: 17px;
  color: #000;
}

.lechenie_page {
  padding: 20px 0;
}

.lechenie_page .right_hotel  {
  float: unset;
  width: 100%;
}

.lechenie_page .hotel_item {
  display: flex;
  gap: 20px;
}

.lechenie_page .hotel_item .hotel_right {
  width: auto;
  flex-grow: 1;
}

.lechenie_search {
  padding-top: 30px;
}

.lechenie_page .tooltip {
  z-index: 0;
}

@media screen and (max-width: 992px) {
  .lechenie_page .hotel_item {
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 1201px) {
  .lechenie_search .mainSearch .formShows form {
    display: flex;
    width: 100%;
    align-items: center;
  }

  .lechenie_search .mainSearch .formShows form .btn.btn-warning.float-start {
    flex-grow: 1;
    height: 62px;
  }

  .lechenie_sides {
    display: flex;
    gap: 15px;
  }

  #tourSearch form {
    display: flex;
    height: 52px;
    align-items: center;
  }

  #tourSearch form .btn-warning {
    height: 52px;
    display: flex;
    gap: 5px;
    white-space: nowrap;
  }

  #tourSearch form .inputBox  {
    margin: 0;
    flex-grow: 1;
  }
}

.lechenie_page .left_hotel button{display:block;vertical-align:top;padding:0 27px 0 52px;line-height:42px;color:#000;font-size:15px;font-weight:600;border-radius:22px;border:1px solid #B6B6B6;background:url(/bitrix/templates/seven_list_hotels_2022/img/icons/gamb2.png) no-repeat 25px 15px; display:none;}
.lechenie_page .left_hotel button.as-close{background:url(/bitrix/templates/seven_list_hotels_2022/img/icons/gamb2.png) no-repeat 25px 15px #FFCB07;border:1px solid #FFCB07}
.lechenie_page .leftFilterOverflow{background:#F2F4F9; border-radius:10px;padding:16px}
.lechenie_page .input_two{display:inline-block;vertical-align:top;width:31.45%;max-width:368px;background: #FFFFFF;border: 1px solid #C2C4C9;border-radius: 1000px;line-height:60px;font-size:14px;color:#000 !important;padding:0 15px;margin-bottom:20px;height:60px; text-align: center}
.lechenie_page #more_filter {height:550px;overflow-y:scroll; padding-left: 10px; scrollbar-color: #FFCB07 #D2D4D9; scrollbar-width: thin;}
.lechenie_page #more_filter::-webkit-scrollbar {
  width: 8px; 
}

.lechenie_page #more_filter::-webkit-scrollbar-track {
  background: #D2D4D9; 
}

.lechenie_page #more_filter::-webkit-scrollbar-thumb {
  background-color: #FFCB07;   
  border: 3px solid #FFCB07;  
}
.lechenie_page #more_filter h4 {font-size: 18px; color: #1B1B1B; font-weight: bold; margin-bottom: 10px;}
#more_filter .wr_check_box label p {color: #000; font-size: 14px;}

.datepicker--day-name {color: #FFCB07; }
.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- {background: #5DBDE0}
.datepicker--cell.-current- {color: #5DBDE0}

.datepickers-container {
  z-index: 99999999;
}

.noDateTitle {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #efefef;
  min-height: 32px;
  padding: 4px;
  margin-bottom: 0;
  background: #fff6c4;
  color: darkred;
}