html{box-sizing:border-box;-ms-overflow-style:scrollbar}
body { position: relative;
            background-color: #f9f9f9;
        color: #212529;
         font-size: 18px;
          font-weight: 400;
         padding: 0;margin: 0;
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}
* { box-sizing: border-box; }
a {
  text-decoration: none;
  color: #595959;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
a:hover { color: #050319;}
.wow {visibility: hidden;}
.container {
 margin: 0 auto;
 width: 1140px;max-width: 100%;
 padding: 0 15px;
}
header .container {
  width: 100%
}
header .inner {  width: 100%; padding: 33px 10px;
 display: flex;justify-content: space-between;align-items: center;
}
img {max-width: 100%}
.logo{ }

ul#menu {_width: 100%;
  display: flex;justify-content: space-around;
  align-items: center;
}
ul#menu li {
 margin: 0;padding: 0;list-style: none
}
ul#menu li + li {
 margin-left: 33px
}
ul#menu li a {text-align: center;
 position: relative;  color: #fff;
}

ul#menu li a:hover {
 font-weight: 600;
}


header {  position: relative;
 background: #fff;
 position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    min-height: 60px;
    padding: 10px 30px;
    box-shadow: 0 4px 45px -5px rgba(0,0,0,.12);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.top_phone {
  color: #fff ;
  font-size: 24px;font-weight: 700;  margin-right:40px;
}
.top_phone:hover {
  color: #fff
}

.top_callb{white-space: nowrap;
   color: #FFFFFF;font-size: .875rem;font-weight: 600;background: transparent;
       border: 1px solid #fff; text-transform: uppercase;
        padding: 11px 33px;
}
a.top_callb:hover {
color: #507975;;background: #fff;
}
#pege_info .gallery {
  padding-bottom: 0;padding-top: 40px;
}
.pagetitle {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 120%;
    color: #303030;
    margin-bottom: 10px;
    font-family: Cormorant, sans-serif;
}
#pege_info li {
  margin-bottom: 20px;
}
#pege_info ul { font-size: 1rem;
  margin: 30px  0 50px
}
#pege_info p { font-size: 1rem;
   margin:0 0 30px;line-height: 180%;
}

.specif {
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 70px;
}
@media (min-width: 375px) {
    .specif {
        grid-template-columns: repeat(2, 1fr);
    }
}
.specif div {
    font-size: .875rem;
    font-weight: 600;
    line-height: 180%;
    color: #303030;
    margin: 10px 15px;
    padding: 12.5px 10px;
    padding-left: 60px;
    border: 1px solid #dee2e6;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background: no-repeat 20px center;
}
.specif .im { background-image: url(../img/icon/ic-square-soft.svg) }
.specif .ip { background-image: url(../img/icon/ic-adult.svg) }
.specif .is { background-image: url(../img/icon/ic-bed-soft.svg) }
.specif .it { background-image: url(../img/icon/ic-tv.svg) }
.specif .ic { background-image: url(../img/icon/ic-air.svg) }
.specif .iw { background-image: url(../img/icon/ic-wifi.svg) }
.specif .id { background-image: url(../img/icon/ic-bath.svg) }
.specif .ie { background-image: url(../img/icon/ic-breakfast.svg) }
.specif .isp { background-image: url(../img/icon/ic-spa.svg) }

.header-booking {white-space: nowrap;  margin: 0 auto;
   color: #303030;font-size: .875rem;font-weight: 600;background: transparent;
       border: 1px solid #303030; text-transform: uppercase;
        padding: 11px 33px;
}
.header-booking:hover {
  color: #fff; background: #303030
}

#slider-home {
   position: relative;
}
#slider-home::after {  z-index: 2;
  content: '';
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.6); /* Это затемнение. Его степень можно отрегулировать... */
  width: 100%;
  height: 100%;
}
.swiper-content {
  position: absolute;
    top: 50%;
    margin-top: -40px;
    z-index: 2;
    pointer-events: none;
    left: 0;
    right: 0;
    max-width: 960px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;

        max-width: 100%; padding-left: 15px;
    padding-right: 15px;     z-index: 3;
    line-height: 110%;           text-align: center;
}


 .swiper-label {
        font-size: 5.625rem; font-weight: 700;
    line-height: 120%;
    color: #fff; margin: 0; 
    opacity: 1;
    font-size: 2.25rem;
   font-family: "Cormorant", serif;
    }

.swiper-heading {
    color: #fff;
    opacity: 1;
    font-size: .875rem;
    font-weight: 400;
    line-height: 130%;
    text-transform: uppercase;
}

 @media (min-width: 992px) {
     .swiper-label {
        font-size: 5.625rem;
    }
}

#slider-home .slide-item{ position: relative;
background-repeat: no-repeat !important;  max-height: 100vh; height: 100vh;
background-position: center  !important;background-size: cover  !important;}
/*
@media screen and (max-width: 39.9375em) {
.slide-item{min-height: 280px;background-position: center;    background-size: cover;} }
@media screen and (min-width: 40em) {
.slide-item{ height: 360px; min-height: 360px;} }
@media screen and (min-width: 64em) {
.slide-item{ height: 600px; min-height: 600px;}}
*/

@media (min-width: 768px) {
     .swiper-content {
        text-align: center;
    }


}


#block2 .container{ z-index:2 ;position: relative;}
#block2 {
    padding-top: 150px;
}

#block2 {
    background-image: url(../img/card-background-desktop.png);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    background-color: #f3efe6;
    position: relative;
}
#block2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f3efe6;
    opacity: .9;
    transition: all .3s ease-in-out;
    z-index: 2;
}



.block2-inner .card-heading {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 120%;
    color: #303030;
    margin-bottom: 10px;
    font-family: Cormorant, sans-serif;
}

.block2-inner .card-description {
    font-size: .875rem;
    font-weight: 400;
    line-height: 180%;
    color: #303030;
    margin-bottom: 30px;
}


@media (min-width: 576px) {
    #block2 {
        padding-top: 100px;
    }
}






@media (min-width: 992px) {
    .block2-inner .card-description {
        font-size: 1.0625rem;
        margin-left: 75px;
    }
    .block2-inner .card-heading {
        font-size: 3.125rem;
        margin-left: 75px;
    }
}


