@font-face{
    font-family: "Efja Regular";
    src: url("fonts/36eaa08502997852da106277ff2b5197.eot");
    src: url("fonts/36eaa08502997852da106277ff2b5197.eot?#iefix")format("embedded-opentype"),
        url("fonts/36eaa08502997852da106277ff2b5197.woff")format("woff"),
        url("fonts/36eaa08502997852da106277ff2b5197.woff2")format("woff2"),
        url("fonts/36eaa08502997852da106277ff2b5197.ttf")format("truetype"),
        url("fonts/36eaa08502997852da106277ff2b5197.svg#Efja Regular")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}



/* text field */
input[type="password"]:focus,
input[type="email"]:focus,
input[type="text"]:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
textarea:focus {
    outline: none;
}
input[type="password"],
input[type="email"],
input[type="text"],
input[type="file"],
input[type="number"],
textarea {
    max-width: 100%;
    margin-bottom: 15px;
    padding: 10px 0;
    padding-left: 10px;
    height: auto;
    background-color: #ededed;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-width: 0 0 1px;
    border-style: solid;
    display: block;
    width: 100%;
    line-height: 1.5em;
    font-size: 15px;
    font-weight: 400;
    color: #666;
    background-image: none;
    border-bottom: 1px solid #ececec;
    border-color: ease-in-out .15s, box-shadow ease-in-out .15s;
}
input:focus,
textarea:focus {
    border-bottom-width: 1px;
    border-color: #aa8453;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 1.75em;
    -webkit-transition: background-color .15s ease-out;
    transition: background-color .15s ease-out;
    background: transparent;
    border: 0px solid transparent;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover {
    border: 0px solid transparent;
}
select {
    padding: 10px;
    border-radius: 5px;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px)
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,.form-control-range {
    display: block;
    width: 100%
}



/* placeholder */
::-webkit-input-placeholder {
    color: #000;
    font-size: 15px;
    font-weight: 400;
}
:-moz-placeholder {
    color: #000;
}
::-moz-placeholder {
    color: #000;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #000;
}


.reviews_form_wr{
	
}

.reviews_form_wr .form-control , .reviews_form_wr textarea{
	padding: 20px 40px 20px 20px;
    background: #fff;
    border: none;
    box-shadow: none;
    border-radius: 0;
	
}


.butn-dark button {
    font-weight: 400;
    text-transform: uppercase;
    background: #000000;
    color: #fff;
    padding: 13px 22px;
    margin: 0;
    position: relative;
    font-size: 15px;
    letter-spacing: 3px;
    cursor: pointer;
}


 

.review_item{
	display: flex;
	flex-direction: column;
	text-align: center;
	margin-bottom: 40px;
}

.review_item .stars i{color:#b69753; font-size:20px;}
.review_item .caption h4{color: #000;}

.res-box-wr{display:flex;}
.res-box{display:flex;border: 1px solid #b69753;padding: 20px;width: 300px;}


.rating {
  margin-top: 20px;
  border: none;
  text-align: center;
}

.rating > label {
  color: #90A0A3;
  float: right;
}

.rating > label:before {
  margin: 5px;
  font-size: 2em;
  font-family: FontAwesome;
  content: "\f005";
  display: inline-block;
}

.rating > input {
  display: none;
}

.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
  color: #000000;
}

.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label {
 color: #000000;
}

.reviews .owl-nav{
	display:block !important;
}


.reviews .owl-prev {
    margin-left: -60px !important;
    color: #b29451 !important;
 }

.reviews .owl-next {
    margin-right: -60px !important;
    color: #b29451 !important;
 }


.reviews .owl-prev .lnr , .reviews .owl-next .lnr {
	border: 1px solid;
    padding: 11px;
    border-radius: 50%;
}




.res-box:first-child{
	margin-right: 40px;
}
.res-box p {
    font-size: 15px;
}

.res-box span {margin-right:5px;}



.jarallax-keep-img {
    position: relative;
    z-index: 0;
}
.jarallax-keep-img > .jarallax-img {
    position: relative;
    display: block;
    max-width: 100%;
    height: auto;
    z-index: -100;
    opacity: 0;
}


/* demo styles */
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 20px;
    margin: 0;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    color: #000000;
    background-color: #000;
}
main{
	background:#fff;
}
h1, h2, h3 {
    color: #f3f4f6;
}
h1 {
    font-size: 50px;
}
h2 {
    font-size: 30px;
}
p {
    margin-top: 0;
    margin-bottom: 5px;
    
}


small {
    font-size: 80%;
    /* opacity: 0.6; */
}
a, a:visited, a:hover, a:focus {
    color: #000000;
}
a:hover, a:focus {
    color: #4f4f4f;
}
.jarallax {
    min-height: 1000px;
}
.jarallax-keep-img.demo-float-left {
    margin-right: 15px;
    margin-left: -60px;
}
.jarallax-keep-img.demo-float-right {
    margin-left: 15px;
    margin-right: -60px;
}


@media screen and (max-width: 600px) {
	
    .jarallax-keep-img.demo-float-left,
    .jarallax-keep-img.demo-float-right {
        margin-right: 0;
        margin-left: 0;
        float: none;
    }
}


/* Lighter background */
.lighter-bg {
    background-color: #0f0f11;
}

/* hero block */
.hero {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    min-height: 1000px;
    height: calc(100vh - 220px);
    padding-left: 30px;
}
.hero h1 {
    font-size: 80px;
    font-size: clamp(32px,7.5vw,80px);
    max-width: 1200px;
    line-height: 1;
    letter-spacing: -0.01em;
    font-weight: 800;
    text-shadow: 0 0 10px rgba(0, 0, 0, .25);
}
.hero.jarallax > .jarallax-img img,
.hero.jarallax > .jarallax-container img {
    filter: none;
}
.hero-name {
    font-size: 20px;
    font-size: clamp(17px,2vw,20px);
    font-weight: 300;
    letter-spacing: 0.6em;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-shadow: 0 0 10px rgba(0, 0, 0, .25);
    color: #fff;
}
.hero + .demo-gap {
    min-height: 230px;
}

.text-center {
    text-align: center;
}

.jarallax > .jarallax-img,
.jarallax > .jarallax-container,
.jarallax-keep-img > .jarallax-container {
    opacity: 0.5;
}

/* buttons */
.buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
* + .buttons {
    margin-top: 20px;
}
a.button {
	
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
	
    font-weight: 500;
    text-align: center;
    padding: 12px;
    border-radius: 4px;
   
    background-color: #fff;
    color: #000;
    transition: background-color .3s ease, transform .3s ease, box-shadow .3s ease;
}
a.button:hover,
a.button:focus {
    background-color: rgba(255, 255, 255, 0.8);
    transform: translateY(-2px);
}
a.button-outline {
    background-color: transparent;
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
a.button-outline:hover,
a.button-outline:focus {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #fff;
}

/* gap */
.demo-gap {
    padding: 50px;
    overflow: hidden;
}
.demo-gap h1,
.demo-gap h2,
.demo-gap h3 {
    text-align: center;
}
.demo-gap .container {
    max-width: 800px;
    margin: 0 auto;
}

/* Demo Content */
.demo-content {
    padding: 80px;
}


/* Float */
.demo-float-left {
    float: left;
}
.demo-float-right {
    float: right;
}


/* Footer */
.footer {
    text-align: center;
}



/*custom*/

.h_btn{
	background: #000000 !important;
}

.hero p {color:#fff;font-size: 17px;}



.Navigation_logo__hdTYl{
	  font-family: "Efja Regular";
}

.Navigation_logo__hdTYl a {
	font-size:24px;
}

.footer p {
	  font-family: "Efja Regular";
}


.h_bg_white{
	background:#fff !important; 
}

.h_page_rooms .Header_marquee__YZrE7{
	color:#000;
}


.Title_tight__1Cm07{
	color:#000;
}

.CardLargeImage_textarea__Yh9Sx{
	padding-top:5px;
}
.CardLargeImage_textarea__Yh9Sx p{
	font-size:16px;
}


.swiper {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .mySwiper2 {
      height: 80%;
      width: 100%;
    }

    .mySwiper {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .mySwiper .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }

    .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 900px;
      object-fit: cover;
    }
	
.h_swiper_thumb_wr{
	display: flex;
	justify-content: center;
}	

.h_swiper_thumb_wr img{
    width: 70px;
    height: 70px;
    border: 1px solid #fff;
}

.h_swiper_thumb_wr .swiper-slide{
	width: auto !important;
}


.hero .button{
	margin-top:20px;
}


.TextArea____fujwc h1, .TextArea____fujwc h2, .TextArea____fujwc h3, .TextArea____fujwc p {
    text-wrap: balance;
    margin-bottom: 16px;
}


.h_galeri_wr{
	width: 100%;
    display: grid;
    grid-column-gap: 20px;
    column-gap: 20px;
    grid-template-columns: repeat(1, 1fr);
	padding: 20px;
	
}
.h_galeri_item{
	margin-bottom:10px;	
}

.h_galeri_item img{width: 450px;height: 320px;}


/*rev*/

.h_rev_wr{
	 width: 100%;
    display: grid;
    grid-column-gap: 20px;
    column-gap: 20px;
    grid-template-columns: repeat(1, 1fr);
	padding: 20px;
 }
 


/* map */
#mapCanvas button{border:none;outline: none;position: absolute;}
.info_content {
    min-width: 200px;
    display: flex;
    height: 100%;
}
.info_content h2{font-size:18px;text-transform:none;color:#000;position: absolute;top: 15px;}
.info_content h3{font-size:15px; color:#000;}
.info_content img{}


@media (min-width: 1180px) {
    .h_galeri_wr {
        grid-template-columns: repeat(4, 1fr);
    }
	
	.h_rev_wr {
        grid-template-columns: repeat(4, 1fr);
    }
	
	
@media (min-width: 768px) {
    .h_galeri_item {
        
    }
}



/* Mobile */
@media screen and (max-width: 500px) {
    .demo-gap,
    .demo-content {
        padding: 50px 30px;
    }
}
