.customSeparator1 { width: 150px } .indexContactxt { margin-top: 10px } .navbar .navbar-nav .nav-link { font-family: "Roboto Condensed", serif; letter-spacing: 2px } .header-lang { margin-top: 0; margin-left: 20px; width: 130px } 
.header-lang i { color: #aa8453 } .header-lang select { background: transparent; color: #aa8453; border: 0; width: 100% } .header-lang select option:hover { background-color: #aa8453 } 
.index-slider .caption h1 { text-transform: none; font-family: "Noto Serif", serif } .index-about .section-subtitle { text-transform: none } 
.index-img1 { margin-top: 50px !important } .index-rooms .item .con h5 a { font-size: 23px } .index-facilities .single-facility h5 { font-family: "Noto Serif" } 
.myBookingForm .generalTextInput:after { display: none } .myBookingForm textarea { border: 0; border-radius: 0; padding: 19.5px 40px 20px 19.5px } 
                                                         .myBookingForm .select2 { border: 0; border-radius: 0; color: #222; padding-left: 19px } 
#noCaptcha { display: none; color: red } #BookingSent { display: none; color: green; font-weight: bold; font-size: 20px } .rooms-all .flaticon-youtube:before { top: 5px; position: relative } 
.header-language i, .header-language select { color: #FFF } .header-language select option { color: #aa8453 } .nav-scroll .header-language i, .nav-scroll .header-language select { color: #222 } 
#MyAmenities .flaticon-youtube:before { top: 4px; position: relative } .details-rooms .section-subtitle { color: #aa8453 } .details-rooms .section-title, .myGallery .section-title { color: #fff } 
.myGalleryHeader h5 { font-family: 'Barlow', sans-serif } 
#ContactForm input[type="tel"] { margin-bottom: 15px; padding: 10px 0; background-color: transparent; border-width: 0 0 1px; width: 100%; line-height: 1.5em; border-bottom: 1px solid #ececec; color: #666 } 
.contact h3, #ContactForm input[type="tel"], #ContactForm input[type="email"], #ContactForm input[type="text"], #ContactForm textarea { font-family: "Roboto Condensed", serif } 
#cookie-banner { position: fixed; bottom: 0; left: 0; right: 0; background: #f8f5f0; padding: 1rem; z-index: 9999; text-align: center } #cookie-banner a { color: black } 
#cookie-banner button { color: white; padding: 10px 20px; font-weight: bold } 
.acceptCookies { background-color: white; color: sienna !important; border: 1px solid sienna } 
.denyCookies { background-color: black; border: 1px solid black } 
#cookiesMngBtn { height: 55px; background: #282828; color: #adadad; padding: 0 30px; margin-top: 30px } #cookiesMngBtn i { margin-left: 20px; opacity: 0.6 } .scrollUp { bottom: 100px } 
.sliderViewMore { top: auto !important; margin-top: -700px !important } 
.headerLink { 
    -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; text-orientation: sideways; position: absolute; right: 40px; z-index: 9; margin-top: 200px; -webkit-transform: rotate(180deg); 
    -ms-transform: rotate(180deg); transform: rotate(180deg)
} 
.headerLink .icon { position: absolute; right: -1px; top: -70px; width: 50px; height: 50px; border: 1px solid rgba(255,255,255,0.5); border-radius: 100% } 
.headerLink .icon i, .headerLink .icon em { color: #FFF; font-size: 24px; transform: rotate(90deg) } .headerLink .call { color: #fff; font-family: 'Barlow Condensed', sans-serif; font-weight: 400; letter-spacing: 5px; font-size: 12px; margin-top: -45px }
.headerLink .call span { color: #aa8453; font-family: 'Gilda Display', serif; letter-spacing: 1px; font-size: 24px }
.headerSideTxt { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); text-align: right } 
.callTxt { color: inherit !important; font-family: inherit !important; letter-spacing: inherit !important; font-size: inherit !important } .index-slider .arrow { bottom: 0 }
.sliderViewMoreMobile { text-align: center; color: #ab8a62; border: 1px solid #ab8a62; width: 90%; margin: 10px auto }
.myBookingForm textarea::placeholder { color: #222; opacity: 1 } .myGallery .item .con { bottom: 0 } .grecaptcha-badge { z-index: 10 } .noUpper { text-transform: none !important } .notoH4Link { font-family: "Noto Serif"; font-size: 30px !important }
.pH2 { font-family: "Roboto Condensed", serif; font-size: 24px }
.pH4 { 
	font-family: 'Barlow Condensed', serif; font-size: 15px !important; letter-spacing: 6px; margin-bottom: 20px !important; margin-top: 20px; margin-right: 0 !important; line-height: 1.25em !important; font-weight: 400 
}
.pH5 { font-family: 'Barlow Condensed', sans-serif; text-transform: uppercase; letter-spacing: 6px; margin-bottom: 10px !important; line-height: 1.25em }
.pH6 { font-family: 'Barlow Condensed',sans-serif; letter-spacing: 3px; margin-bottom: 5px; line-height: 1.25em }
.header div.reservation a .icon em { color: #FFF; font-size: 24px; transform: rotate(90deg) } 
.room-facilities ul li em { margin-right: 10px; color: #aa8453; font-size: 20px } 
.contactH5 { font-size: 24px; margin-bottom: 30px; font-family: 'Gilda Display',serif; line-height: 1.25em } 
#submitContactform { background: #666 } .header-language label { display: contents } 
.myGallery h2 { font-size: 27px; color: #fff; margin-bottom: 10px } 
.myGallery .item .con p { font-size: 15px; display: inline; letter-spacing: 3px; text-transform: uppercase } 
.index-slider .arrow em { width: 50px; display: inline-block; line-height: 50px; color: #fff; border: 1px solid rgb(255 255 255 / .3); border-radius: 100% }
.index-slider .arrow em:hover { border: 1px solid #aa8453 } 
.h6Title { font-family: 'Gilda Display',serif; font-size: 24px; color: #222; line-height: 1.25em } 
.generalContactTitle { font-family: 'Gilda Display',serif; font-size: 27px; color: #222 !important; border-bottom: 1px solid rgb(170 132 83 / .2); padding-bottom: 15px }
.island-info h2 { margin: 0 0 10px 0; line-height: 1.5em } 
.roomTitle { font-size: 27px; line-height: 1.25em; margin-top: 5px; margin-bottom: 5px; font-family: 'Gilda Display',serif } 
.roomTitle a { font-size: 23px } .roomDesc { font-size: 15px !important; display: inline; letter-spacing: 3px } 
.serviceTitle { font-size: 24px; font-family: "Noto Serif"; color: #222 !important; margin-bottom: 10px !important; line-height: 1.25em }
.footer-title { font-family: 'Gilda Display',serif; line-height: 1.25em }
@media (min-width: 1000px) { 
	.index-slider .caption h1 { font-size: 40px; letter-spacing: 10px } .header-language { margin-left: 200px } 
	.sliderViewMoreMobile { display: none } 
} 
@media (min-width: 450px) { .hideDesktop { display: none } } 
@media (max-width: 1100px) and (min-width: 1025px) { .header-language { margin-left: 50% !important } } 
@media (max-width: 1025px) and (min-width: 1020px) { .header-language { margin-left: 20px !important } } 
@media (max-width: 1020px) and (min-width: 765px) { .header-language { margin-left: 50% !important } } 
@media (max-width: 1100px) and (min-width: 900px) { .customSeparator1 { width: 80px } } 
@media (max-width: 1100px) and (min-width: 600px) { .myBookingForm .row .offset-md-2 { width: 55%; margin-left: 2.666% } } 
@media (max-width: 1100px) { .index-rooms .item .con h5 a { font-size: 19px } .sliderViewMore { margin-top: -900px !important } .headerLink { margin-top: 60px } .headerLink .icon { top: -60px } } 
@media (max-width: 1025px) and (min-width: 1020px) { .sliderViewMore { margin-top: -500px !important } } 
@media (max-width: 1050px) and (min-width: 1030px) { .roomExtraSlider { margin-top: -550px !important } } 
@media (max-width: 1000px) { .index-about .section-title { font-size: 42px } .index-slider .caption h1 { font-size: 30px; letter-spacing: 10px } .headerLink { display: none } }
@media (max-width: 900px) { 
    .reservations { flex-wrap: wrap } .reservationsTxt { margin-right: 120px } .customSeparator1 { width: 120px } .header-lang { position: absolute; right: 50px } .index-slider .caption h1 { font-size: 27px; letter-spacing: 8px } 
    .index-rooms .item .con h5 a { font-size: 19px } 
} 
@media (max-width: 800px) { .index-slider .caption h1 { font-size: 23px; letter-spacing: 9px } input[type="tel"] { margin-bottom: 15px } .room-slider { min-height: 300px } .room-slider .owl-item { max-height: 300px } .room-slider .item { background-size: contain } } 
@media (max-width: 500px) { .customSeparator1 { width: 160px } .index-slider .caption h1 { font-size: 21px; letter-spacing: 5px } .index-rooms .section-title { font-size: 41px } .index-facilities .section-title { font-size: 42px } } 
@media (max-width: 450px) { .index-facilities .section-title { font-size: 40px } .hideMobile { display: none } .room-slider { min-height: 250px } .room-slider .owl-item { max-height: 250px } .myGallery { padding-top: 0 } } 
@media (max-width: 450px) and (min-width: 420px) { .customSeparator1 { width: 30px } }
@media (max-width: 440px) and (min-width: 410px) { .room-slider { min-height: 270px } .room-slider .owl-item { max-height: 270px } }
@media (max-width: 400px) { 
    .customSeparator1 { width: 120px } .index-slider .caption h1 { font-size: 15px; letter-spacing: 4px } .index-about .section-title { font-size: 37px } .index-facilities .section-title { font-size: 33px } 
    .header-language { margin-left: 0 !important } 
}
@media (max-width: 350px) { 
   .room-slider { min-height: 200px } .room-slider .owl-item { max-height: 200px }
}