@media (min-width: 1200px) {
    .block2-inner .card-description {
        font-size: 1.125rem;
    }
    .block2-inner .card-heading {
        font-size: 3.75rem;
    }
}
@media (min-width: 768px) {
    #block2 {
        background-image: url(../img/card-background-desktop.png);
        background-position: 50%;
        background-size: auto;
    }
    .block2-inner .card-description {
        grid-area: description;
        align-self: center;
        margin-left: 35px;
    }
    .block2-inner .card-heading {
        grid-area: heading;
        align-self: center;
        margin-left: 35px;
    }

    .block2-inner {      padding: 75px 0;
        max-width: 100%;
        display: grid;
        grid-template-columns: 50% auto;
        grid-template-rows: auto auto;
        grid-template-areas:
        "featured ."
        "featured heading"
        "featured description"
        "featured .";
    }

    .block2-inner .card-image {
        grid-area: featured;
        max-width: 100%;
        height: 430px;
    }
}


.block2-inner .card-image {
    min-height: 255px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}





#rooms {
  padding:70px 0;
}
.rooms .rooms-heading {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 120%;
    color: #303030;
    margin-bottom: 10px;
    font-family: Cormorant, sans-serif;
}

.rooms .rooms-description {
    font-size: .875rem;
    font-weight: 400;
    line-height: 180%;
    color: #303030;
    margin-bottom: 30px;
}
@media (min-width: 768px) {
    .rooms .rooms-item {
        margin-bottom: 0;
    }
    .rooms .rooms-items {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
}
@media (min-width: 992px) {
    #rooms .rooms-description {
        font-size: 1rem;
    }
    .rooms .rooms-items {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .rooms .rooms-item {
        -ms-flex: 1 0 48%;
        flex: 1 0 48%;
    }


    .rooms .rooms-item {
        background-color: transparent;
        box-shadow: none;
    }
}
.rooms .rooms-item {
    background-color: #fff;
    box-shadow: 0 4px 45px -5px rgba(0, 0, 0, .12);
    transition: all .3s ease-in-out;
    margin-bottom: 30px;
    position: relative;
}
.rooms .rooms-image {
    height: 275px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}
.rooms .room-info {
    padding: 0 20px 15px;
}
.rooms .rooms-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
 .rooms .rooms-title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 160%;
    color: #303030;
    margin-bottom: 5px;
    font-family: Cormorant, sans-serif;
}
.rooms .rooms-feature, .rooms .rooms-features {
    display: -ms-flexbox;
    display: flex;
}
.rooms .rooms-feature {
    font-size: .875rem;
    font-weight: 400;
    line-height: 180%;
    color: #303030;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 30px;
}
.rooms .rooms-feature__beds:before {
    background-image: url(../img/icon/ic-bed.svg);
    margin-right: 5px;
}
.rooms .rooms-feature__bathroom:before {
    background-image: url(../img/icon/ic-bathroom.svg);
}
.rooms .rooms-feature__square:before {
    background-image: url(../img/icon/ic-square.svg);
    margin-right: 5px;
}
.rooms .rooms-feature:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-top: 1px;
}
@media (min-width: 992px) {
    .rooms .rooms-item:nth-of-type(n+3) {
        -ms-flex: 0 0 31.1%;
        flex: 0 0 31.1%;
    }
}
@media (min-width: 1200px) {
    .rooms .rooms-item:nth-of-type(n+3) {
        -ms-flex: 0 0 31.5%;
        flex: 0 0 31.5%;
    }
}





.hotel-label:before { content: "";display: inline-block;width: 21px;height: 21px;vertical-align: middle;
  background-image: url("data:image/svg+xml, %3Csvg class='ic-pin' xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath d='M10.6078 11.5838C12.0438 11.5838 13.2078 10.4197 13.2078 8.98379C13.2078 7.54785 12.0438 6.38379 10.6078 6.38379C9.17187 6.38379 8.00781 7.54785 8.00781 8.98379C8.00781 10.4197 9.17187 11.5838 10.6078 11.5838Z' stroke='white'/%3E%3Cpath d='M3.62612 7.46791C5.26779 0.251239 15.9595 0.259572 17.5928 7.47624C18.5511 11.7096 15.9178 15.2929 13.6095 17.5096C11.9345 19.1262 9.28446 19.1262 7.60113 17.5096C5.30113 15.2929 2.66779 11.7012 3.62612 7.46791Z' stroke='white'/%3E%3C/svg%3E");
  background-position: center;
}



.chess .chess-heading {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 120%;
    color: #303030;
    margin-bottom: 30px;
    text-align: center;
    font-family: Cormorant, sans-serif;
}

.chess .chess-items {
    background-color: #fff;
}



.chess .chess-info {
    padding: 50px 20px 30px;
}





