body{font-family: 'Calibri', 'Montserrat', sans-serif;position: relative;}

.phone-index{color: #fff; font-size: 18px;position: absolute;right: 55px; top: 3px;}
.phone-page .moskva-mob, .phone-index .moskva-mob{display: none;}
.phone-page{color: #286e68; font-size: 19px;position: absolute;right: 55px; top: 0px;}
.phone-index:hover{color: #fff; }
.swiper-slide.swiper-slide-active{display:block}
.swiper-items-bonus .swiper-slide{background-color: #fff;}
.swiper-items-bonus .swiper-wrapper{padding-bottom: 25px;}
a{color:#286e68} 
p{font-size: 18px;font-weight: 500;}
header{position: absolute;z-index: 200;width: 100%;}
header.page{position: relative;width: 100%;background-color: #fff;}
.item-bron{margin-top: 50px;}
.logo{width:170px;max-width: 100%;}
.page .logo{width:110px;}
.nav-item .nav-link{text-transform: uppercase; color:#fff;font-size: 14px;}
.page .nav-item .nav-link{color:#b69245;}
.nav-item .nav-link:hover{text-decoration: underline;}
.swiper-items-s1 img, .swiper-items-s2 img, .swiper-items-s3 img, .swiper-items-s4 img{width:100%}
.item-s2.section-padding{padding-top: 0px;} 
.item-s1{width: 100%;margin-left: auto; margin-right: auto;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}
.swiper-items-s1{ width: 100%;height: 100%;margin-left: auto; margin-right: auto;}
.swiper-items-s1 .swiper-slide{ display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-size: cover;
    background-position: center;
    background-color: #b69245;
}

.swiper-items-s1 h2{display:block; color:#fff; font-weight: 700;  text-transform: uppercase;  text-align: right; font-size: 40px;text-shadow: 0 0 18px rgb(0 0 0 / 50%);}
.swiper-items-s1 .container.h2{position:absolute; top:150px;right:0px; left:0;padding: 0 50px;text-align: right;}
.btn-bron-top{background-color: #b69245; text-transform: uppercase; color:#fff; font-size: 21px; font-weight: 300;padding: 10px 15px; border:1px solid #b69245;margin-top: 20px;display: inline-block;text-decoration: none; transition: ease all 0.2s}
.btn-bron-top:hover{background-color: #fff; color:#b69245; text-decoration: none; transition: ease all 0.4s}
.pagination-s1 .swiper-pagination-bullet{width: 80px;border-radius: 0; border:1px solid #fff;    opacity: 1;background-color: transparent;}
.pagination-s1 .swiper-pagination-bullet-active {background-color: #fff;}
.section-padding{padding:100px 0;}
.h3-index{font-weight: 300; font-size: 30px; color:#333; text-transform: uppercase;display: inline-grid;}
.h3-index span{font-weight: 500; font-size: 57px;}
.nomer-desc, .swiper-items-s3, .swiper-items-s2{margin-top:50px}
.swiper-items-s4{margin-top:50px; padding-bottom: 50px;}
.btn-bron{text-align: center;text-transform: uppercase; color:#b69245; font-size: 21px; font-weight: 300;padding: 10px 15px; border:1px solid #b69245;margin-top: 20px;display: inline-block;text-decoration: none; transition: ease all 0.2s}
.btn-bron:hover{background-color: #b69245; color:#fff; text-decoration: none; transition: ease all 0.4s}
.item-s5, .item-s3{background-color: #f8f3ed;}
.nomer-desc h4 a{color:#b69245; font-size: 30px;text-transform: uppercase;}
.nomer-desc li{margin-top: 7px;}
.nomer-desc ul{padding-left: 20px;}
.vse-nomera{text-align: center;margin-top: 50px;}
.vse-nomera a{text-transform: uppercase;text-decoration: underline; font-size: 30px; color:#b69245;}
.vse-nomera a:hover{text-decoration: none;}
.swiper-items-s4 .swiper-pagination-bullet-active {background-color: #313131;}
.mesta{margin-top: 50px;}
.swiper-items-s5 img, .mesto img{max-width:100%; width:100%;}
.mesto p{padding:15px 5px;line-height: 1.4;color:#333;text-align: left;}
.uslugi-desc{background-color: #f8f3ed;}
.uslugi-desc p{font-size:28px;}
.swiper-items-s5 {background-color: #f8f3ed;margin-top: 50px;  }
.pagination-s5 .swiper-pagination-bullet{width: 65px;border-radius: 0; border:1px solid #4f5153;    opacity: 1;background-color: transparent;margin-right: 15px;}
.pagination-s5 .swiper-pagination-bullet-active {background-color: #4f5153;}
.pagination-s5{position: absolute;bottom: 20px;left: 682px;}
.map-contact{background-color: #f8f3ed;margin-top: 50px;}
.contact{padding-top: 80px; padding-bottom: 80px;}
.contact-inf a, .contact-inf p{font-size: 27px;}
.contact-inf a{ text-decoration: underline;}
.contact-inf a:hover{color:#333; text-decoration: none;}
.soc-icon img{width:70px; margin-right:10px;}
.soc-icon {padding: 15px 0;}
footer{padding: 40px 0;}
footer p{margin-bottom: 5px;}
.foot-soc-icon img{width:40px; margin-right:10px;}
.logo-ben p{font-size: 14px;margin-top: 10px;}
.navbar-toggler-icon {background-image: url(/images/home/icon-menu.svg);}
.page .navbar-toggler-icon {background-image: url(/images/home/icon-menu-c.svg);}
.call {position: fixed;bottom: 20px; right: 20px;width: 50px; min-height: 50px;border-radius: 25px;cursor: pointer; list-style: none;padding-left: 0;
    z-index: 20;}
 .call-items img{max-width:100%;margin-bottom: 10px;}
 .call-menu {line-height: 50px; text-align: center; border-radius: 25px; cursor: pointer; }
 .call-menu img{max-width: 100%;}
 .call-items {width: 50px; line-height: 50px;text-align: center;display: none; border-radius: 25px; transform: scale(1); transition: ease transform 0.4s}
 .call-items:hover {transform: scale(.8);transition: ease transform 0.4s}
 .breadcrumbs {margin: 25px 0; padding:15px;background-color: #f8f3ed;}
 .call a{display: inline-block;}
 .modal-body label{margin-bottom:0;}
 .modal .btn-bron-top{margin-top:0;}
 .lang{display: block; position: absolute; padding: 3px; color: #fff; background-color: #b69245; font-size: 14px; top: 0;right: 0;transition: ease all 0.4s}
 .lang:hover{color: #b69245; background-color: #fff; text-decoration: none;transition: ease all 0.4s}
 #answer{position: fixed; z-index: 100000; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.7); display: none;}
 .answer-div{position: fixed; z-index: 100000; width: 300px; height:auto;max-height: 150px; border-radius: 7px; background: #f58c3e; padding: 10px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; text-align: center; color: #fff;}
 #close{position: absolute; right: -20px; top: -20px; cursor: pointer;width:20px; height:20px}
.item-bron #_bn_widget_{max-width: 700px;}
.bonus-img{max-width: 100%;}
#bonusModal .modal-body{padding:0;}
.bonus-zag{padding:10px; font-size: 26px; font-weight: 300;text-align: center;margin: 15px 0 0 0;}
.bonus-text{padding:10px 30px; font-size: 12px; font-weight: 300;text-align: center;}
.nomer-desc li {font-size: 14px;}
.item-s5 .swiper-slide .btn-bron{display:none}
.item-s5 .swiper-slide-active .btn-bron{display:inline-block}
.item-s5 .uslugi-desc p {font-size: 22px;}
.item-s5 .pagination-s5 {bottom: -5px;}
.bnovo-widget{position: absolute; top: 160px;}

@media (max-width:1199px){
    .logo {width: 125px;}
    .nav-item .nav-link {font-size: 12px;}
    .uslugi-desc p {margin-top: 50px;font-size: 22px; }
    .pagination-s5 {left: 496px;}
    .soc-icon img {width: 50px;}
    .contact-inf a, .contact-inf p {font-size: 22px;}
    footer p {margin-bottom: 0px;font-size: 16px;}
    .h3-index span {font-size: 50px;}
}
@media (max-width:991px){
    .phone-index{right: auto; left:52px; top:100px;font-family: 'Montserrat', sans-serif;}
    .phone-page{right: auto; left:42px; top:91px;font-family: 'Montserrat', sans-serif;}
    .col-sm-12-bnovo{width:100%;position: relative;}
    .bnovo-widget {position: relative;top:auto}
    .swiper-items-s1 h2 {top: auto; text-align: center; padding: 0;font-size: 30px;}
    .swiper-items-s1 .container.h2 {text-align: center; }
    .pagination-s5 {left: auto;right:0;bottom: 40px;}
    .pagination-s5 .swiper-pagination-bullet {width: 40px;}
    .uslugi-desc {padding-bottom: 40px;}
    .section-padding {padding: 60px 0;}
    .contact {padding-top: 0px;padding-bottom: 40px;}
    .map-contact {background-color: #fff;}
    .navbar-toggler {border:1px solid #fff;}
    .page .navbar-toggler {border:1px solid #b69245;}
    .navbar-toggler-icon {color:#fff;}
    .page .navbar-toggler-icon {color:#b69245;}
    .navbar-collapse{padding: 7px 20px;}
    .navbar-collapse.show, .navbar-collaps.collapsing{background-color: rgb(0 0 0 / 85%);}
    .foot-soc-icon, .logo-ben{margin-top: 25px;}
}

@media (max-width:767px){
    .phone-page .moskva-mob, .phone-index .moskva-mob {text-align: center;font-size: 12px; display: inline; }
    .phone-index{left:37px;line-height: 1; margin-top: 10px;}
    .phone-page{left:28px;line-height: 1; margin-top: 10px;}
    .pagination-s1 .swiper-pagination-bullet {width: 40px;}
    .swiper-items-s1 .container.h2{position:absolute; top:150px;padding: 0;}
    .swiper-items-s1 h2 {font-size: 25px;}
    .h3-index span {font-size: 40px;}
    header.page {margin-bottom: 30px;}
    .navbar {z-index: 9;}

}
@media (max-width:626px){
    .btn-bron-top{display: none;}
    .nomer-desc, .swiper-items-s3, .swiper-items-s2 {margin-top: 10px; }
    .nomer-desc h4 a {font-size: 25px;}
    p {font-size: 15px;    margin-bottom: 5px;}
    .nomer-desc li {margin-top: 1px;font-size: 13px;}
    .nomer-desc .btn-bron{margin-top: 0px;}

    .h3-index span {font-size: 28px}
    .uslugi-desc p {margin-top: 20px; font-size: 16px;}
    .item-s5 .uslugi-desc p {font-size: 16px;}
    .uslugi-desc {padding-bottom: 20px;}
}

@media (max-width:575px){
    .logo-foot, .contact-foot, .foot-soc-icon, .logo-ben{text-align: center;margin-top: 25px;}

}
@media (max-width:500px){
    .uslugi-desc p:first-child, .uslugi-desc p:last-child {display:none;}
    .uslugi-desc .btn-bron {margin-top:0;}
    .swiper-items-s1 h2 {bottom: 75px;}
    .vse-nomera a {font-size: 22px;}
    .h3-index {font-size: 22px;}
    .item-s6 .swiper-slide-prev .btn-bron, .item-s6 .swiper-slide-next .btn-bron{display:none;}
    .swiper-items-s1 .swiper-slide .container.h2 h2{display:none;}
    .swiper-items-s1 .swiper-slide-active .container.h2 h2{display:inline-block;}
      
    .mesta, .swiper-items-s5, .swiper-items-s4, .map-contact  {margin-top: 20px;}
    .swiper-items-s1 .container.h2{position:absolute; top: auto; bottom:70px }
    .swiper-items-s1 .container.h2 h2{    font-size: 20px;        padding: 15px;}
    .pagination-s5 {bottom: 10px; position: relative; }
    .swiper-container-horizontal .pagination-s1{bottom: 0px;}
   .vse-nomera {margin-top: 0px; }
    .section-padding {padding: 35px 0;}
    .btn-bron {font-size: 20px;}
    .nomer-desc {margin-bottom: 50px; padding-bottom: 60px; border-bottom: 1px solid #b3b3b3;}
    .item-s5 .uslugi-desc p {font-size: 15px;}
    .bonus-zag {font-size: 26px;line-height: 1.2; }
}