@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body {font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;}
.bold-font {font-family: 'Gotham-Bold';}
::selection{ background-color:#bf5463 !important; }
.marB80 {margin-bottom: 80px;}
.mar0 {margin: 0 !important;}
a:hover {text-decoration: none;}
.rev_slider .tp-mask-wrap .tp-caption {left: 0; margin-left: -300px !important;}
.home-logo {position: absolute;transform: translate(-50%, -50%);left: 50%;top: 50%;}
.home-logo img {width: 500px; height: 500px;}
#navigation.modern .columns .nav-menu {float: none; text-align: center;}
#navigation.modern .columns ul li {float: none; display: inline-block;}
#navigation.modern.dark-nav.hover:not(.scrolled):hover, #navigation.modern.white-nav.border:not(.scrolled):hover {background-color: transparent;}
#navigation.modern.dark-nav.border:not(.scrolled), #navigation.modern.white-nav.border:not(.scrolled) {border-bottom: none !important;}
#home .page-note .home-socials a {font-size: 27px;}
#navigation.modern.dotted .columns .nav-menu ul.nav>li:before {display: none;}
#navigation.modern .columns ul li a {font-size: 15px; letter-spacing: 1px;}
#navigation.modern.dotted .columns .nav-menu ul.nav>li>a, #navigation.modern.white-nav .columns a {padding: 0 45px; font-weight: 600; cursor: pointer; text-shadow: 2px 1px 2px #8f8f8f;}
#navigation.modern.dark-nav.scrolled, #navigation.modern.dark-nav.scrolled .columns .nav-menu {display: none;}

#navigation.modern .columns ul li a:hover, #navigation.modern .columns ul li a:hover {color: #bf5463 !important;  text-shadow: none !important;}
/*#navigation.modern .columns ul li a.active-link {color: #bf5463 !important;}
#navigation.modern .columns ul li a.active.nav-link {color: #bf5463 !important;}*/
#navigation.modern .columns ul li a:hover, #navigation.modern.scrolled .columns ul li a:hover, #navigation.modern .columns ul.nav > li.active > a {color: #bf5463 !important;}
.bg-parallax {height: 490px; min-height: auto;}
.hermes.tparrows {visibility: visible !important; background: none !important;}
.hermes.tparrows.tp-leftarrow:hover:before {transform: translateX(0px) !important; -webkit-transform: translateX(0px) !important; opacity: 1 !important;}
.hermes.tparrows.tp-rightarrow:hover:before {transform: translateX(0px) !important; -webkit-transform: translateX(0px) !important; opacity: 1 !important;}
.tp-caption img {width: 500px !important; height: auto !important;}
.swiper-button-prev:after, .swiper-button-next:after {font-size: 20px !important; color: #FFF;}
.swiper-pagination-bullet {font-size: 0 !important; width: 7px !important; height: 7px !important; line-height: 7px !important; background: rgba(255, 255, 255, 0.3) !important;}
.swiper-pagination-bullet-active {background-color: #FFF !important;}
.rooms p {font-size: 14pt; letter-spacing: 1px; text-align: right; line-height: 38.5px; color: #6d6e71;}
.rooms p:first-child {margin-top: -10px;}
.rooms h2 {font-size: 34px; color:#bf5463; text-align: center; font-family: 'Gotham-Bold'; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 45px;}
.rooms .read-btn a {width: auto; height: auto; padding: 5px 7px; border: 1px solid #6d6e71; color: #6d6e71; border-radius: 15px; float: right; line-height: normal; margin-top: 35px;}
.rooms .read-btn a:hover {border: 1px solid #bf5463;color: #bf5463;}
.rooms .hidden-caption-content {display: none;}

.facilities p {font-size: 14pt; letter-spacing: 1px; text-align: left; line-height: 33px; color: #6d6e71;}
.facilities p:first-child {margin-top: -10px;}
.facilities h2 {font-size: 34px; color:#bf5463; text-align: center; font-family: 'Gotham-Bold'; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 50px;}
.facilities .read-btn a {width: auto; height: auto; padding: 5px 7px; border: 1px solid #6d6e71; color: #6d6e71; border-radius: 15px; float: left; line-height: normal; margin-top: 35px;}
.facilities .read-btn a:hover {border: 1px solid #bf5463;color: #bf5463;}
.facility-content {margin: 80px 0;}
.facility-content h3 {font-size: 21px; color:#bf5463; float: right; text-align: right; font-family: 'Gotham-Bold'; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 15px;}
.facility-content.tribute h3 {text-align: left; float: left;}
.facility-content.tribute p {text-align: left; float: left; width: 100%; line-height: 30px;}
.facility-content.pool h3 {margin-left: 30%;}
.facility-content.pool p {text-align: right; width: 96%; float: right;}
.facility-content.restaurant h3 {text-align: left; float: left;}
.facility-content.restaurant p {text-align: left; float: left; width: 100%;}
.facility-content.safety h3 {margin-left: 2%;}
.facility-content.safety p {text-align: right; width: 91%; float: right;}
.facilities .img-text img {position: relative;}
.facilities .img-text h2 {position: absolute; bottom: -20px; right: 55px; font-size: 15px; color: #FFF; text-transform: uppercase;}
.facilities .img-text h4 {position: absolute; bottom: 8px; left: 30px; font-size: 8px; color: #FFF;}

.experiences .experience-content:first-child {margin-top: 25px;}
.experiences h2 {font-size: 34px; color:#bf5463; text-align: center; font-family: 'Gotham-Bold'; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 50px;}
.experiences .experience-content {margin-bottom: 80px;}
.experiences .experience-content .details {margin-bottom: -8px;}
.experiences .experience-content.t-right {text-align: right;}
.experiences .experience-content h4 {font-size: 18px; color:#bf5463; letter-spacing: 1px; margin-bottom: 5px; font-family: 'Gotham-Bold';}
.experiences .experience-content p {color: #6d6e71; line-height: 30px; font-size: 12pt; text-transform: capitalize;}
.experiences .img-text img {position: relative;}
.experiences .img-text h2 {position: absolute; bottom: -35px; left: 30px; font-size: 8px; color: #FFF;}

.about h2 {font-size: 34px; color:#bf5463; text-align: left; font-family: 'Gotham-Bold'; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px;}
.about p {font-size: 14pt; letter-spacing: 1px; text-align: center; line-height: 35px; color: #6d6e71;}
.about p span {font-weight: 600; text-transform: uppercase; font-style: italic;}
.about .content {margin-bottom: 30px;}

.tariff h3 {font-size: 18px; color: #bf5463; margin-bottom: 10px; font-weight: 500; font-family: 'Gotham-Bold'; text-transform: uppercase;}
.tariff p {font-size: 13pt; letter-spacing: 1px; margin-bottom: 10px; color: #6d6e71;}
.tariff h3.w85 {width: 85%;}
.tariff img {margin-top: 50px; position: relative;}
.tariff .mandatory {position: absolute; top: 20px; left: 16px; font-size: 18px; color: #bf5463; font-weight: 500; font-family: 'Gotham-Bold';}

.contact {margin-top: 100px;}
.contact-content {position: relative; width: 100%; height: auto; margin: 70px 0 70px; padding: 0 130px 0 0;}
.contact-content .marL-20 {margin-left: 20px;}
.contact-content .location i {font-size: 50px; color:#bf5463;}
.contact-content h2 {font-size: 18px; color: #bf5463; font-family: 'Gotham-Bold'; margin: 15px 0 10px; text-transform: uppercase;}
.contact-content .contact-details {margin-bottom: 25px;}
.contact-content .contact-details p.address {width: 78%; margin-top: 15px; float: right; text-align: right;}
.contact-content .contact-details p {font-size: 13pt; letter-spacing: 1px; text-align: left; line-height: 27px; color: #6d6e71; font-weight: 500;}
.contact-content .contact-details.social-link {margin-top: 2px; margin-bottom: 0;}
.contact-content .contact-details.social-link p {display: inline-block; font-family: 'Gotham-Bold'; font-size: 18px; padding-right: 15px; vertical-align: text-bottom;}
.contact-content .contact-details.social-link p a i {font-size: 35px; margin-right: 10px;}
.contact-content .contact-details.social-link p a:hover i {color: #bf5463;}
.contact-content .contact-details a:hover {color: #bf5463;}
.contact-content .contact-details.rules {line-height: 35px; margin-top: -5px; margin-bottom: -10px;}
.contact-content .contact-details.rules p {margin-top: 47px; margin-bottom: 15px; font-size: 18px; width: 80%; font-weight: 500; float: right; text-align: right;}
.contact-content .contact-details.booking {line-height: 35px; margin-top: 14px; margin-bottom: 5px;}
.contact-content .contact-details.booking p {width: 92%;}

#back-to-top.dark, .drop-msg.dark {color: #fff!important; background: #bf5463; border-color: #bf5463;}

.classic_footer {background-color: #FFF; color: #4c4c4c;}
.classic_footer .footer-bottom {background-color: #FFF;}

/*
.facilities .owl-carousel {position: relative; padding: 0 75px; margin-top: 25px;}
.owl-carousel .owl-nav button.owl-prev {position: absolute; left: 2%; font-size: 45px !important; top: 35%;}
.owl-carousel .owl-nav button.owl-next {position: absolute; right: 2%; font-size: 45px !important; top: 35%;}
.owl-carousel .owl-nav button span {color: #c5c7c8;}
.facilities a .facility-title {width: 100%; height: auto; padding: 12px 25px; background-color: #ebebec; color:#bf5463; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase;}
.owl-carousel a:hover {text-decoration: none !important;}

.uk-lightbox {background-color: #FFF !important;}
.uk-lightbox-toolbar {background: rgba(255,255,255, 0.8) !important; padding: 1% 12% !important;}
.uk-lightbox-toolbar-icon {color: rgba(0,0,0) !important;}
.uk-lightbox-button {background: transparent !important; color: #000 !important;}
.uk-lightbox-toolbar.uk-position-top {background: transparent !important;}
.uk-lightbox-toolbar-icon.uk-close  {color: #000 !important; position: absolute; right: 35px; top: 25px;}
.uk-lightbox-toolbar * {color: inherit;}
.uk-h5, h5 {font-size: 20px !important; color: #bf5463 !important; text-align: left; letter-spacing: 2px; font-family: 'Gotham-Bold' !important; }
.uk-lightbox-toolbar p {color: #000 !important; font-size: 12pt; letter-spacing: 2px; text-align: left; line-height: 30px;}
*/

/* Mobile */
@media only screen and (max-width : 768px) {
    .home-logo img {width: 300px; height: 300px;}
    .tp-caption img {width: 300px !important; height: auto !important;}
    .rooms h2 {font-size: 26px; margin-bottom: 25px; line-height: 35px;}
    .rooms p {text-align: left; font-size: 12pt; line-height: 26px; margin-bottom: 15px;}
    .rooms .read-btn a {float: left; margin-bottom: 50px;}
    .bg-parallax {height: 72vh; min-height: auto;}
    .custom-breadcrumb img {width: 250px; height: auto;}
    #home .page-note .home-socials {bottom:0 !important;}
    #home .page-note {top: -60px;}
    .facilities h2 {font-size: 26px; margin-bottom: 25px; line-height: 35px;}
    .facility-content p {text-align: left; font-size: 12pt; line-height: 28px; margin-bottom: 15px;}
    .facilities p:first-child {margin-top: 20px; line-height: 27px; font-size: 12pt;}
    .facilities .owl-carousel {padding: 0; margin: 0;}
    .facilities .read-btn a {margin-top: 5px;}
    .uk-lightbox-toolbar p {display: none;}
    .facility-content {margin: 30px 0;}
    .marB80 {margin-bottom: 30px;}
    .facility-content h3 {font-size: 14px !important; margin: 0; margin-top: 10px !important;}
    .facility-content.pool h3 {width: 100%; margin: 0; float: left; text-align: left; margin-bottom: 15px; font-size: 18px;}
    .facility-content.pool p {text-align: left; float: left; width: 100%; font-size: 12pt; margin-bottom: 20px; line-height: 27px;}
    .facility-content.restaurant h3 {margin-top: 20px; font-size: 18px;}
    .facility-content.restaurant p {line-height: 27px; font-size: 12pt;}
    .facility-content.safety h3 {width: 100%; margin: 0; float: left; text-align: left; margin-bottom: 15px; font-size: 18px;}
    .facility-content.safety p {text-align: left; float: left; width: 100%; font-size: 12pt; margin-bottom: 20px; line-height: 27px;}
    .facilities .img-text h2 {bottom: -20px; right: 25px; font-size: 10px;}
    .experiences .experience-content {margin-bottom: 50px;}
    .experiences .experience-content h4 {text-align: left; margin: 10px 0;}
    .experiences .experience-content p {text-align: left;}
    .about h2 {font-size: 23px; margin-bottom: 0;}
    .about p {text-align: left; font-size: 12pt; line-height: 28px; margin-bottom: 15px;}
    .about .content {margin-top: 15px;}
    .contact-content {margin: 20px 0; padding: 30px 15px; height: 100%;}
    .contact-content .marL-20 {margin-left: -15px;}
    .tariff p {text-align: left; font-size: 12pt; line-height: 28px;}
    .contact {margin-top: 30px;}
    .contact-content .contact-details p {text-align: left; font-size: 12pt; line-height: 28px;}
    .experiences .experience-content.t-right h4, .experiences .experience-content h4 {text-align: left !important; margin-top: 10px !important;}
    .experiences .experience-content.t-right p {text-align: left !important;}
}

/* Tablets */
@media only screen and (max-width : 1024px) {
    .home-logo img {width: 300px; height: 300px;}
    #home .page-note .home-socials {top: 0;}
    .experiences .experience-content.t-right h4 {text-align: right;}
    .experiences .experience-content.t-right p {text-align: right;}
    .experiences .experience-content h4 {margin: 0;}
    .experiences .experience-content p {line-height: 28px;}
    .experience-content.t-right:last-child {margin-bottom: 0;}
    .facilities p:first-child {margin-top: 15px; line-height: 21px; font-size: 11pt;}
    .facility-content h3 {font-size: 18px !important;margin: 0; margin-bottom: 10px;}
    .facility-content p {font-size: 12pt !important;line-height: 25px !important;}
}  

/*
@media only screen and (max-width : 1368px) {
    .rooms h2 {font-size: 33px;}
    .rooms p {font-size: 12pt; line-height: 25px;}
    .facilities h2 {font-size: 33px;}
    .facility-content h3 {font-size: 16px;}
    .facilities p {font-size: 12pt; line-height: 25px;}
    .facility-content.safety h3 {margin-left: 19%;}
    .about h2 {font-size: 33px;}
    .about p {font-size: 12pt; line-height: 33px;}
}
*/

/*
@media screen and (max-width: 1280px) and (max-height: 900px) {
    #navigation.modern .columns ul li a {font-size: 13px;}
    .rooms h2 {font-size: 27px;}
    .rooms p {font-size: 11pt; line-height: 27px;}
    .facilities h2 {font-size: 27px;}
    .facilities p:first-child {margin-top: 0;}
    .facilities p {font-size: 11pt; line-height: 25px;}
    .facility-content h3 {font-size: 18px; margin-bottom: 10px;}
    .experiences .experience-content h4 {font-size: 16px;}
    .experiences .experience-content p {font-size: 11pt; line-height: 27px;}
    .about h2 {font-size: 27px;}
    .about p {font-size: 11pt; line-height: 25px;}
    .about .content {height: 345px;}
    .contact-content h2 {font-size: 16px;}
    .contact-content .contact-details p {font-size: 12pt;}
    .contact-content .contact-details.social-link p {font-size: 14pt;}
    .marB80 {margin-bottom: 50px;}
}
*/