.chess .chess-image {
    height: 225px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.chess .chess-label.lined {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.chess .chess-label {
    font-size: .75rem;
    font-weight: 600;
    line-height: 130%;
    color: #303030;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-bottom: 13px;
}
.chess .chess-title {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 110%;
    color: #303030;
    margin-bottom: 20px;
    font-family: Cormorant, sans-serif;
}
.chess .chess-description {
    font-size: .875rem;
    font-weight: 400;
    line-height: 175%;
    color: #303030;
}



           #popup {   left: 50%;top: 50%;transform: translate(-50%,-50%);
             position: fixed;width: 670px;max-width: 100%;max-height: 100%; z-index: 1022;
-webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
              left: -1000px;  height: auto;
           }
            #popup.show {
                left: 50%;
            }

            #popup.show + .bg_popup {
               position: fixed; background:rgba(0, 0, 0, 0.4); width: 100%;height: 100%; z-index: 1021;left: 0;top: 0;
            }
            #popup .close {  left: 100%;top: 0%;transform: translate(30px,0%); position: fixed;
               width: 40px;height: 40px;display: inline-block;cursor: pointer;
               background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.95344 40C1.56711 40.0001 1.18943 39.8856 0.86818 39.671C0.546931 39.4563 0.296544 39.1513 0.14869 38.7944C0.000836634 38.4374 -0.0378414 38.0447 0.0375486 37.6658C0.112939 37.2868 0.29901 36.9388 0.572226 36.6656L36.6651 0.572129C37.0314 0.205801 37.5283 0 38.0463 0C38.5644 0 39.0612 0.205801 39.4275 0.572129C39.7938 0.938457 39.9996 1.4353 39.9996 1.95337C39.9996 2.47144 39.7938 2.96828 39.4275 3.33461L3.33466 39.4281C3.15344 39.6097 2.93813 39.7537 2.7011 39.8519C2.46407 39.95 2.20999 40.0003 1.95344 40Z' fill='white'/%3E%3Cpath d='M38.0466 40C37.79 40.0003 37.5359 39.95 37.2989 39.8519C37.0619 39.7537 36.8466 39.6097 36.6653 39.4281L0.572469 3.33461C0.206148 2.96828 0.000350828 2.47144 0.000350828 1.95337C0.000350828 1.4353 0.206148 0.938457 0.572469 0.572129C0.938791 0.205801 1.43563 0 1.95369 0C2.47174 0 2.96858 0.205801 3.3349 0.572129L39.4278 36.6656C39.701 36.9388 39.8871 37.2868 39.9625 37.6658C40.0378 38.0447 39.9992 38.4374 39.8513 38.7944C39.7035 39.1513 39.4531 39.4563 39.1318 39.671C38.8106 39.8856 38.4329 40.0001 38.0466 40Z' fill='white'/%3E%3C/svg%3E%0A");
            }
             #popup form { border-radius:30px;padding:20px 54px;
             overflow-y: auto;max-height: 100vh;display: block;
               position:relative; background: #fff;height: auto;
             }
              #popup  .hdr1 { color: #3A3A3A;  font-family: "Cormorant", serif;; margin-bottom: 16px;font-size: 16px;font-weight: 300;line-height: 24px;}
              #popup  .hdr2 { color: #3A3A3A;  font-family: "Cormorant", serif;; margin-bottom: 18px;font-size: 36px;font-weight: 800;padding-bottom: 28px;border-bottom: 3px solid #E9E9E9}
               #popup  input[type="text"],#popup  input[type="tel"],#popup  input[type="email"],#popup  textarea { border:0;margin-bottom: 23px;padding:16px 12px;
                 background: #fff;  border-bottom: 1px solid #DFDFDF;height: 48px;width: 100%;font-size: 14px;
              }
              #popup  textarea {
                padding: 12px;
              }

              #popup  label[for="terms"] {font-weight: 300;margin-bottom: 42px;
                  color: #727272;display: flex;justify-content: flex-start;align-items: center;
              }
              #popup  label[for="message"] { margin-bottom: 8px;font-family: "Cormorant", serif; font-size: 20px; font-weight: 800

              }

              #popup  input[type="checkbox"] { width: 34px;height: 34px;
                 border: 1px solid #9B9EA1;margin-right: 10px;
              }
              #popup button{
                display: block;text-align: center; color: #FFFFFF
              }
              #popup button:after {
width: 60px;
  height: 60px;
  content: "";
  display: inline-block;
  border-radius: 50%;
  background: #507975 no-repeat center;
    background-image: none;
background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.39009 13L0 11.6L9.53204 2H0.99292V0H12.908V12H10.9221V3.4L1.39009 13Z' fill='white'/%3E%3C/svg%3E%0A");
}
#popup button { width: 100%;
  border: 0;background: transparent
}
.datepickers-container {
  z-index: 1030
}

#popup button span {
font-family: "Cormorant", serif;
  display: inline-block;
  padding: 18px 0px;
  width: calc( 100% - 60px );
  background: #507975;;
  border-radius: 35px;
  vertical-align: top;
font-size: 20px;
font-weight: 800;
line-height: 25.2px;
                      }




@media (min-width: 992px) {
    .chess {
        margin-bottom: 120px;
    }
    .chess .chess-heading {
        font-size: 3.75rem;
        margin-bottom: 40px;
    }
    .chess .chess-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .chess .chess-item:nth-of-type(odd) .chess-info {
        -ms-flex-order: 1;
        order: 1;
    }

    .chess .chess-info {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 15px 45px;
    }
    .chess .chess-image, .chess .chess-info {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .chess .chess-item:nth-of-type(2n) .chess-info, .chess .chess-item:nth-of-type(odd) .chess-image {
        -ms-flex-order: 2;
        order: 2;
    }

    .chess .chess-image {
        height: 320px;
    }

    .chess .chess-image, .chess .chess-info {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .chess .chess-description, .chess .chess-label, .chess .chess-title {
        text-align: center;
    }
    .chess .chess-title {
        font-size: 50px;
    }
    .chess .chess-description, .chess .chess-label, .chess .chess-title {
        text-align: center;
    }
    .chess .chess-description {
        font-size: 1rem;
    }
    .chess .chess-description, .chess .chess-label, .chess .chess-title {
        text-align: center;
    }
}

@media (min-width: 1200px) {
    .chess .chess-info {
        padding: 15px 50px;
    }
}









#hotels {
    background-image: url(../img/hotels-background.png);
    background-color: #1c1c1c;
    background-position: 100% 100%;
    background-size: auto;
    background-repeat: no-repeat;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.hotels {
    padding: 70px 15px;
}
.hotels .hotels-info {
    margin-bottom: 30px;
}

.hotels .hotels-heading {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 120%;
    color: #fff;
    margin-bottom: 10px;
    font-family: Cormorant, sans-serif;
}

.hotels .hotels-description {
    font-size: .875rem;
    font-weight: 400;
    line-height: 180%;
    color: #fff;
}


.hotels .hotel-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 220px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;

    background-attachment: fixed;
    position: relative;
}
.hotels .hotel-label, .hotels .hotel-title {
    line-height: 160%;
    color: #fff;
    font-family: Cormorant, sans-serif;
}
.hotels .hotel-label {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 10px;
}
.hotels .hotel-button, .hotels .hotel-label, .hotels .hotel-title {
    z-index: 2;
}
.hotels .hotel-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .6;
    transition: all .3s ease-in-out;
    z-index: 2;
}
.hotels .hotel-button {
    font-size: .875rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 11px 33px;
    color: #fff;
    border: 1px solid #fff;
    transition: all .3s ease-in-out;
}
.hotels .hotel-title {
    font-size: 1.5rem;
    font-weight: 700;
}

