@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');


body{

  overflow-x: hidden;

}



section, header,footer{

  width: 100%;

  float: left;

}



img{

    max-width: 100%;

}



*:focus{

    outline: none;

}



a:hover{

  text-decoration: none;

}







/*heade section*/



.default-header{

  width: 100%;

  float: left;

}



.affixed{
    position:fixed;
}



.header-nav{

  width: 300px;

  float: left;

  padding-left: 70px;

  padding-top: 40px;

  background:#fff;
  z-index: 50;

}



.header-slider{

  width: 100%;

  float: left;

  padding: 40px 40px 40px 0;

  height: 100vh;

}



.slider-container{

  background:#ccc;

  width: 100%;

  height: 100%;

}



.dh-column{

  height: 100vh;

}





.dh-logo{

  display: block;

  padding-top: 15px;

}



.dh-logo a{

  transition: .2s ease;

}





.dh-logo a img{

  width: 170px;

}







.dh-languages{

  width: 100%;

  float: left;

  padding-top: 40px;

}



.dh-languages ul{

  list-style: none;

  padding: 0;

  margin: 0;

}



.dh-languages ul li{

  display: inline-block;

  padding-right: 20px;

}



.dh-languages a{

  font-family: Lato;

  font-style: normal;

  font-weight: 600;

  font-size: 13px;

  line-height: 14px;

  color: #5C5F62;

  position: relative;

  transition: .2s ease;

}

.dh-languages ul li.active a{

  color: #191E23;



}



.dh-languages ul li.active a:hover{

  opacity: .8;

}



.dh-languages ul li.active a:before{



  content: "";

  position: absolute;

  width: 100%;

  height: 2px;

  background:#899593;

  top: 22px;

}





.dh-menu{

  width: 100%;

  float: left;

  padding-top: 50px;

  padding-right: 70px;

}



.dh-menu ul{

  list-style: none;

  padding: 0;

  margin: 0;

}



.dh-menu ul li{

  width: 100%;

  float: left;

  padding-bottom: 10px;

  line-height: 1;

}



.dh-menu ul li a{

  

  font-family: Lato;

  font-style: normal;

  font-weight: 600;

  font-size: 18px;

  line-height: 18px;

  padding: 8px 0;

  color: #191E23;

  position: relative;

  display: block;

  width: 100%;

  transition: .2s ease;

}



.dh-menu ul li.active a{

  color: #BF9E7D;

}



.dh-menu ul li.active a:before{

  content: "";

  position: absolute;

  height: 100%;

  right: 0;

  width: 3px;

  background: #BF9E7D;

  top: 0;

}



.dh-menu ul li a:hover{

  opacity: .8;

}









.dh-buttons{

  width: 100%;

  float: left;

  padding-top: 50px;

  padding-bottom: 30px;

}



.dh-buttons a{

  float: left;

  line-height: 1;

}



.d-button{

  font-family: Lato;

  font-style: normal;

  font-weight: 600;

  font-size: 15px;

  padding: 15px 50px;

  color: #191E23;

  border: 3px solid #899593;

  transition: .2s ease;

}



.d-button:hover{

  background:#BF9E7D;
  border: 3px solid #BF9E7D;

  color: #fff;

}





.d-inverse-button{

  font-family: Lato;

  font-style: normal;

  font-weight: 600;

  font-size: 15px;

  padding: 15px 50px;

  

  border: 3px solid #BF9E7D;

  transition: .2s ease;



  background:#BF9E7D;

  color: #fff;

}



.d-inverse-button:hover{

  background: #fff;
  border: 3px solid #899593;

  color: #191E23;

}





.slider-item{

  width: 100%;

  float: left;

  height: 100%;

  background-size: cover !important;

  background-position: center center !important;

  background-repeat: no-repeat !important;

}





.si-content{

  height: 100%;

  padding-left: 10%; 

}





.si-content h2{

  font-family: Cormorant;

  font-style: normal;

  font-weight: bold;

  font-size: 75px;

  line-height: 1;

  color: #FFFFFF;

}



