@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
*{
    padding: 0;
    margin: 0;
}
html,
body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}
.navbar {
    -webkit-box-shadow: 0 0.5rem 0.375rem -0.375rem rgb(0 0 0 / 40%);
    box-shadow: 0 0.5rem 0.375rem -0.375rem rgb(0 0 0 / 40%);
    -webkit-transition: background 0s ease-in-out 0s, margin-top 0s ease-in-out 0s, opacity 0s ease-in-out 0s;
    transition: background 0s ease-in-out 0s, margin-top 0s ease-in-out 0s, opacity 0s ease-in-out 0s;
    overflow-x: hidden;
    background-color: #24262D;
}
.navbar-nav a {
    margin-left: 10px;
    font-size: 22px;
    font-weight: 500;
}

.nav-link img {
    width: 25px;
    height: 15px;
}

.navbar .navbar-toggler {
    background-color: #E1AD41;
}

.navbar-nav a {
    text-decoration: none;
    padding: 10px;
    font-size: 18px;
    color: #F8D17F;
    border-bottom: 1px solid transparent;
}

.navbar-nav a:hover {
    color:#E4AF59;
    border-bottom: 1px solid #E4AF59;
}

.navbar-nav a.active {
    border-bottom: 1px solid #E4AF59;
    color:#E4AF59 !important;
}
.btn2 a{
    text-decoration: none;
    color: #E4AF59 !important;
}
.btn2 a {
    color: white !important;
}
.btn2{
    background-color: #E4AF59;
    font-size: 16px;
    /* letter-spacing: 2px; */
    /* text-transform: uppercase; */
    display: inline-block;
    text-align: center;
    font-weight: bold;
    padding: 8px 15px;
    border: 1px solid #E4AF59;
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
    color: #E4AF59;
    text-decoration: none;
    transition: 0.3s ease all;
    z-index: 1;
}
.btn2:hover {
    transform: scale(1.05) translate(0, -0.15rem);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.35);
  }
  
  .btn2:active {
    transform: scale(1) translate(0, 0.15rem);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }
  .Navlist li {
    display: inline;
    margin: 10px;
}

.Navlist a {
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid transparent;
    transition: 0.3s ease-in-out;
    padding: 10px;
    color: white;
}

.Navlist a:hover {
    color:#E4AF59;
}

.Navlist a.active {
    color: white !important;
}

.Footer-Menu {
    padding: 0;
}
.social-box:hover{
 border-color: #E4AF59!important;
}
.social-box:hover i{
    color: #E4AF59!important;
   }
  .head-home {
    position: relative;
}

.HeadText {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.line{
    position: absolute;
    z-index: 100;
    width: 190px;
    border-top: #E4AF59 2px solid;
}
  .carousel1 {
    width: 100% !important;
    background: url('../img/img8-min.jpeg') rgba(0, 0, 0, 0.459);
    background-position: center 70%;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    height:700px;
}

.carousel2 {
    width: 100% !important;
    background: url('../img/one-2-min.jpeg')rgba(0, 0, 0, 0.459);
    background-position: center 70%;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    height:700px;
}

.carousel3 {
    width: 100% !important;
    background: url('../img/two-bed-9-min.jpeg')rgba(0, 0, 0, 0.342);
    background-position: center 70%;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    height:700px;
}
.Seaction-About-col{
    border: #E4AF59 2px solid;
    position: relative;
    padding-bottom: 20px;
}
.Seaction-About-img-1{
z-index: 9;
width: 100%;
box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
margin-top: -20px;
margin-left: -20px;

}
.Seaction-rooms-img{
    position: absolute;
    width: 100%;
      transition: transform 0.4s ease;
      transform-origin: 50% 50%;
      height: 100% !important;
}
.Seaction-rooms-img:hover{ 
    transform: scale(1.1);
    width: 100%;
}
.Rooms-Section-img-2{
    margin-top: 20px;
    width: 90%;
    height: 50%;
}


.Rooms-Section-img-col{
    overflow:hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.Testimonial{
    background: url('../img/Standart-8-min.jpeg') rgba(0, 0, 0, 0.568);
    background-position: center 60%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-blend-mode: multiply;
}
.Head-Rooms {
    background: url('../img/two-bed-10-min.jpeg') rgba(0, 0, 0, 0.541);
    background-position: center 65%;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    height: 400px;
}
.Gallery-Head{
    background: url('../img/img1-min.jpeg') rgba(0, 0, 0, 0.541);
    background-position: center 65%;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    height: 400px;
}
.con-galeri img {
    width: 100% !important;
    height: 230px !important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.37)!important;
}
.Head-About{
    background: url('../img/Standart-8-min.jpeg') rgba(0, 0, 0, 0.541);
    background-position: center 65%;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    height: 400px;
}
.Head-Contact{
    background: url('../img/img6-min.jpeg') rgba(0, 0, 0, 0.541);
    background-position: center 65%;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    height: 400px;
}
@media only screen and (max-width: 1200px) {
    footer iframe {
        width: 280px;
    }
}
@media only screen and (max-width: 991px) {

    footer iframe {
        width: 300px;
    }
    .Rooms-Section .row{
        justify-content: none !important;
    }
    footer .container {
        margin: 0 !important;
        margin-left: 20px !important;
    }
    
}
@media only screen and (max-width: 800px) {
    footer iframe {
        width: 125px;
    }
    .Contacts{
        padding: 0 !important;
    }
    footer .container {
        margin: 0 !important;
    }
    .head-home h1{
        font-size: 70px !important;
    }
}

@media only screen and (max-width: 767px) {
    

    footer .container {
        margin: auto !important;
    }

    footer iframe {
        width: 300px;
    }

    .footer-location {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 430px) {
    
    .initial-text-deluxe{
        margin-left: -30px !important;
    }
    .head-home h2{
        font-size: 25px !important;
    }
    .head-home h4{
        font-size: 25px !important;
    }
    .head-home h1{
        font-size: 60px !important;
    }
    .carousel1 {
        height:600px;
    }
    
    .carousel2 {
        height:600px;
    }
    
    .carousel3 {
        height:600px;
    }
    .Contact-head .container {
        padding-top: 150px !important;
    }

    .HeadText {
        margin-left: 10px !important;
    }
    .Rooms-Section-img-col{
        display: none;
    }
    .navbar .navbar-brand img{
        width: 100px !important;
    }
}