.hotels .hotel-label, .hotels .hotel-title {
    line-height: 160%;
    color: #fff;
    font-family: Cormorant, sans-serif;
}










@media (min-width: 768px) {
    .hotels .hotel-item {
        background-attachment: unset;
    }
}
@media (min-width: 992px) {
    .hotels .hotel-item:hover:before {
        display: block;    }
    .hotels .hotel-item:before {
        display: none;
    }
    .hotels .hotel-item:hover .hotel-label {
        transition: all .3s ease-in-out;
    }
    .hotels .hotel-item:hover .hotel-button, .hotels .hotel-item:hover .hotel-label, .hotels .hotel-item:hover .hotel-title {
        opacity: 1;
    }
    .hotels .hotel-item .hotel-button, .hotels .hotel-item .hotel-label, .hotels .hotel-item .hotel-title {
        opacity: 0;
        transition: all .15s ease;
    }
    .hotels .hotels-info {
        -ms-flex-order: 2;
        order: 2;
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%;
        margin-bottom: 0;
        padding-left: 4.5%;
        padding-right: 7.5%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .hotels .hotels-list {
        -ms-flex-order: 1;
        order: 1;
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
        max-width: 55%;
    }
    .hotels {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
    }
}

@media (min-width: 1200px) {
    .hotels .hotels-description {
        font-size: 1.125rem;
    }
    .hotels .hotels-info, .hotels .hotels-list {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .hotels .hotels-info, .hotels .hotels-list {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (min-width: 1440px) {
    .hotels .hotels-list {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    .hotels .hotels-info {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }
}






.gallery {
    padding: 70px 0;
}
.gallery .gallery-heading {
    font-size: 2.25rem;
    font-weight: 700;
    color: #303030;
    line-height: 120%;
    margin-bottom: 10px;
}
.gallery .gallery-description {
    font-size: .875rem;
    font-weight: 400;
    color: #303030;
    line-height: 180%;
    margin-bottom: 20px;
}
.gallery .gallery-button {
    font-size: 1rem;
    font-weight: 700;
    line-height: 160%;
    color: #507975;
    border: 1px solid #507975;
    padding: 11px 15px;
    margin-bottom: 20px;
    display: block;
    text-align: center;
    transition: all .3s ease-in-out;
}
.gallery .gallery-images {
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.gallery .gallery-image {
    display: block;
    width: 100%;
    height: 185px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    transition: all .3s ease-in-out;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.gallery .gallery-image:first-child {
    -ms-flex-order: 1;
    order: 1;
}
.gallery .gallery-image:before {
    content: "";
    background-color: rgba(0, 0, 0, .65);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .3s ease-in-out;
    opacity: 0;
}
.gallery .gallery-image:after {
    content: "";
    background-image: url(../img/icon/ic-zoom.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    display: block;
    width: 30px;
    height: 30px;
    transition: all .3s ease-in-out;
    opacity: 0;
    z-index: 1;
    position: relative;
}
.gallery .gallery-image:hover:after, .gallery .gallery-image:hover:before {
    opacity: 1;
}





@media (min-width: 992px) {

    .gallery .gallery-image:first-child {
        -ms-flex-order: 1;
        order: 1;
        height: 295px;
    }
    .gallery .gallery-image {
        width: auto;
    }
    .gallery .gallery-images {
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        orphans: 1;
        widows: 1;
        display: block;
    }
    .gallery .gallery-button:after {
        content: "";
        display: block;
        width: 50px;
        height: 14px;
        background-image: url(../img/icon/ic-arrow.svg);
        background-position: 50%;
        background-size: 100% auto;
        background-repeat: no-repeat;
        margin-top: 1px;
        margin-left: 20px;
        transition: all .3s ease-in-out;
    }
    .gallery .gallery-button:hover:after {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
        transition: all .3s ease-in-out;
    }
    .gallery .gallery-image:nth-child(2) {
        -ms-flex-order: 2;
        order: 2;
        height: 265px;
    }
    .gallery .gallery-image:nth-child(3) {
        -ms-flex-order: 3;
        order: 3;
        height: 230px;
    }
    .gallery .gallery-image:nth-child(4) {
        -ms-flex-order: 4;
        order: 4;
        height: 330px;
    }
        .gallery .gallery-image:nth-child(5) {
        -ms-flex-order: 5;
        order: 5;
        height: 570px;
    }

    .gallery .gallery-header {
        padding-right: 40%;
        position: relative;
    }
    .gallery .gallery-button {
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 160%;
        color: #507975;
        border: none;
        padding: 4px 8px 4px 0;
        margin-bottom: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        transition: all .3s ease-in-out;
    }

    .gallery .gallery-button {
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .gallery {
        margin-bottom: 60px;
    }
}

#map {
  margin-bottom: -5px;
}
header.affix {
    position: fixed;
    background-color: #fff;
    opacity: 1;
    height: auto;
    transition: none;
    overflow: visible;
}
header.affix .container {
  width: 100%
}
header.affix a,header.affix ul#menu li a {
          color: #303030;
}
header.affix .inner {
  padding: 0px;
}
header.affix .logo img {
  height: 60px;
}
header.affix .top_callb {
   border-color:#303030
}

@media (min-width: 1200px) {
    header {
        -ms-flex-align: center;
        align-items: center;
        overflow: initial;
        background-color: transparent;
        box-shadow: none;
        padding-left: 70px;
        padding-right: 70px;
    }
}






footer {background-color: #1c1c1c;
    padding: 50px 0 0; color: #fff;
}

footer .footer-top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding: 0 15px;
}
footer .footer-logotype {
    max-width: 75px;
    position: absolute;
    top: 0;
    left: 15px;
}
footer .footer-contacts {
    width: 100%;
    padding-left: 100px;
    text-align: right;
    margin-bottom: 30px;
}
footer .footer-label {
    font-size: 1.3rem;
    font-weight: 600;
    color: #fff;
    line-height: 130%;
    margin-bottom: 10px;
    font-family: Cormorant, sans-serif;
}
footer .footer-string {
    font-size: .875rem;
    font-weight: 400;
    color: #fff;
    line-height: 130%;
}
footer .footer-string:not(:last-child) {
    margin-bottom: 10px;
}
footer .footer-string {
    font-size: .875rem;
    font-weight: 400;
    color: #fff;
    line-height: 130%;
}
footer .footer-bottom {
    padding: 30px 15px;
    border-top: 1px solid rgba(243, 239, 230, .1);
}

footer .footer-disclaimer {
    font-size: .875rem;
    font-weight: 400;
    color: #fff;
    line-height: 130%;
    text-align: center;
    margin-bottom: 30px;
}
.socials {
    margin-bottom: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}
footer .footer-copyright {
    text-align: center;
}
footer .logo {
  color: #fff;white-space: nowrap;
}
footer a {
  color: #fff;
}
footer a:hover {
  color: #fff;opacity: 0.7
}






@media (min-width: 992px) {
    footer .footer-copyright {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
        -ms-flex-order: 1;
        order: 1;
        text-align: left;
        display: -ms-flexbox;
        display: flex;
        gap: 10px 15px;
    }
    .socials {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 0;
    }
    footer .footer-disclaimer {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
        -ms-flex-order: 3;
        order: 3;
        margin-bottom: 0;
        text-align: right;
    }
    footer .footer-bottom, footer .footer-top {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;

        padding: 20px 50px;
    }
    footer .footer-contacts {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        -ms-flex-order: 3;
        order: 3;
        margin-bottom: 0;
    }
    footer .footer-logotype {
        position: static;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        -ms-flex-order: 1;
        order: 1;
    }
    footer {
        padding: 0;
    }
    footer .footer-top {
        padding: 25px 50px;
    }
    footer .footer-bottom, footer .footer-top {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
    }
}
.socials .social {
    display: -ms-flexbox;
    display: flex;
    margin: 0 15px;
}
@media (min-width: 576px) {
    footer .footer-logotype {
        max-width: 110px;
    }
}





.title_img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .6;
    transition: all .3s ease-in-out;
    z-index: 2;
}
.title_img {
    min-height: 100vh;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    min-height: 650px;
    margin-bottom: 70px;
}
h1.page_title{ color: #fff;
    font-size: 2.25rem; z-index: 3;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 10px;
    font-family: Cormorant, sans-serif;
}
#pege_info {
  padding-bottom: 50px;
}

@media (min-width: 768px) {
    .title_img {
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (min-width: 768px) {
    h1.page_title {
        font-size: 3.125rem;
    }
}

@media (min-width: 992px) {
    .hero-single .hero-breadcrumbs, .hero-single .hero-description, h1.page_title {
        text-align: center;
    }
}






 











.mob_menu { display:none }
.header-hamburger-line {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 4px;
    background-color: #000;
    transition: all .3s ease;
}
header:not(.affix) .header-hamburger-line {
    background-color: #fff;
}

.header-hamburger-line.header-hamburger-line__top {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    width: 50%;
}

.header-hamburger-line.header-hamburger-line__bottom {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}

.mob_menu.show .header-hamburger-line.header-hamburger-line__top {
   width: 100%;
    -webkit-transform: translate(0) rotate(45deg);
    transform: translate(0) rotate(45deg);
}
.mob_menu.show .header-hamburger-line.header-hamburger-line__middle {
    opacity: 0;
}
.mob_menu.show .header-hamburger-line.header-hamburger-line__bottom {
    -webkit-transform: translate(0) rotate(-45deg);
    transform: translate(0) rotate(-45deg);
}
@media (max-width: 820px) {
     ul#menu {
       font-size: 14px;
     }

}
@media (max-width: 768px) {
    footer .logo img {
      height: 50px;
    }
    footer .logo { text-align: center;
      display: inline-block;
    }
    .mob_menu { display: block;
      -webkit-transform: translateY(10px);
    transform: translateY(0px);
    height: 26px;
    width: 30px;
    padding:0px 0;
    box-shadow: none;
    border: none;
    background-color: transparent;
    }
    .mob_phone {
    position: fixed;
    top: 200px;
    right: 0;
    display: block;
    width: 50px;
    height: 50px;
    background-color: #2acb4b;
    background-image: url(../img/icon/ic-callback.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px auto;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    z-index: 2;
    }
    .top_phone {
      display: none;
    }
      ul#menu  {
        display: none;
      }
      header .logo img {
      height: 60px;
    }
}

.for_mo {
  display: none;
}
.mob_foter_blk {
  display: none;
}
main {
  overflow: hidden;
}
 #popup_menu {
   position: fixed;left: -300px;top:0px; height: 100%;/* calc(100% - 85px);*/
   background: #fff;padding:30px 26px 38px;z-index: 1010;overflow-y: auto;
  -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
 }
 #popup_menu.show {
   left: 0;
 }

#popup_menu.show + .bg_popup {
   position: fixed; background: rgba(0, 0, 0, 0.4); width: 100%;height: 100%; z-index: 1009;left: 0;top: 0;
}
.menu_phone { position: relative;
  margin: 0;padding: 0;margin-bottom: 40px
}
.menu_phone li {
  list-style: none;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.menu_phone li + li {
   margin-top: 25px;
}
.menu_phone li a:hover { color: #050319;

}
.menu_cont {
   border-top: 3px solid #E9E9E9;     margin-bottom: 28px;
   border-bottom: 3px solid #E9E9E9;padding:37px 0;
}
.menu_cont  div {
       font-size: 20px;font-weight: 600
}
#popup_menu .top_callb { display: block;text-align: center;

}

.error { position: relative;z-index: 1;
  font-size: 14px;font-weight: 300;background: #fff;float: right;margin-bottom: -20px;padding: 1px 3px;border-radius:4px;box-shadow: 0 0 8px rgba(0,0,0,0.5);height: 20px;
}
.fot_mob {
  display: none;
}

@media (max-width: 1300px) {
    .right_bl1{    background-position:  center;    background-size: cover;}
}
@media (max-width: 1300px) {
    .right_bl1{    background-position:  center 37%;    background-size: cover;}
}
@media (max-width: 450px) {
    .right_bl1{    background-position:  center 47%;    background-size: cover;}
}
@media (max-width: 1500px) {

     ul#menu {
       padding: 0
     }
     .container {
       padding: 0 20px;
     }

     ul#menu li + li {
        margin-left: 13px;
      }
      .top_phone {
        font-size: 20px;
        font-weight: 700;
        margin-right: 20px;
      }
      header .inner {
        padding: 15px 0;
      }

}


