body{font-family:'Montserrat';font-size:15px;color:#000;font-weight:normal;font-style:normal;min-width:320px;}
input, textarea, button{font-family:'Montserrat' !important;font-size:15px !important;color:#000;font-weight:bold !important;}
h1, h2{text-transform:uppercase;font-weight:900;}
h1{font-size:54px;}
h2{font-size:49px;}
::-webkit-input-placeholder{color:#000 !important;}
:-moz-placeholder{color:#000 !important;opacity:1;}
::-moz-placeholder{color:#000 !important;opacity:1;}
:-ms-input-placeholder{color:#000 !important;}
::-ms-input-placeholder{color:#000 !important;}
::placeholder{color:#000 !important;}
input[type='number']{-moz-appearance:textfield;}
img{max-width:100%;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance:none;}
.form-control[readonly]{background-color:#fff !important;}
.nav-link{padding-top:15px;padding-bottom:15px;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{background-color:#a8c276;}
.form-control{color:inherit;}
.head {background-size:cover;background-position:50% 50%;background-color:rgba(0,0,0,0.64)}
.head .trBg{background-color:rgba(3,3,3,0.38);}
.head .phone{font-size:26px;font-weight:bold;color:#fff;line-height:25px;text-align:center;padding:15px 0;}
.head .phone a {color: #fff;}
.head .phone span{font-size:12px;font-weight:normal;}
.head .phone span a{color:#fff;}
.head .container{position:relative;}
.head .showMobileMenu{position:absolute;right:16px;top:20px;color:#fff;font-size:25px;}

.head .showMobileMenu i{cursor:pointer;}
.head .mobileMenu{position:fixed;left:0;top:20px;background:#fff;padding:40px;width:100%;border-radius:5px;display:none;z-index:2}
.head .mobileMenu .close{cursor:poiner;position:absolute;right:10px;top:10px;font-size:32px;color:#000;}
.head .mobileMenu a{color:#000;font-weight:bold;}
.head.fixed{position:fixed;top:0;left:0;width:100%;height:78px;z-index:2}
.formMenu{background:#fff;border-radius:10px;}
.sanName{text-align:center;color:#fff;padding:50px 0;}
.sanName > button{font-size:15px;padding:15px;width:100%;margin-top:25px;}
.head.fixed .sanName{display:none;}
.formBron{padding:10px;}
.formBron.inRooms{padding:10px 20px;background:#fff;margin-bottom:20px;border-radius:5px;margin-left:-15px;margin-right:-15px;}
.formBron .title{font-size:14px;font-weight:bold;text-transform:uppercase;text-align:center;padding-top:14px;}
.formBron input, .formBron button{padding:13px 15px;}
.formBron input{border:none;border-left:1px solid #ccc;border-radius:0;}
.sanName .formBron input{text-align:center;color:#000 !important;border-bottom:1px solid #ccc;border-left:none;}
.formBron button{width:100%;}
.formBron .touristsWrap{position:relative;}
.formBron .turistsBlock{width:100%;border:1px solid #ccc;padding:5px;position:absolute;top:60px;left:0;background:#fff;display:none;z-index:1;}
.formBron.inRooms .turistsBlock{width:100%;left:0;}
.formBron .turistsBlock::before, .formBron .turistsBlock::after{content:'';position:absolute;left:calc(50% - 10px);bottom:100%;border:10px solid transparent;border-bottom:10px solid #ccc;}
.formBron .turistsBlock::after{border-bottom:10px solid white;bottom:calc(100% - 1px);}
.formBron .turistsBlock .ads{margin-bottom:5px;}
.formBron .turistsBlock i, .formBron .turistsBlock input{vertical-align:middle;}
.formBron .turistsBlock i{background:#ffc107;width:25px;height:25px;font-size:14px;font-weight:normal;position:relative;cursor:pointer;}
.formBron .turistsBlock i::before{position:absolute;top:6px;left:7px;}
.formBron .turistsBlock i.fa-plus{margin-left:-4px;}
.formBron .turistsBlock i.fa-minus{margin-right:-4px;}
.formBron .turistsBlock input{width:calc(100% - 50px);height:25px;border:none;padding:0;margin:0;text-align:center;font-size:13px !important;font-weight:normal !important;border-top:1px solid #ffc107;border-bottom:1px solid #ffc107;}
.sanName .formBron{padding:0;margin-top:25px;display:none;}
.sanName .formBron .turistsBlock{width:calc(100% - 10px);left:5px;}
.sanName .formBron button{margin-top:10px;}
.sanName .formBron input::focus{color:#000 !important;}
.formMenu .menu{padding:10px;}
.formMenu .menu a{font-size:14px;font-weight:bold;color:#000;text-transform:uppercase;}
.sanDesc{padding-top:40px;padding-bottom:40px;}
.sanDesc .previewText{padding:20px;border:20px solid #a8c276;width:30%;float:left;margin:0 30px 20px 0;}
.sanDesc .previewText h1{font-size:20px;margin-bottom:20px;}
.roomsBg{background:#f2faff;padding:40px 0;}
.roomsBg h1{margin-bottom:40px;}
.rooms .item{margin-bottom:30px;}
.rooms .item img{max-width:100%;border-radius:5px 5px 0 0;}
.rooms .item .desc{background:#fff;padding:20px;border-radius:0 0 5px 5px;height:calc(100% - 196px);}
.rooms .item .desc .title{font-size:18px;text-transform:uppercase;font-weight:bold;}
.roomsIn .item{margin-bottom:20px;}
.roomsIn .item img, .roomsIn .item .imgBox{border-radius:5px 0 0 5px;}
.roomsIn .item .imgBox{background:#fff;}
.roomsIn .item .imgBox .carousel{margin-left:-15px;margin-right:-15px;}
.roomsIn .item .desc{background:#fff;padding-top:15px;padding-bottom:15px;border-radius:5px 5px 5px 5px;}
.roomsIn .item .desc .title{font-size:18px;text-transform:uppercase;font-weight:bold;}
.roomsIn .item .desc .price{font-size:18px;}
.roomsIn .item .desc .price span{font-size:20px;font-weight:bold;}
.roomsIn .item .desc button:not(.btn-sm){font-weight:normal;padding:15px;}
.roomsIn .item .mesta .plus{font-size:27px;font-weight:bold;display:inline-block;margin:0 5px;}
.roomsIn .item .mesta i{font-size:35px;position:relative}
.roomsIn .item .mesta i.fa-user{color:#346585;}
.roomsIn .item .mesta i.fa-user-o{color:#C6D1DB;font-size:32px;}
.roomsIn .item .mesta i.fa-user-o.ch {font-size: 26px; color: #C6D1DB}
.roomsIn .item .mesta i span{display:block;width:20px;background:#CBD996;color:#000;position:absolute;right:-5px;bottom:-5px;border-radius:50%;font-size:13px;font-weight:bold;text-align:center;padding:3px;font-family:'Montserrat';}
.roomsIn .item .mesta i.fa-user-o.ch span {width:15px; font-size: 11px; padding: 2px}
.roomDopPhoto{padding:0 0 10px 10px}
.roomDopPhoto div.thumb{padding:10px 10px 0 0;}
.roomDopPhoto img{border-radius:5px !important;}
.infra{background:#fff;border-radius:5px;padding:20px;}
.infra h3{text-transform:uppercase;font-weight:bold;font-size:18px;margin-bottom:20px;}
.infra ul{list-style:none;margin-bottom:0;}
.infra ul li{margin-bottom:10px;}
.infra ul li i{background:#a8c276;padding:10px 10px;color:#fff;border-radius:50%;margin-right:10px;}
.questBg{background-size:cover;padding:40px 0;background-color:rgba(0,0,0,0.64);background-position:50% 50%;background-repeat:no-repeat;}
.questBg p, .questBg h1, .questBg label{color:#fff;}
.questForm input[type=text], .questForm input[type=email], .questForm textarea{font-weight:normal !important;padding:10px;margin-bottom:30px;}
.questForm textarea{height:150px;}
.questForm button{width:100%;padding:20px;}
.questForm .form-check{padding-top:18px;}
.questForm .banner{margin-top:40px;}
.questForm .banner img{max-width:100%;}
.images{padding:40px 0 10px;}
.images img{max-width:100%;}
.footer{margin-top:30px;}
.footer .menu{line-height:30px;}
.footer .menu a{color:#000;font-weight:bold;text-transform:uppercase;}
.footer .rezhim{color:#000;font-weight:bold;text-transform:uppercase;line-height:30px;}
.footer .copyright{padding-top:15px;padding-bottom:15px;font-size:11px;text-transform:uppercase;font-weight:bold;line-height:25px;}
.footer .callBox{text-align:center;font-size:32px;font-weight:bold;line-height:29px;}
.footer .callBox a {color: #000;}
.footer .callBox span{font-size:11px;font-weight:normal;}
.footer .callBox button{padding:16px;width:100%;}
.modal input, .modal textarea, .modal button, .roomsIn .item .desc button{font-weight:normal !important;}
.responses .item{background:#fff;border-radius:5px;padding:20px 40px;}
.responses .item .title{font-size:18px;text-transform:uppercase;font-weight:bold;}
.responses .item .date{font-size:12px;color:#9d9d9d;}
.responses .item .imagesBox img{margin:5px;max-width:calc(50% - 15px)}
.contacts{padding:40px 0;}
.contacts h1{margin-bottom:40px;}
.contacts p{font-size:20px;}
.contacts p span{font-weight:bold;text-transform:uppercase;}
.contacts p.title{font-size:35px;font-weight:bold;}
#mapBox{height:400px;}
.photos .item{margin-bottom:30px;}
.newRules{font-size:80%;color:#000;}
.newRules.withTooltip{border-bottom-style:dashed;border-bottom-width:1px;position:relative;cursor:pointer;}
.newRules:hover{border:none;}
.mobilePriceBlock{border-top:1px solid #000;margin:0 -15px 0;padding-top:15px;}
.tooltipster-borderless{font-size:80%;}

.waLink {position: fixed; bottom:20px; left: 20px;}
.waLink img {width:48px;}
.bs-tooltip-right {position: fixed !important; bottom: 29px !important; top: auto !important; left: 67px !important; transform: none !important}
.bs-tooltip-right .tooltip-inner {color:#000; background-color:#ffc107; font-weight: bold}
.bs-tooltip-right .arrow::before {border-right-color:#ffc107}
.error {color: red;}
#bronModalWithPricesLK .form-group, #bronModalWithPrices .form-group  {margin-bottom:0;}
.fixHead {background-size:cover;display:none; background-position:50% 50%; background-color:rgba(0,0,0,0.64); width: 100%; position:fixed; top:0; left:0; z-index: 2; padding-left:15px; padding-right: 15px;  }
.fixHead .showMobileMenu {top:25px;}

.cntSV {display: inline-block; border-radius:50%; background-color:#E3EDF4; width: 30px; line-height: 30px; text-align: center; }
.cntSV.green { background-color:#76B14D; color:#fff;}
.cntSV.yellow { background-color:#FFCB07;}


.withotSvBlock {display:block; padding: 20px; 40px; background-color:#ffc107; font-weight:bold; border-radius:5px; margin: 0 auto; text-align: center; position: fixed; bottom: 20px; right: 20px; z-index: 9999999;}
.withotSvBlock .link { color:#000; text-decoration: none;   }
.withotSvBlock .link:hover {color:#000; }
.withotSvBlock .fa {position: absolute; right: 5px; top: 5px; color:#000; text-decoration: none;}

.new_options li {}
.new_options {list-style: none; margin: 0; padding: 0; webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
.new_options .name {font-weight: bold; padding: 16px 0 2px; break-before: avoid;}
.new_options .name img { margin-right:10px;}
.new_options .list {display:block; font-size: 13px; padding: 3px 0 0 32px}
.new_options .list.fishka {color:#74AB57; font-weight:bold;}

.rateMix .trItem {position: relative;}
.rateMix .humans .itemlist {margin-bottom: 10px;}
.rateMix .humans .itemlist i.fa, .rateMix .humans .itemlist .tarif {vertical-align: middle;}
.rateMix .humans .itemlist i.fa {font-size: 35px; margin-right: 5px;}
.rateMix .humans .itemlist i.fa-user {color: #346585}
.rateMix .humans .itemlist i.fa-user-o {color: #C6D1DB; font-size: 32px;}
.rateMix .humans .itemlist .tarif {}

.rateMix .humans .itemlist .tarif .selectRateLink {cursor: default;}
.rateMix .humans .itemlist .tarif .selectRateLink.withClick {border-bottom-style: dashed; border-bottom-width:1px;position: relative; cursor: pointer;}
.rateMix .humans .itemlist .tarif .selectRateLink.withClick::after {content: '';background: url(/bitrix/templates/seven_new/img/icons/ar_down_chosen.png) no-repeat center center;width: 15px;height: 27px;position: absolute;top: -1px;right: -25px; background-size: 100% auto;}
.rateMix .humans .itemlist .tarif .selectRateLink.active::after {transform: rotate(-180deg);}

.selectRatesBlock {position: absolute; top: 0; left: 0; border:1px solid #B9B9B9; display: none; z-index: 9999; background: #fff; width: calc(100% + 2px); margin-left: -1px; border-radius: 0 0 3px 3px; text-align: left;}
.selectRatesBlock .left, .selectRatesBlock .right {width: 50%;}
.selectRatesBlock .left {float: left;}
.selectRatesBlock .right {float: right;}
.selectRatesBlock .tabs a {display: block; padding: 20px; border-bottom: 1px solid #E9E9E9; border-right: 1px solid #E9E9E9; color: #000; text-decoration: none; font-weight: bold; font-size: 90%;}
.selectRatesBlock .tabs a.active {background: #E9E9E9; color:#5DBDE0 }

.selectRatesBlock .desc {margin-bottom: 0; padding: 0 !important;}
.selectRatesBlock .desc .descitem {display: none; padding: 20px;}
.selectRatesBlock .desc .descitem.active {display: block; background: #E9E9E9;}
.selectRatesBlock .desc .descitem p  {margin-bottom: 16px; font-size: 90%; line-height: 20px;}
.selectRatesBlock .desc .descitem p.desctitle {font-size: 100%; font-weight: bold;}
.selectRatesBlock .desc .descitem .buttons a {display: inline-block; margin-right: 20px; font-size: 90%; font-weight: bold; color: #000; padding: 13px 26px; border: 1px solid #000; border-radius: 3px; text-decoration: none;}
.selectRatesBlock .desc .descitem .buttons a.select {background: #FFCB07; border-color: #FFCB07}
.selectRatesBlock .desc .descitem .buttons a.closeTarifs {margin-right: 0;}

@media (max-width: 768px) {
    .rateMix .humans .itemlist .tarif .selectRateLink.withClick::after {width: 12px; height: 22px; right: -17px;}
    .rateMix .humans .itemlist .tarif .selectRateLink {font-size: 13px;}
    .rateMix .humans .itemlist i.fa {font-size: 26px;}
    .rateMix div.item {border-bottom: none}
    .selectRatesBlock .left, .selectRatesBlock .right {float: none; width: 100%;}
    .selectRatesBlock .desc .descitem .buttons {text-align: center;}
    .selectRatesBlock .desc .descitem .buttons a {margin-right: 10px;}
    .selectRatesBlock .desc .descitem .buttons a.closeTarifs {margin-right: 0;}
    .rateMix .humans {margin-left: -15px; width: calc(100% + 15px) !important;}
    .rateMix .humans .itemlist .m1 i, .rateMix .humans .itemlist .m2 i {padding: 0 9px;}
}

/* add childes ages*/
.formBron .chs .child.btn {border-radius: 50px; padding: 8px 16px 8px; margin-bottom: 10px; position: relative; font-size: 13px;}
.formBron .chs .child.btn:hover {background: #fff;}
.formBron .chs .child.btn::after {content: ''; position: absolute; right: -21px; top: 50%; width: 18px; height: 18px; background: url(../images/close_red.png); margin-top: -9px;}
.formBron .chs .listChildsBlock .btn-outline-secondary {color: #6c757d !important;}
.formBron .chs .listChildsBlock {padding-top: 7px;}
.formBron .chs .addChildsBlock {position: relative; text-align: center;}
.formBron .chs .addChild {line-height: 15px; font-size: 13px;}
.formBron .chs .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;}
.formBron .chs .childsAges ul {margin: 0; padding: 0; list-style: none; width: 100%; text-align: left;}
.formBron .chs .childsAges ul li a {font-size: 13px;line-height: 25px; display: block}
.formBron .chs .childsAges ul li a:hover {font-weight: bold; color: #00ABDE;}

.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 p.title {margin-bottom: 5px; font-weight: bold; color: #000; font-size:16px;}