/*End header section*/





.single-column{

  width: 100%;

  margin-right: 0px;

  margin-left: 350px;

}



.single-column.container{

  max-width: 1000px;

  padding: 0;

}



@media(max-width: 1300px){

  

  .single-column.container{

    max-width: calc(100% - 390px);

  }



}











/*history block*/





.sk-history{

  padding: 110px 0 150px 0;

}





.text-right-image{

  font-family: Lato;

  font-style: normal;

  padding: 50px 0;

  display: inline-block;

}



.text-right-image h2{

  font-weight: 600;

  font-size: 23px;

  line-height: 28px;

  color: #191E23;

  margin-bottom: 25px;

}



.text-right-image p{

  font-size: 14px;

  line-height: 26px;

  color: #3E4042;

  margin-bottom: 25px;



}



.text-right-image h3{

  font-weight: 600;

  font-size: 18px;

  line-height: 26px;

  color: #191E23;

  margin-bottom: 20px;

  padding-top: 50px;

}





/*end history block*/





/*Start sk location*/

.sk-location{

  

  padding: 60px 0;

  position: relative;



}






.sk-location:before{

  content: "";

  position: absolute;

  height: 100%;

  top: 0;

  background: linear-gradient(263.29deg, #3E4042 1.59%, #554D4A 105.43%);
  width: 200%;
  left: -50%;


}





.text-left-image{

  font-family: Lato;

  font-style: normal;

  color: #EDEDED;

}




.default-content .text-left-image h2{

  font-weight: 600;

  font-size: 25px;

  line-height: 30px;

  margin-bottom: 20px;
  color: #EDEDED;

}



.default-content .text-left-image p{

  font-weight: 500;
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 20px;
  color: #EDEDED;

}



/*end sk location*/





/*Start main services*/



.sk-main-services{

  padding: 100px 0;

}



.main-services-list{

    font-family: Lato;

    font-style: normal;

}



.main-services-list h2{



  font-weight: 600;

  font-size: 23px;

  line-height: 28px;

  color: #191E23;

  margin-bottom: 30px;

}



.main-services-list p{

  font-weight: 500;

  font-size: 14px;

  line-height: 26px;

  color: #3E4042;

  max-width: 400px;

}







.ms-ul-list{

  display: block;

  padding-top: 20px;


}



.ms-ul-list ul{

  list-style: none;

  padding-left: 25px;

  margin: 0;



}



.ms-ul-list li{

  font-family: Lato;

font-style: normal;

font-weight: normal;

font-size: 15px;

line-height: 30px;

color: #5C5F62;

display: flex;

align-items: center;

padding-bottom: 5px;

}

.default-content .ms-ul-list ul{
  padding-left: 25px;
}

.default-content .ms-ul-list li:before{
  display: none;
}







.s-icon{



  display: inline-block;

  width: 20px;

  height: 20px;

  margin-right: 25px;



}





.service-1{

    background:url('/images/svg/icon-1.svg');

    background-size: cover;

}



.service-2{

    background:url('/images/svg/icon-2.svg');

    background-size: cover;

}



.service-3{

    background:url('/images/svg/icon-3.svg');

    background-size: cover;

}



.service-4{

    background:url('/images/svg/icon-4.svg');

    background-size: cover;

}



.service-5{

    background:url('/images/svg/icon-5.svg');

    background-size: cover;

}



.service-6{

    background:url('/images/svg/icon-6.svg');

    background-size: cover;

}















.ms-carousel{

  width: 100%;

  height: 100%;

  float: left;

  position: relative;

  min-height: 445px;

  max-height: 445px;

}





.ms-item{

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

}





.ms-item.prev{

  text-align: left;

  padding-top: 35px;

  z-index: 1;

  opacity: .5

}



.ms-item.prev img{

   max-height: 70%;

}



.ms-item.next{

  text-align: right;

  padding-bottom: 35px;

  z-index: 2;

  opacity: .5

}



.ms-item.next img{

   max-height: 70%;

}





.ms-item.active{

  text-align: center;

  z-index: 3;

  

}



.ms-item.active img{

  max-height: 100%;

  -webkit-box-shadow: 0px 0px 23px -7px rgba(0,0,0,0.61);

-moz-box-shadow: 0px 0px 23px -7px rgba(0,0,0,0.61);

box-shadow: 0px 0px 23px -7px rgba(0,0,0,0.61);

}



.ms-arrows{

    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    background: #fff;
    height: 50px;
    width: 80px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;

}

.right-cr .ms-arrows{
   
   left: 0;
}

.left-cr .ms-arrows{
   
   right: 0;
   left: auto;
}



.ms-arrows span{

  color: #BF9E7D;

  font-size: 18px;

  cursor: pointer;

  transition: .2s ease;
  padding-top: 4px;

}



.ms-arrows span:first-child{

  margin-right: 10px;

}



.ms-arrows span:hover, .ms-arrows span:focus{

  opacity: .6;

}



/*end main services*/







/*start main rooms*/



.sk-main-rooms{


  padding: 60px 0;

  margin-left: -350px;

  position: relative;

}



.sk-main-rooms:before{

  content: "";

  position: absolute;

  width: 150%;

  height: 100%;

  background: #f6f3f3;

  top: 0;



}





.mr-tabs{

  width: 100%;

  float: left;

  padding-top: 30px;

}



.mr-tabs ul{

  list-style: none;

  padding: 0px;

  margin: 0;

  width: 100%;

  border-bottom: 0;

}



.mr-tabs ul li{

  display: inline-block;

  margin-right: 15px;

}



.mr-tabs ul li:last-child{

  margin-right: 0;

}



.mr-tabs li a{



  font-family: Lato;

font-style: normal;

font-weight: 500;

font-size: 15px;

line-height: 1;

color: #716A67;

padding-bottom: 5px;
margin-bottom: 15px;

display: block;

border-bottom: 2px solid transparent;



}



.mr-tabs li a.active{

  color: #BF9E7D;

  border-bottom: 2px solid #BF9E7D;

}



.mr-tabs-content{

  width: 100%;

  display: block;

  padding-top: 20px;

}





.mr-tabs-content h3{

  font-family: Lato;

font-style: normal;

font-weight: 500;

font-size: 18px;

line-height: 30px;

color: #BF9E7D;



}



/*end main rooms*/









/*Footer section*/



.default-footer{

  background: #3E4042;

  padding-top: 25px;

  padding-bottom: 25px;

}



.footer-subline p{

   font-family: Lato;

   font-style: normal;

   font-weight: 500;

   font-size: 13px;

   line-height: 15px;

   color: #716A67;

   margin-bottom: 0px;

}



.footer-subline p a{

  color: #716A67;

  text-decoration: none;

}



.footer-subline p a:hover{

  text-decoration: none;

}







.df-menu{

  width: 100%;

  display: inline-block;

}



.df-menu ul{

   list-style: none;

   padding: 0;

   margin: 0;

}



.df-menu ul li{

  display: inline-block;

  padding-right: 20px;

}



.df-menu ul li a{

  font-family: Lato;

  font-style: normal;

  font-weight: 500;

  font-size: 14px;

  color: #fff;

}





.df-logo img{

  width: 135px;

}



.df-info-line{

  padding-bottom: 15px;

}



.df-info{

  color: #EDEDED;

  font-family: Lato;

  font-style: normal;

  font-weight: 500;

  font-size: 14px;

  line-height: 22px;

}



.df-info a{

  color: #EDEDED;

}



.df-social ul{

  list-style: none;

  margin: 0px;

  padding: 0px;

}



.df-social ul li{

  display: inline-block;

  padding-left: 5px;

}



.df-social li a{

  border-radius: 7px;

}



.df-social ul li a{

  width: 30px;

  height: 30px;

  background: #EDEDED;

  float: left;

  text-align: center;

  line-height: 30px;

  color: #716A67;

  font-size: 18px;

  transition: .2s ease;

}



.df-social ul li a:hover,.df-social ul li a:focus{

  opacity: .8;

}









.mb-40{

  margin-bottom: 40px;

}

.pb-80{

  padding-bottom: 80px;

}



.pb-40{

  padding-bottom: 40px;

}





.aside-container{

  width: 100%;

  display: block;



}



.left-aside{

  width: 350px;

  float: left;

  flex-direction: column;
  position: relative;
}

.left-aside:before{

  content: "";
  position: absolute;
  width: 300px;
  height: 100%;
  left: 0;
  top: 0;
  background: #fff;
  z-index: 1;

}



.right-aside{



  width: calc(100% - 350px);

  float: left;

  flex-direction: column;



}





.dh-image{



    width: 100%;

    float: left;

    padding: 40px 40px 40px 0;

    height: 90vh;



}





.inside-container{

  max-width: 1000px;

}







.default-content{

  width: 100%;

  display: block;

  padding-top: 40px;
  font-family: Lato !important;

}

.offers-list{
  font-family: Lato !important;
  font-size: 14px;
  color: #3E4042;
}



.default-content h1{

  font-family: Cormorant;

font-style: normal;

font-weight: bold;

font-size: 60px;

line-height: 60px;

color: #191E23;

margin-bottom: 30px;

}



.default-content h4{

  font-family: Lato;

font-style: normal;

font-weight: 600;

font-size: 25px;

line-height: 30px;

color: #191E23;



}



.default-content p{

  font-family: Lato;

font-style: normal;

font-weight: 500;

font-size: 14px;

line-height: 27px;



color: #3E4042;

}

.default-content ul{
  list-style: none;
      padding: 0px 0 15px 0px;
  margin: 0;
  font-size: 14px;
  color: #3E4042;

}



.module-im{

  padding-top: 35px;

}



.module-im h2{

  font-family: Lato;

font-style: normal;

font-weight: 600;

font-size: 18px;

line-height: 30px;

color: #191E23;

margin-bottom: 20px;

}



.module-mi-c-area{

  max-width: 500px;

}





.sk-services-about{
    position: relative;
    padding: 50px 0;

}



.sk-services-about:before{

  content: "";

  position: absolute;

  width: calc(100% - 80px);

  height: 100%;

  background: linear-gradient(113.79deg, #FAFAFA 3.38%, #FFFFFF 96.21%);

  left: -310px;

  right: 40px;

  top: 0;

}





.offers-list{

  width: 100%;

  float: left;

  border-bottom: 1px solid #BF9E7D;

  margin-bottom: 80px;

}



.offer-item{

  width: 100%;

  border-top: 1px solid #BF9E7D;

  padding-top: 30px;

  padding-bottom: 20px;



}



.offer-item h2{

  font-family: Lato;

font-style: normal;

font-weight: 600;

font-size: 30px;

line-height: 30px;

color: #BF9E7D;

margin-bottom: 30px;



}



.offer-item h3{

  font-family: Lato;

font-style: normal;

font-weight: 600;

font-size: 18px;

line-height: 30px;

/* identical to box height, or 167% */





/* Shadow Black */



color: #191E23;

margin-top: 30px;

}





.offer-image{

  width: 100%;

  padding-bottom: 40px;

}









.rooms-list{

  width: 100%;

}



.room-item{

  width: 100%;

  padding-bottom: 65px;

}





.ri-content{

  width: 100%;

  display: block;

  max-width: 400px;

}





.ri-content h2{

  font-family: Lato;

font-style: normal;

font-weight: 500;

font-size: 25px;

line-height: 30px;

color: #BF9E7D;



margin-bottom: 20px;





}





.ri-content p{

  font-family: Lato;

font-style: normal;

font-weight: 500;

font-size: 14px;

line-height: 27px;

color: #3E4042;

}



.ri-buttons{

  width: 100%;

  display: block;

  padding-top: 40px;

  max-width: 400px;

}



.ri-buttons a{

  display: inline-block;

  line-height: 1;

}





.mi-more{

      float: right;
    font-family: Lato;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    color: #389A9D;
    transition: .2s ease;
    border: 1px solid #389A9D;
    padding: 16px 20px;

}

.mi-more i{
  padding-left: 5px;
  transition: .2s ease;
}





.mi-more:hover,.mi-more:focus{

  color: #389A9D; 
  opacity: .8;

}

.mi-more:hover i{
  padding-left: 15px;
}







.module-video{

  padding-bottom: 40px;

}





.mv-container{

  position: relative;

}





.mv-content{

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  text-align: center;

}



.mv-content .play-icon{

  width: 50px;

  height: 50px;

  display: inline-block;

  background: url(/images/video_play_icon.png);

  background-size: cover;







}









.twh-content{

  max-width: 780px;

  padding-top: 20px;

  padding-bottom: 40px;

}



.twh-content h3{

  font-family: Lato;

font-style: normal;

font-weight: 600;

font-size: 25px;

line-height: 1;

color: #191E23;

margin-bottom: 30px;



}





.twh-content p{

  font-family: Lato;

font-style: normal;

font-weight: 500;

font-size: 14px;

line-height: 27px;

color: #3E4042;

}







/*News page*/



.news-list{

  width: 100%;

  float: left;

}



.news-item{

  width: 100%;

  float: left;

  margin-bottom: 40px;

}





.ni-media, .ni-content{

  width: 100%;

}

.ni-media{
  background-size: cover !important;
  background-position: center center !important;
}

.ni-media img{
  display: none;
}



.first-news .ni-media{

  width: 600px;

  float: left;

}





.first-news .ni-media, .first-news .ni-content{

  display: flex;

  flex-direction: column;

}



.first-news .ni-content{

  width: calc(100% - 600px);

  padding-left: 80px;

}





.ni-content a{

  font-family: Lato;

  font-style: normal;

  font-weight: 600;

  font-size: 30px;

  line-height: 36px;

  color: #BF9E7D;

  margin-bottom: 30px;

}





.ni-content p{

  font-family: Lato;

font-style: normal;

font-weight: 500;

font-size: 14px;

line-height: 20px;

color: #3E4042;

}



a.ni-content-more{

    color: #BF9E7D;

    font-size: 22px;

    cursor: pointer;

    transition: .2s ease;

}



a.ni-content-more:hover{

    opacity: .8;

}





.default-news .ni-media{

   margin-bottom: 20px;

}



.default-news .ni-content a{

   font-size: 22px;

   line-height: 26px;

   margin-bottom: 20px;

   float: left;

   width: 100%;

}







/*single news*/



.news-header{

  height: auto;

  padding: 0px;

}



.news-header .slider-container{

  max-width: 1000px;

  height: 1000px;

  max-height: 400px;

  margin-bottom: 35px;

}





.news-data{

  max-width: 1000px;

  height: 55px;

}



.news-data a{

    color: #BF9E7D;

    font-size: 22px;

    cursor: pointer;

    transition: .2s ease;

}



.news-data a:hover{

  opacity: .8;

}



.news-data span{

  font-family: Lato;

font-style: normal;

font-weight: 500;

font-size: 13px;

line-height: 1;

color: #716A67;

}



.news-details h1.news-title{

font-family: Lato;

font-style: normal;

font-weight: 600;

font-size: 35px;

line-height: 45px;

/* or 129% */





/* Shadow Black */



color: #191E23;



}





.news-footer-details{

  width: 100%;

  display: block;

  padding: 10px 0 50px 0;

}



.news-footer-details a{

    color: #BF9E7D;

    font-size: 22px;

    cursor: pointer;

    transition: .2s ease;

}



.news-footer-details a:hover{

  opacity: .8;

}













.module-text-right-image{

  padding: 35px 0;

}



.module-text-right-image h5{

  font-size: 18px;

  margin-bottom: 22px;

}





.module-simple-text h1{

  font-size: 2rem;

  line-height: 1.2;

}



.module-simple-text h1,.module-simple-text h2, .module-simple-text h3, .module-simple-text h4, .module-simple-text h5{

  font-family: Lato;

  margin-bottom: 1rem;

  font-weight: 500;

}



.module-two-image{

  padding:25px 0;

}



.contacts-info{

  font-family: Lato;

}



.contacts-info h3{

font-weight: 500;

font-size: 30px;

line-height: 1;

color: #BF9E7D;

margin-bottom: 15px;

}



.contacts-info p{

  font-size: 15px;

line-height: 25px;

color: #3E4042;

}



.contacts-info p a{

  color: #3E4042;

}



.contacts-feedback{

  padding-top: 50px;

}









.main-composer .sk-services-about:before, .room-details .sk-services-about:before{

  display: none;

}


/*Stark modal*/

.modal-open{
  height: 100vh;
  overflow: hidden;
}

.stark-modal{
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 100;
  top: 0;
  overflow-y: scroll;
}


.stark-m-container{
  width: 100%;
  padding-right: 75px;
  min-height: calc(100vh - 80px);
}

.stark-modal-container{
  
}

.stark-modal-container .row{
  margin: 40px 0;
}

.stark-m-logo{
  width: 100%;
}

.stark-m-logo a img{
  width: 145px;
}

.stark-m-content{
  width: 100%;
  padding-top: 50px;
}

.stark-m-content h2{
  font-family: Cormorant;
  font-style: normal;
  font-weight: bold;
  font-size: 45px;
  line-height: 1;
}

.stark-m-holder_image{
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-position: center center !important;

  min-height: calc(100vh - 80px);
}





.stark-modal-form{
  width: 100%;
  padding-top: 25px;
}

.inline-form-group{
    display: flex;
    grid-gap: 1rem;
}

.inline-fg-column{
  display: flex;
  flex-direction: column;
  flex-basis: 50%;

}

.inline-fg-column.two-columns{
  flex-direction: row;
  grid-gap: 1rem;
}

.two-columns .form-group{
  flex-direction: column;
  flex-basis: 50%;
}


.stark-modal-form-actions{
  display: flex;
  justify-content: space-between;
  padding-top: 15px;
}
.stark-modal-form-actions button{
  line-height: 1;
}

.modal-close-button{
    width: 50px;
    height: 50px;
    border: 3px solid #EDEDED;
    transition: .2s ease;
    background: url(/images/close-icon.png);
    background-size: 19px;
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    transition: .2s ease;

}

.modal-close-button:hover, .modal-close-button:focus{
    border: 3px solid #87949E;
}


.stark-modal-form label{
  font-family: Lato;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 1;
color: #5C5F62;
}

.stark-modal-form .form-control{
  font-family: lato;
  color: #191E23;
}

.stark-modal-form .form-control:focus{
  outline: none;
  box-shadow: none;
  border-color: #716A67;
}

.stark-modal-form input.form-control, .stark-modal-form select.form-control, .stark-modal-form textarea.form-control  {
  border-radius: 0px;
  line-height: 1;
  font-size: 15px;
}

.form-control.invalid-control{
  border-color: #F55E67;
}

.stark-modal-form textarea.form-control{
  padding: .640rem .75rem;
}

.stark-modal-form button:focus{
  outline: none;
  box-shadow: none;
}


.form-loader{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(255 255 255 / 68%);
}



.modal-form-respose h3{
  font-family: Lato;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #191E23;
}

.modal-form-response p{
  font-family: Lato;
  font-style: normal;
  font-weight: 500;
  color: #3E4042
}

.modal-form-respose{
  width: 100%;
  display: block;
  padding-top: 75px;
}





.ec-container{
  width: 100%;
  float: left;
  position: relative;
}

.element-carousel{
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    box-shadow: 0px 0px 13px -3px rgb(0 0 0 / 28%);
}


.element-carousel .slide::before {
    padding-top: 60%;
}

.element-carousel .slide{
    background-size: cover !important;
    background-position: center center !important; 
}


.services-page-dc{
  padding-bottom: 50px;
}












/*slider update*/

.main-services-list .ms-arrows{
  background: transparent;
  bottom: -50px;
  width: auto;
}



.not-found-content{

    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    text-align: center;

}

.not-found-content img{
  width: 150px;
}

.not-found-content h3{
  font-size: 20px;
  font-family: Lato;
  line-height: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.not-found-content a{
  font-size: 14px;
  border: 1px solid #000;
  padding: 4px 10px;
  color: #000;
}


.default-content ul li{
  display: flex;
  align-items: center;
}

.default-content ul li:before{

    content: "";
    width: 10px;
    height: 2px;
    background: #BF9E7D;
    display: inline-block;
    margin-right: 8px;

}



.mobile-nav-button{
  display: none;
}






.mobile-nav-modal{
  background: #191E23;
}


.mobile-nav-modal .stark-m-container{
  padding-right: 0;
}

.mobile-nav-modal .stark-m-logo {
    width: 100%;
    display: flex;
    justify-content: center;
}

.mobile-nav-modal .stark-m-logo img{
  max-width: 170px;
}

.mobile-nav-modal .stark-m-content{
  display: flex;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 0;
  flex-direction: column;
}

.mobile-nav-modal .dh-languages{
      width: 100%;
    float: left;
    padding-top: 40px;
    display: flex;
    justify-content: center;
}

.mobile-nav-modal .dh-languages ul li.active a{
  color: #BF9E7D;
}

.mobile-nav-modal .dh-menu{
  padding: 0;
  padding-top: 50px;
}

.mobile-nav-modal .dh-menu ul li a{
   color: #fff;
}

.mobile-nav-modal .dh-menu ul li.active a {
    color: #BF9E7D;
}


.mobile-nav-modal .d-button{
    color: #fff;
    width: 100%;
    text-align: center;
    padding: 15px 15px;
}


.mobile-nav-modal .modal-close-button{
    border: 0px;
    position: absolute;
    right: 0;
}

.mobile-nav-modal .stark-modal-container .row{
  margin-top: 35px;
}



@media(max-width: 768px){

    .aside-container{
      display: block !important;
    }

    .left-aside{
      width: 100%;
      flex-direction: row;
    }

    .left-aside:before{
      display: none;
    }



    .header-nav{
      width: 100%;
      padding: 0 30px;
    }

    .dh-logo{
      display: flex;
      justify-content: center;
      position: relative;
      align-items: center;
      padding-top: 35px;
      padding-bottom: 35px;
    }

    .dh-logo a{
      display: flex;
    }

    .dh-logo a img {

       width: auto;
       height: 60.5px
    }


    .mobile-nav-button{
      width: 30px;
      display: flex;
      position: absolute;
      right: 0;
      height: 30px;
      flex-direction: column;
      padding-left: 15px;
    }



    .mobile-nav-button span{
      width: 4px;
      height: 4px;
      min-width: 4px;
      min-height: 4px;
      border-radius: 100%;
      background: #BF9E7D;
      float: left;
      margin-top: 6px;
    }

    .mobile-nav-button span:first-child{
      margin: 0;
    }


    .header-nav .dh-languages{
      display: none;
    }

    .header-nav .dh-menu{
      display: none;
    }

    .header-nav .dh-buttons{
      display: none;
    }



    .right-aside{
      width: 100%;
      flex-direction: row;
      max-width: 100%;
      overflow: hidden;
    }


    .header-slider{
      padding: 0px;
      height: calc(100vh - 130.5px);

    }

    .si-content{
      padding-left: 25px;
      padding-right: 25px;
    }

    .si-content h2{
      font-size: 40px;
    }


    .inside-container{
      max-width: 100%;
      padding: 30px;
      float: left;

    }

    .sk-main-services .inside-container{
      padding-left: 0px;
      padding-right: 0px;
    }

    .tli-image{
      text-align: center;
      padding-bottom: 24px;
    }

    .tli-image img{
      max-width: 50%;
    }

    .sk-main-rooms{
      margin-left: 0;
    }


    .single-column{
      margin-left: 0;
    }

    .single-column.container{
      max-width: 100%;
      padding: 0 30px;
    }

    footer .df-logo{
      display: flex;
      justify-content: center;
      padding-bottom: 25px;
    }

    footer .df-menu{
      padding-bottom: 35px;
    }

    footer .df-menu ul li{
      width: 100%;
      display: inline-block;
    }
    

    footer .visible-space{
      display: none;
    }

    footer .df-info-line {
        padding-bottom: 15px;
        width: 100%;
        display: block !important;
    }

    footer .df-info{
      padding-bottom: 20px;
    }

    .footer-subline{
      display: block !important;
    }

    .footer-subline .col{
      text-align: center !important;

    }

    .footer-subline .col p{
      padding: 3px 0;
    }



    /*Other pages*/

    .dh-image{
      padding: 0px;
      height: 60vh;
    }

    .default-content{
      padding-top: 0px;
    }

    .text-right-image{
      padding-top: 25px;
    }

    .default-content h1{
      font-size: 40px;
      line-height: 40px;
    }

    .module-simple-text h2{
      font-size: 22px;
      line-height: 30px;
    }

    .module-simple-text h3{
      font-size: 18px;
      line-height: 26px;
    }

    .sk-services-about{
      padding: 30px 0;
      float: left;
      width: 100%;
    }

    .sk-location{
      float: left;
    }

    .ms-ul-list {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    }


    .default-content .ms-ul-list ul {
       padding-left: 0;
    }

    .room-item .row .col-md-5{
      order: 2;
    }
    .room-item .row .right-cr{
      order: 1;
    }

    .room-item .ec-container{
      margin-bottom: 20px;
    }

    .ri-buttons{
      padding-top: 0px;
    }

    .ri-buttons .d-button{
      padding: 15px 30px;
    }

    .mi-more span{
      display: none;
    }

    .module-video{
      padding-bottom: 10px;
    }


    .dh-image.news-header{
      display: flex;
      flex-direction: column;
    }

    .dh-image.news-header .slider-container{
      order: 1;
    }

    .dh-image.news-header .slider-container{
      margin-bottom: 0;
    }

    .dh-image.news-header .news-data{
      order: 2;
      padding: 0 30px;
          padding-top: 30px;
    }

    .dh-image.news-header{
      height: 200px;
    }

    .news-details h1.news-title{
      font-size: 28px;
    }

    .news-footer-details{
      padding-bottom: 0px;
    }

    .services-page-dc{
      padding-bottom: 0px;
    }

    .offers-list{
      margin-bottom: 0px;
    }


    .first-news .ni-media{
      width: 100%;
      margin-bottom: 20px;
    }

    .first-news .ni-content {
    width: 100%;
    padding-left: 0;
    }
    .ni-content a{
      margin-bottom: 10px;
    }

    .news-item{
      margin-bottom: 10px;
    }

    .contacts-feedback{
      float: left;
      padding-top: 10px;
      padding-bottom: 20px;
    }

    .contacts-feedback .d-inverse-button{
         float: left;
         line-height: 1;
    }



    .stark-m-container{
      padding-right: 0px;
    }

    .stark-m-holder_image{
      display: none;
    }

    .stark-m-content h2{
      font-size: 35px;
    }

    .inline-form-group {
       flex-direction: column;
    }

    .inline-form-group{
      grid-gap: 0px;
    }
}




.map-container{
  width: 100%;
  height: 100%;
}


.map-container iframe{
  width: calc(100% + 27%);
  height: 100%;
}


@media(max-width: 992px){

  .map-container iframe{
  width: 100%;
  height: 100%;
}
}