@media (max-width: 998px) {
   .mob_phone,.mob_menu  {/* width: 60px;height: 55px;border: 1px solid #0166FC;
       cursor: pointer;display: inline-block;border-radius:5px;
       background: #0166FC no-repeat center;
       background-image: url("data:image/svg+xml,%3Csvg width='40' height='32' viewBox='0 0 40 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0794 21.1067C14.0496 24.7617 17.625 27.6395 21.7059 29.6757C23.2596 30.4337 25.3375 31.333 27.6525 31.4872C27.796 31.4936 27.9333 31.5 28.0768 31.5C29.6306 31.5 30.8785 30.9476 31.8956 29.8106C31.9019 29.8042 31.9144 29.7913 31.9206 29.7785C32.2825 29.3288 32.6944 28.9242 33.1249 28.4938C33.4182 28.2047 33.7177 27.9028 34.0047 27.5945C35.3338 26.1685 35.3338 24.357 33.9923 22.976L30.2421 19.1154C29.6056 18.4345 28.8443 18.0748 28.0456 18.0748C27.2469 18.0748 26.4794 18.4345 25.8242 19.109L23.5903 21.4086C23.3844 21.2866 23.1723 21.1774 22.9726 21.0746C22.723 20.9461 22.4921 20.8241 22.2862 20.6892C20.252 19.3595 18.405 17.6252 16.6391 15.3962C15.7468 14.2335 15.1478 13.2571 14.7297 12.2615C15.3163 11.7155 15.8654 11.1438 16.3958 10.585C16.583 10.3858 16.7764 10.1867 16.9698 9.98757C17.6437 9.29382 18.0056 8.49088 18.0056 7.67509C18.0056 6.8593 17.65 6.05636 16.9698 5.36262L15.1103 3.4484C14.8919 3.22358 14.686 3.00518 14.4739 2.78036C14.062 2.34356 13.6315 1.89391 13.2072 1.48922C12.5645 0.840448 11.8094 0.5 11.0107 0.5C10.2183 0.5 9.45699 0.840448 8.78932 1.49565L6.4556 3.89805C5.60698 4.77165 5.12651 5.83154 5.02667 7.05843C4.90811 8.59366 5.18267 10.2252 5.89401 12.1973C6.986 15.2484 8.63333 18.0812 11.0794 21.1067ZM6.5492 7.19333C6.62408 6.339 6.94232 5.62598 7.54135 5.00932L9.86259 2.61977C10.2245 2.26005 10.6239 2.07377 11.0107 2.07377C11.3914 2.07377 11.7782 2.26005 12.1339 2.63262C12.552 3.03087 12.9451 3.4484 13.3694 3.89163C13.5816 4.11645 13.8 4.34128 14.0184 4.57252L15.8778 6.48674C16.2647 6.885 16.4644 7.28968 16.4644 7.68794C16.4644 8.0862 16.2647 8.49088 15.8778 8.88914C15.6844 9.08827 15.491 9.29383 15.2975 9.49295C14.7172 10.0968 14.1744 10.6685 13.5753 11.2145C13.5628 11.2273 13.5566 11.2337 13.5441 11.2466C13.0262 11.7797 13.1073 12.2872 13.2321 12.6726C13.2384 12.6919 13.2446 12.7047 13.2508 12.724C13.7313 13.9123 14.399 15.0429 15.4411 16.3918C17.313 18.7685 19.2848 20.6121 21.4563 22.0317C21.7246 22.2116 22.0117 22.3529 22.28 22.4942C22.5296 22.6227 22.7604 22.7447 22.9664 22.8796C22.9913 22.8925 23.01 22.9053 23.035 22.9181C23.2409 23.0274 23.4406 23.0787 23.6403 23.0787C24.1395 23.0787 24.4639 22.7511 24.57 22.6419L26.9037 20.2395C27.2656 19.867 27.6588 19.6678 28.0456 19.6678C28.5199 19.6678 28.9067 19.9697 29.1501 20.2395L32.9128 24.1065C33.6615 24.8773 33.6553 25.7124 32.894 26.5282C32.632 26.8172 32.3574 27.0935 32.0641 27.3825C31.6273 27.8193 31.1718 28.269 30.76 28.7764C30.0424 29.5729 29.1875 29.9455 28.0831 29.9455C27.977 29.9455 27.8647 29.9391 27.7586 29.9327C25.7119 29.7978 23.8087 28.9755 22.3798 28.2754C18.4986 26.3419 15.0916 23.599 12.2649 20.1175C9.93746 17.2333 8.37125 14.5483 7.33543 11.6705C6.69272 9.90406 6.44936 8.48446 6.5492 7.19333Z' fill='white'/%3E%3C/svg%3E%0A");
       */

   }

   #block1 {   grid-gap: 0px;
      grid-template-columns: 40% 60%; margin-bottom: 40px;
   }
   .left_bl1  {
     padding-right: 30px;
   }

   .ban_title {
  font-size: 42px;line-height: normal;
  color: #050319;
  font-weight: 600;
    }
    .ban_img li {
      font-size: 14px;margin-bottom: 30px;
    }
    .ban_list {
    	display: grid;
        grid-template-columns: 50% 50%;
    }
    .line1 {
      display: block;font-size: 14px
    }
   .ico_avail { margin-top:25px;
     display: inline-block;
   }
   .ban_title span {
     padding:0 5px 10px;line-height: 36px;
   }
   #block2 {
     padding: 27px 0 ;margin-bottom: 60px;
   }
   .bl2-title { font-size: 34px; margin-bottom: 24px;

   }
    .bl2-txt {
      font-size: 16px; margin-bottom: 40px;
    }
    #block2 .owl-stage-outer {
          margin-bottom: 40px;}
    .bl3-title {
       font-size: 40px;margin-bottom:24px;
    }
    .bl3-txt {
    	font-size: 18px;
    	margin-bottom: 40px;
    }
     #steps {
  grid-template-columns: repeat(2, 1fr);
    	margin: 20px auto 60px;
    	grid-gap: 20px;
    	display: grid;
    }
    #steps .step-txt {
            font-size: 16px;
    }
    #block4 .bl4-title {
      font-size: 40px;margin-bottom: 20px;
    }
    #block4 .bl4-txt {
        font-size: 18px;margin-bottom: 54px;
    }
    #block4 {
      padding-bottom: 64px;
   }
    .bl5-title {
       font-size: 40px;margin-bottom: 40px;
    }
    .block5-list li span  {
      font-size: 18px;margin-bottom: 34px;
    }
    #block5 .ban-title { line-height: 48px;
         font-size: 40px;margin-bottom: 34px;
    }
    .ban-txt {
             font-size: 14px;margin-bottom: 34px;
    }
     #block5 {
       margin-bottom: 64px;
     }
     #question .title-que {  line-height: normal;
           font-size: 40px;margin-bottom: 45px;
     }
     #block5 .banner {
       margin-bottom: 0
     }
     #question {
      margin-bottom: 40px;
      padding: 0 0px;
    }
    #question ul li a {
    	font-size: 14px;
    	font-weight: 600;
    	line-height: normal;
    	display: block;
    	color: #050319;
    }
    #question ul li a::after {
       transform: translateY(-30%)
    }
    #contact { grid-gap: 0px;
       padding:37px 11px; margin-bottom: 60px
    }
   #contact .cont-left {
      padding-right: 20px;
    }

    #contact .cont-hdr1 {      font-size: 26px;margin-bottom: 48px    }
    #contact .cont-hdr2 {      font-size: 40px;    }
    #contact .cont-hdr3 {      font-size: 40px;margin-bottom: 48px    }
    #contact p {      font-size: 14px;margin-bottom: 40px ;line-height: 20px   }
    .cont-right > div {

    }
    .cont-right > div > * {
      font-size:14px
    }
    .cont-right .phone-form, .cont-right .mail-form {
    margin-bottom: 14px;
      }
      footer .logo span {
          font-size: 20p;x;
      }
      footer .inner {
       grid-template-columns: repeat(2, 1fr);
    	margin: 20px auto 60px;
    	grid-gap: 20px;
    	display: grid;
      }
      .for_pc {
        display: none;
      }
      .for_mo {
        display: block;
      }
      footer {
        padding: 43px 12px 55px;
      }
      footer .inner {
        margin: 0
      }

}
@media (max-width: 836px) {
     #block1 {
    	grid-gap: 0px;
    	margin-top: 0;
    	grid-template-columns: 100%;
    }
    .right_bl1 {
    	height: 406px;
    	grid-row-start: 1;
    	margin-bottom: 20px;
    }
   #popup form{
     max-height: calc(100vh - 100px);margin-top: 80px;
   }
   #popup .close {
  left: 50%;
  top: 20px;
  transform: translate(-50%,0px);
  }
}
@media (max-width: 658px) {
 header .container {
    padding: 0 0px;
  }
    header {
      padding: 10px 15px;
    }

    #popup .hdr2 {
         font-size: 34px;
    }
   #popup .hdr1 {
     display: none;
   }
    #popup form {
      padding: 30px 20px;
    }
    .ico_avail {
      width: 100%
    }
    .ban_btn {
      display: none;
    }
    .ico_bbb div {
   line-height: 18px
}
    #steps button span, .banner .slide-info button span {
      padding-left: 0;padding-right: 0;text-align: center;width: calc(100% - 60px)
    }
    #block5 .slide-info {
  padding: 46px 37px;
}
    #contact form label {
      font-size: 16px;margin-bottom:16px;
    }
    #contact form input {
      margin-bottom:34px;
    }
    footer {
     padding: 30px 15px;
    }
    .icon_img > div.icon2 {
      margin-top: 10px;
    }
    .ico_bbb{ width: 320px;
      margin: 0 auto;text-align: left;
    }
    .cont-right > div {
      padding-left: 30px;
    }

    .line1 {
      text-align: center;
    }

    .ico_avail {
      margin: 25px auto 0
    }
 .gallery .gallery-heading{
    margin-top: 0;
    margin-bottom: 10px;
    }
    .chess .chess-heading {
    margin-top: 0;
    }
    #rooms {
      padding:  0 0 40px;
    }

     ul#menu {
       display: none;
     }
     .mob_foter_blk {
  width: 100%;  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  bottom: 5px; left: 0;
  z-index: 1000;padding: 5px;
  border-radius:51px;
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(154.49deg, rgba(121, 117, 131, 0.1) 5.35%, rgba(54, 53, 103, 0.1) 83.85%);
      max-width: 100%
     }
     .order {
       background: #0166FC;border: 2px solid #0166FC;color: #fff; min-width: 182px;
       font-family: Plus Jakarta Sans;border-radius:35px;  cursor: pointer;   text-align: center;
        font-size: 14px;font-weight: 700;line-height: 19.6px; padding: 18px 5px;

     }
     a.tel{ width: 60px;height: 60px; display: inline-block;
      background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_197_63)'%3E%3Cpath d='M51.3 8.6225C45.6 3.1125 38.1 0 30.1125 0C7.1875 0 -7.2075 24.8375 4.24 44.595L0 60L15.8375 55.87C22.7375 59.5975 28.39 59.2675 30.1275 59.4875C56.71 59.4875 69.9425 27.3275 51.2625 8.72L51.3 8.6225Z' fill='%23ECEFF1'/%3E%3Cpath d='M30.1677 54.3775L30.1527 54.375H30.1127C22.1577 54.375 17.0752 50.6075 16.5752 50.39L7.2002 52.8275L9.7127 43.715L9.11519 42.7775C6.64019 38.8375 5.3252 34.3 5.3252 29.6275C5.3252 7.64498 32.1877 -3.34752 47.7327 12.19C63.2402 27.565 52.3527 54.3775 30.1677 54.3775Z' fill='%234CAF50'/%3E%3Cpath d='M43.7674 35.7675L43.7449 35.955C42.9924 35.58 39.3274 33.7875 38.6449 33.54C37.1124 32.9725 37.5449 33.45 34.6024 36.82C34.1649 37.3075 33.7299 37.345 32.9874 37.0075C32.2374 36.6325 29.8299 35.845 26.9799 33.295C24.7599 31.3075 23.2699 28.87 22.8299 28.12C22.0974 26.855 23.6299 26.675 25.0249 24.035C25.2749 23.51 25.1474 23.0975 24.9624 22.725C24.7749 22.35 23.2824 18.675 22.6574 17.21C22.0574 15.75 21.4399 15.935 20.9774 15.935C19.5374 15.81 18.4849 15.83 17.5574 16.795C13.5224 21.23 14.5399 25.805 17.9924 30.67C24.7774 39.55 28.3924 41.185 35.0024 43.455C36.7874 44.0225 38.4149 43.9425 39.7024 43.7575C41.1374 43.53 44.1199 41.955 44.7424 40.1925C45.3799 38.43 45.3799 36.9675 45.1924 36.63C45.0074 36.2925 44.5174 36.105 43.7674 35.7675Z' fill='%23FAFAFA'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_197_63'%3E%3Crect width='60' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    }
    a.sms { color: #0166FC;padding:20px 5px; background: #fff;display: inline-block;
font-family: Plus Jakarta Sans;border-radius:35px;min-width: 93px;text-align: center;
font-size: 14px;
font-weight: 700;
line-height: 19.6px;
    }
   a.sms:before { content: "";display: inline-block;width: 20px;height: 20px;margin-right: 10px;vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_197_76)'%3E%3Cpath d='M13.8293 1.23523H2.26172C1.01445 1.23523 0 2.24968 0 3.49695V13.6337C0 14.1137 0.54293 14.3844 0.926172 14.1106L4.14766 11.8122C4.41797 11.6196 4.73594 11.5177 5.06797 11.5177H12.1535C13.4008 11.5177 14.4152 10.5032 14.4152 9.25593V1.82117C14.4152 1.49773 14.1527 1.23523 13.8293 1.23523ZM10.9832 8.33328H4.21328C3.88984 8.33328 3.62734 8.07117 3.62734 7.74734C3.62734 7.4239 3.88984 7.1614 4.21328 7.1614H10.9832C11.3066 7.1614 11.5691 7.4239 11.5691 7.74734C11.5691 8.07117 11.3066 8.33328 10.9832 8.33328ZM10.9832 5.5989H4.21328C3.88984 5.5989 3.62734 5.33679 3.62734 5.01296C3.62734 4.68953 3.88984 4.42703 4.21328 4.42703H10.9832C11.3066 4.42703 11.5691 4.68953 11.5691 5.01296C11.5691 5.33679 11.3066 5.5989 10.9832 5.5989Z' fill='%230357FF'/%3E%3Cpath d='M20.0002 8.04189V18.1782C20.0002 18.6551 19.46 18.9309 19.074 18.6552L15.8525 16.3571C15.5822 16.1646 15.2643 16.0626 14.9322 16.0626H7.84668C6.59941 16.0626 5.58496 15.0478 5.58496 13.8005V12.6896H12.1537C14.0471 12.6896 15.5873 11.1493 15.5873 9.25596V5.77979H17.7385C18.9857 5.77979 20.0002 6.79463 20.0002 8.04189Z' fill='%230357FF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_197_76'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    }
    footer .inner {
  display: block;
    }
    footer .ico_bbb ,
    footer .logo {
      margin-bottom: 40px;
    }
    #block1 {
  grid-gap: 0px; margin-top: 0;
  grid-template-columns: 100%;
    }
    .left_bl1 {
     display: grid;
     grid-gap: 0px;
     margin-top: 0; padding: 0;
     grid-template-columns: 100%;
    }
    .line1 {
       grid-row-end: 4;
    }
    .ban_title {
       margin:0 0 20px 0;line-height: 44px;
    }
    .ban_title span {
  margin: 0;display: inline-block;

    }
    .right_bl1 {
      height:206px;grid-row-start: 1;margin-bottom: 20px;
    }
    .icon_img > div {
      padding-top: 8x;padding-right: 8px;padding-bottom: 8px;font-size: 14px; background-position: 8px 8px;
    }
    .icon_img > div.icon1,.icon_img > div.icon2 {  box-shadow: 0 1px 5px rgba(0,0,0,0.3);
       background-position: 8px center; padding-top: 8x;padding-right: 8px;padding-bottom: 8px;
    }

    .icon_img > div b {
      font-size: 18px;
    }
    #steps,.block5-list {
      display: block;
    }
    .block5-list li + li {
       margin-top: 20px;
    }
    #block5 .banner {
       grid-template-columns: 100%;
    }
   #block5 .slider  {
  grid-row-start: 1
    }
    #block5 .owl-carousel .owl-stage-outer {
  border-radius: 25px  ;
    }
    #contact {
  display: block;
    }
    #contact .cont-left {
      padding: 0;margin-bottom: 40px
    }
    #steps .title {
      margin-bottom: 74px;
    }
    #steps > div + div {
      margin-top: 20px
    }
    #steps button,.banner .slide-info button {
      width: 100%
    }
    #contact form button {
      display: block;width: 100%
    }
    footer li,footer .adress > * {
      font-size:  14px
    }
    .menu-foter,footer .adress {
      margin-bottom: 40px;
    }
     footer .adress .fot-title {  font-size: 24px;}
     .fot_mob { display: block;
       font-size: 14px;
     }
     .icon_img {
       display: none;
     }
     .ban_img li img {
       max-height: 142px
     }

}
.error_msg {
  padding: 20px 0 0;
}
.datepickers-container {
  _display: none;
}