Interior & Exterior
* img{
object-fit: cover;
}
:root {
--primary-color:#c6ab62;
--secondary-color:#b48744;
--btn-hover:#b48744;
--white:#fff;
--primary-text-color:#333;
--black:#000;
--placeholder:#757575;
--background-color:#0f0f0f
}
body.hotelGroupBody {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f;
overflow-x:hidden
}
.yummy .col-lg-1,.yummy .col-lg-2,.yummy .col-lg-3,.yummy .col-lg-4,.yummy .col-lg-5,.yummy .col-lg-6,.yummy .col-lg-7,.yummy .col-lg-8,.yummy .col-lg-9,.yummy .col-lg-10,.yummy .col-lg-11,.yummy .col-lg-12,.yummy .col-lg-15,.yummy .col-md-1,.yummy .col-md-2,.yummy .col-md-3,.yummy .col-md-4,.yummy .col-md-5,.yummy .col-md-6,.yummy .col-md-7,.yummy .col-md-8,.yummy .col-md-9,.yummy .col-md-10,.yummy .col-md-11,.yummy .col-md-12,.yummy .col-md-15,.yummy .col-sm-1,.yummy .col-sm-2,.yummy .col-sm-3,.yummy .col-sm-4,.yummy .col-sm-5,.yummy .col-sm-6,.yummy .col-sm-7,.yummy .col-sm-8,.yummy .col-sm-9,.yummy .col-sm-10,.yummy .col-sm-11,.yummy .col-sm-12,.yummy .col-sm-15,.yummy .col-xs-1,.yummy .col-xs-2,.yummy .col-xs-3,.yummy .col-xs-4,.yummy .col-xs-5,.yummy .col-xs-6,.yummy .col-xs-7,.yummy .col-xs-8,.yummy .col-xs-9,.yummy .col-xs-10,.yummy .col-xs-11,.yummy .col-xs-12,.yummy .col-xs-15 {
padding-right:15px;
padding-left:15px;
padding-bottom:0
}
.yummy p {
margin:0
}
#whatsapp-message {
position:fixed;
margin-bottom:1vh;
bottom:35px;
right:5px;
width:65px;
height:65px;
overflow:hidden;
visibility:visible;
z-index:2147483639;
background:0;
border:0;
transition:transform .2s ease-in-out;
backface-visibility:hidden;
opacity:1;
transform:translateY(0%)
}
.hotelGroupTheme,body .hotelGroupTheme {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTheme a,.hotelGroupTheme p a {
text-decoration:none;
color:var(--primary-color)
}
.hotelGroupTheme a:hover,.hotelGroupTheme a:focus,.hotelGroupTheme p a:hover,.hotelGroupTheme p a:focus {
text-decoration:none;
color:var(--secondary-color)
}
.hotelGroupTheme .btn.btn-primary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-primary:focus,.hotelGroupTheme .btn.btn-primary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelGroupTheme .btn.btn-secondary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:transparent;
color:var(--primary-color);
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-secondary:focus,.hotelGroupTheme .btn.btn-secondary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#FFF
}
.hotelGroupTheme .h1,.hotelGroupTheme .h2,.hotelGroupTheme .h3,.hotelGroupTheme .h4,.hotelGroupTheme .h5,.hotelGroupTheme .h6,.hotelGroupTheme h1,.hotelGroupTheme h2,.hotelGroupTheme h3,.hotelGroupTheme h4,.hotelGroupTheme h5,.hotelGroupTheme h6 {
font-family:Bellota;
font-weight:400
}
.header.fixed {
position:fixed;
top:0;
box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
-webkit-box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
left:0;
right:0;
margin:0 auto;
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
.hotelGroupTheme h2 {
margin:0 0 30px;
position:relative;
color:#30353e;
margin:0 0 30px;
font-size:48px;
line-height:1.2;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase
}
.hotelGroupTheme h2 span {
display:block;
font-size:16px;
font-weight:400;
margin:0 0 10px;
color:var(--secondary-color)
}
.hotelGroupTheme p {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTopbar {
padding:12px 0;
border-bottom:1px solid #efefef
}
.hotelGroupTopbar .inline-wrapper {
align-items:center
}
.hotelGroupTopbar p {
margin:0 10px 0;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
margin-left:0
}
.hotelGroupTopbar p .fa {
margin-right:10px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone .fa {
font-size:18px;
position:relative;
top:1px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
position:relative;
top:-1px
}
.hotelGroupTopbar p a {
color:#4f4f4f;
text-decoration:none;
transition:all .3s ease
}
.hotelGroupTopbar p a:focus,.hotelGroupTopbar p a:hover {
color:var(--secondary-color);
;
text-decoration:none
}
.hotelGroupTopbar p.hotelGroupTopbarSocial {
font-size:16px
}
.hotelGroupTopbar p.hotelGroupTopbarSocial .fa {
margin-right:0
}
.hotelGroupTopbar .gTranslate {
margin-left:10px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget {
position:relative;
font-size:0
}
.hotelGroupTheme #google_translate_element .goog-te-gadget:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
pointer-events:none;
color:#000;
font-size:18px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget a.goog-logo-link {
display:none
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
height:30px;
padding:0 30px 0 10px;
letter-spacing:.03em;
border-radius:0;
border:1px solid #d5d5d5;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
cursor:pointer;
font-size:12px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo:focus {
outline:0;
border-color:#a7a7a7
}
.hotelGroupNavbar {
position:relative;
z-index:100
}
.hotelGroupNavbar .navbar {
width:100%;
margin:0;
padding:10px 0;
display:flex;
align-items:center;
min-height:60px
}
.hotelGroupNavbar .navbar-header .navbar-brand {
height:auto
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:90px
}
.hotelGroupNavbar .navbar-collapse {
padding:0!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
width:inherit;
align-items:center;
padding-right:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:5px 0 0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
line-height:1;
color:#30353e;
text-transform:uppercase;
letter-spacing:.03em;
transition:all .3s ease;
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:active,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:focus,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:hover,.hotelGroupNavbar .navbar.navbar-plain ul.nav li.active a {
color:var(--secondary-color);
;
background-color:transparent
}
.hotelGroupNavbar .nav .open>a,.hotelGroupNavbar .nav .open>a:focus,.hotelGroupNavbar .nav .open>a:hover {
background:none;
border:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown a .caret:after {
top:-7px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown.open a .caret:after {
top:-3px
}
.hotelGroupNavbar .dropdown-menu {
border-radius:0;
background:#FFF
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li {
display:block
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
font-weight:400;
display:block;
padding:15px 20px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdownRight .dropdown-menu {
left:auto;
right:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-family:Bellota;
background:var(--primary-color);
border:1px solid var(--primary-color);
color:#fff;
box-shadow:none;
border-radius:0;
font-size:14px;
font-weight:700;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
transition:all .3s ease;
padding:12px 18px
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:focus,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:hover {
border-color:var(--secondary-color);
;
background:var(--secondary-color);
;
cursor:pointer;
color:#fff;
text-decoration:none;
box-shadow:none;
outline:0
}
.hotelGroupSlideshowContainer {
color:#FFF
}
.hotelGroupSlideshowContainer p,.hotelGroupSlideshowContainer a {
color:#FFF
}
.hotelGroupSlideshowContainer .carousel-inner>.item {
transition:none;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item img {
animation:bloomEffects 1s ease;
animation-fill-mode:forwards
}
@keyframes bloomEffects {
0% {
transform:scale(1)
}
100% {
transform:scale(1.1)
}
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:60px;
font-weight:700;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
font-size:18px;
font-weight:400;
line-height:1.4;
letter-spacing:.06em;
margin:0 auto 60px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
background:#000;
border-color:#000
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
font-family:Chakra Petch;
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
background-color:transparent;
color:#fff;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto;
height:50px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:active {
background-color:#FFF;
border-color:#FFF;
color:#000
}
.hotelGroupSlideshow {
max-height:600px;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupSlideshowContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
background:#000;
border:1px solid #000
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:auto;
right:0
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
left:auto;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li:hover,.hotelGroupSlideshowContainer .carousel-indicators li:focus,.hotelGroupSlideshowContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupSlideshowContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupSlideshowContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBookingContainer {
position:relative;
background:#1b1b1b;
color:#FFF;
padding:40px 0
}
.hotelSubGroupTheme.hotelGroupBookingContainer {
position:relative;
background:var(--secondary-color);
;
color:#FFF
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0 30px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupBookingContainer .boxnew {
width:100%;
text-align:center
}
.hotelGroupBookingContainer .boxnew p {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupBookingContainer .boxnew p label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p input {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupBookingContainer .boxnew p select {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
font-family:Bellota;
font-size:18px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:50px;
border-radius:0;
padding:10px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:var(--secondary-color);
!important;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn {
background-color:#000;
color:#fff;
border:1px solid #000
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupBookingContainer .boxnew p br {
display:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:25px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:25px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1) {
max-width:300px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(4) {
margin-top:28px
}
.hotelGroupTheme .bbres_fieldset,.hotelGroupTheme .HGCalender,.hotelGroupTheme .HGBEBtn {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select,.hotelGroupTheme .HGSelectOuter {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:300px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select:before,.hotelGroupTheme .HGSelectOuter:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:20px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupTheme .bbres_fieldset label,.hotelGroupTheme .bbres_select label,.hotelGroupTheme .form-control label,.hotelGroupTheme .HGSelectOuter label,.hotelGroupTheme .HGCalender label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset input,.hotelGroupTheme .HGCalender input,.hotelGroupTheme input.form-control {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme textarea.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:auto;
background:#fff;
width:100%;
padding:20px;
border-radius:0;
font-size:13px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger {
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
font-size:0;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px
}
.hotelGroupTheme .HGCalender:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupTheme .bbres_select select,.hotelGroupTheme .HGSelectOuter select,.hotelGroupTheme select.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupTheme input.form-control:focus,.hotelGroupTheme select.form-control:focus,.hotelGroupTheme select:focus,.hotelGroupTheme textarea.form-control:focus,.hotelGroupTheme textarea:focus {
border-color:#152161;
background:#fff;
outline:0
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn,.hotelGroupTheme .HGBEBtn #bb_resBtn {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
line-height:1.8;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:#000;
color:#fff;
border:1px solid #000;
height:50px;
border-radius:0;
padding:15px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn:active,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:focus,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:hover,.hotelGroupTheme .HGBEBtn #bb_resBtn:active,.hotelGroupTheme .HGBEBtn #bb_resBtn:focus,.hotelGroupTheme .HGBEBtn #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupWelcomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupWelcomeInner {
display:flex;
align-items:center
}
.hotelGroupWelcomeContent {
width:48%
}
.hotelGroupWelcomeImgOuter {
width:52%;
padding-left:100px
}
.hotelGroupPropertyContainer {
position:relative;
padding:1px 0;
display:flex;
justify-content:center
}
.hotelGroupPropertyInner {
position:relative;
display:flex;
min-height:600px;
flex-flow:row wrap;
max-width:1600px
}
.hotelGroupPropertyContainerAlter .hotelGroupPropertyInner {
flex-direction:row-reverse
}
.hotelGroupPropertyImage {
width:60%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.hotelGroupPropertyContent {
width:40%;
padding:60px;
display:flex;
flex-flow:column;
justify-content:center;
text-align:left
}
h3.hotelGroupPropertyContentTitle {
margin:0 0 30px;
font-size:42px;
line-height:1.2;
letter-spacing:2px;
color:#30353e
}
p.hotelGroupPropertyContentText {
color:inherit;
margin:0 0 50px;
font-size:17px;
line-height:1.8;
letter-spacing:.03em
}
.hotelGroupHomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupHomeContainer .hotelGroupHomeContent {
text-align:center
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:60px;
padding-top:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:16px;
line-height:2
}
.hotelGroupAmenityContainer {
position:relative;
background:var(--primary-color);
color:#FFF;
padding:80px 0 40px;
text-align:center
}
.hotelGroupAmenityContainer {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f06b6379b36d_bannerImg002.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupAmenityContainer h2,.hotelGroupAmenityContainer h3,.hotelGroupAmenityContainer h4,.hotelGroupAmenityContainer p {
color:#FFF
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px;
padding-top:30px
}
.hotelGroupAmenityContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#e6c6a1;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupAmenityBtnOuter {
margin:60px 0 0
}
.hotelGroupAmenityList {
display:flex;
flex-flow:row wrap;
align-items:flex-start;
justify-content:flex-start
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
position:relative;
display:flex;
text-align:left;
padding:40px;
align-items:flex-start;
width:33%;
justify-content:flex-start;
margin:0;
align-items:center
}
.hotelGroupAmenityItemImg {
min-width:60px;
min-height:60px;
background:rgb(0 0 0 / .2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
margin:0 10px 0 0
}
.hotelGroupAmenityItemImg img {
max-width:30px;
max-height:30px
}
.hotelGroupAmenityItemContent h3 {
margin:0 0 6px;
font-weight:600;
letter-spacing:1px;
font-size:20px;
line-height:1
}
.hotelGroupAmenityItemContent p {
margin:0;
font-size:14px;
letter-spacing:.03em
}
body .hotelGroupFooter {
background:#1b1b1b;
color:#c5c5c5
}
.hotelGroupFooter .HGfooterTitle {
color:#FFF;
font-family:Bellota;
font-size:24px;
letter-spacing:3px;
font-weight:700;
text-transform:uppercase;
margin:0 0 30px
}
.hotelGroupFooter ul.list-basic li a:not(.btn) {
color:#c5c5c5;
text-decoration:none
}
.hotelGroupFooter ul.list-basic li a:not(.btn):hover,.hotelGroupFooter ul.list-basic li a:not(.btn):focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic {
display:flex;
flex-flow:row wrap
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic li {
width:50%
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic {
display:flex;
flex-flow:column
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic li {
width:initial
}
body .hotelGroupFooterbtm {
background:#101010;
color:#c5c5c5;
padding:10px 0;
font-size:14px
}
body .hotelGroupFooterbtm .footerBtmInner {
display:flex;
justify-content:space-between;
align-items:center
}
body .hotelGroupFooterbtm p {
margin:0;
font-family:Chakra Petch
}
body .hotelGroupFooterbtm p a {
color:#c5c5c5;
text-decoration:none
}
body .hotelGroupFooterbtm p a:hover,body .hotelGroupFooterbtm p a:focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterContact ul.list-basic li {
position:relative;
padding-left:30px
}
body .hotelGroupFooter p,body .hotelGroupFooter ul li,body .hotelGroupFooter p a {
margin-bottom:10px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
color:#c5c5c5;
letter-spacing:.03em
}
body .hotelGroupFooter .HGfooterContact li .fa {
position:absolute;
left:0;
top:3px;
font-size:20px;
font-weight:400;
line-height:1
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial {
margin:10px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial li .fa {
position:relative;
top:initial
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-map-marker {
left:2px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-envelope-open-o {
font-size:14px;
left:1px;
top:4px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-mobile {
font-size:22px;
left:3px;
top:1px
}
.hotelGroupRoomContainer {
padding:80px 0
}
.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-end
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
position:relative;
z-index:1;
width:80%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:600px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
position:absolute;
right:10px;
bottom:70px;
width:50px;
z-index:2;
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #000;
background:#000;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators {
background:none;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
position:absolute;
width:600px;
background:#FFF;
padding:30px;
left:0;
top:50%;
display:block;
z-index:2;
transform:translateY(-50%);
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:48px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupRoomContainer .hotelGroupRoomContentText {
margin:0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities {
margin:20px 0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic {
display:flex;
flex-flow:row wrap
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic li {
width:50%;
display:flex;
align-items:center;
margin:0 0 15px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesImg img {
max-height:24px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesTxt p {
margin:0 0 0 10px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice {
margin:0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice strong {
font-size:22px;
font-weight:700;
margin:0;
letter-spacing:-.02em
}
.hotelGroupRoomContainer .hotelGroupRoomPrice span {
border-bottom:1px dashed;
cursor:help;
margin:0 0 0 5px
}
.hotelGroupRoomContainerAlter .hotelGroupRoomInner {
justify-content:flex-start
}
.hotelGroupRoomContainerAlter .hotelGroupRoomContent {
left:auto;
right:0
}
.hotelGroupRoomContainerAlter .hotelGroupRoomImage .carouselNavOuter {
right:auto;
left:10px
}
.hotelGroupTheme .mapWrapper iframe {
margin:0;
padding:0;
outline:0;
border:0;
display:inline-block;
vertical-align:top
}
.hotelGroupGalleryContainer {
padding:0 0 80px;
text-align:center
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:80px
}
.hotelGroupBody .modal-dialog {
margin:15px auto 0;
max-width:900px!important
}
.hotelGroupBody .modal-header {
padding:0;
border-bottom:0 solid #e5e5e5;
background:0
}
.hotelGroupBody .modal-title {
display:none
}
.hotelGroupBody .modal button.close {
z-index:110;
right:10px;
top:10px;
outline:0
}
.hotelGroupBody .modal button.close:focus,.hotelGroupBody .modal button.close:hover {
outline:0
}
.hotelGroupBody .ekko-lightbox-nav-overlay .glyphicon {
height:100%;
display:flex;
align-items:center;
text-align:right
}
.hotelGroupBody .glyphicon.glyphicon-chevron-left {
justify-content:flex-start
}
.hotelGroupBody .glyphicon.glyphicon-chevron-right {
justify-content:flex-end
}
.hotelGroupBody .ekko-lightbox-nav-overlay a:focus,.hotelGroupBody .ekko-lightbox-nav-overlay a:hover {
text-decoration:none
}
.hotelGroupBody .modal-dialog img {
width:100%
}
.hotelGroupBody .modal-dialog .ekko-lightbox-container {
max-height:550px;
overflow:hidden
}
.hotelGroupHeadBlock {
padding:60px 0;
text-align:center
}
.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
margin:0
}
.hotelGroupPageTitle {
padding:100px 0;
color:#FFF;
background-color:rgba(0,0,0,0);
background-position:50% 60%
}
.hotelGroupPageTitle h2 {
color:#FFF;
text-align:center;
margin:0
}
.hotelGroupPageTitle h2 span {
color:#FFF;
font-family:Chakra Petch;
margin:10px 0 0
}
.hotelGroupContactContainer {
padding:80px 0
}
.hotelGroupContactContainer .form-group,.hotelGroupContactContainer .input-group {
margin:0 0 20px
}
.hotelGroupContactContainer h3 {
font-size:28px;
font-weight:700;
letter-spacing:1px;
margin:0 0 20px;
color:#30353e
}
.hotelGroupContactContainer h3.hotelGroupContactHeading {
margin:0 0 10px
}
.hotelGroupContactContainer p.hotelGroupContactDesc {
margin:0 0 40px
}
.hotelGroupContactDetails ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactDetails p,.hotelGroupContactDetails ul li,.hotelGroupContactDetails p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactDetails li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactDetails ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
.hotelGroupContactDetails li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactDetails li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactDetails li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn) {
color:#4f4f4f
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding-left:30px
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial .HGfooterSocial li .fa {
position:relative;
top:initial
}
.hotelGroupContactlistContainer {
background:#f8f8f8;
padding:80px 0
}
.hotelGroupContactlistContainer .hotelGroupContactblock {
position:relative;
padding:30px;
background:#FFF;
box-shadow:0 7px 12px -4px rgba(0,0,0,.1);
margin:0 5px
}
.hotelGroupContactlistContainer .hotelGroupContactblock a {
white-space:normal;
word-break:break-all
}
.hotelGroupContactlistContainer .hotelGroupContactblock h4 {
margin:0 0 30px;
font-size:22px;
font-weight:700
}
.hotelGroupContactlistContainer ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactlistContainer p,.hotelGroupContactlistContainer ul li,.hotelGroupContactlistContainer p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactlistContainer li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactlistContainer ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 10px 0 0
}
.hotelGroupContactlistContainer li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactlistContainer li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactlistContainer li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding:0;
margin:0 15px 0 0
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li .fa {
position:relative
}
.hotelGroupAboutSliderContainer {
padding:80px 0
}
.hotelGroupAboutWelcomeContainer {
padding:0 0 80px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption h3 {
font-size:54px;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption p {
font-size:16px;
font-weight:400;
line-height:1.8;
letter-spacing:.05em;
margin:0 auto 60px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn {
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:active {
background:#FFF;
color:#000
}
.hotelGroupAboutSliderContainer .carousel-inner .item [data-component=image]:before {
content:"";
top:0;
left:0;
right:0;
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.54);
z-index:1;
display:none
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
background:#000;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupAboutSliderContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li:hover,.hotelGroupAboutSliderContainer .carousel-indicators li:focus,.hotelGroupAboutSliderContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupAboutSliderContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupAboutSliderContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a:hover,.hotelGroupBody .ui-datepicker.ui-widget-content td a:focus,.hotelGroupBody .ui-datepicker.ui-widget-content td a:active {
text-decoration:none
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a.ui-state-active {
background:var(--secondary-color);
;
color:#fff;
text-decoration:none
}
.hotelGroupthankyouPage {
padding:80px 0;
text-align:center
}
.hotelSubGroupContentContainer {
padding:80px 0;
text-align:center
}
.hotelGroupContentContainer {
padding:80px 0 0;
text-align:center
}
.hotelSubGroupContentContainer .hotelGroupRoomContent {
padding:50px
}
.hotelSubGroupContentContainer h2,.hotelGroupContentContainer h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:80px 0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerLast {
padding-bottom:100px
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:absolute;
right:30px;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:10px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn {
font-size:16px;
height:auto;
font-family:Bellota;
line-height:1;
padding:15px 20px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn:nth-of-type(2) {
margin-left:5px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoomAmenitiesTxt {
display:none
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:0 20px 0 0;
width:initial
}
.hotelSubGroupTheme .hotelGroupRoomAmenities {
margin:30px 0 20px
}
.hotelSubGroupTheme .hotelGroupRoomImage {
box-shadow:0 50px 40px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px;
letter-spacing:2px;
padding:30px 0 0;
text-transform:none;
color:#30353e
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
opacity:.8
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:18px;
line-height:2
}
.hotelSubGroupTheme .hotelGroupWelcomeImg {
box-shadow:0 30px 30px -20px rgba(0,0,0,.2);
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover {
box-shadow:0 30px 30px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg img {
transition:all .4s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1.03)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
padding:30px 0 0;
margin:0 0 30px;
color:#30353e
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px;
text-transform:none;
margin-bottom:60px;
padding:30px 0 0
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
margin:0;
padding:1px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper.margin-bottom-10px {
margin-bottom:0;
overflow:hidden;
position:relative
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper img {
transition:all .6s ease
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper:hover img {
transform:scale(1.1)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:before {
content:"";
background:rgba(0,0,0,.6);
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all .3s ease;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:hover:before {
top:0;
opacity:0;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a {
position:relative;
display:block
}
.hotelGroupBtnOuter {
margin:60px auto 0;
text-align:center
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
display:flex
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:50%;
padding:20px 20px 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage {
position:relative;
z-index:1;
width:initial
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent {
position:relative;
top:0;
transform:translateY(0%);
width:initial;
text-align:left
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:0;
transition:all .6s ease;
margin:40px 0 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 14px rgb(255 255 255 / .3)
}
.hotelGroupTestimonialHome {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f7c5d480856d_spa.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupTestimonialHome .overly,.hotelGroupAmenityContainer .overly {
background:rgba(0,0,0,.6)
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter {
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:80%;
margin:0 auto
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-family:Bellota;
font-weight:400;
font-size:18px;
color:#FFF;
line-height:2;
letter-spacing:1px;
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
content:'\f10d';
font-family:fontAwesome;
font-size:72px;
margin:0;
opacity:.3;
position:absolute;
left:-50px;
top:-30px;
line-height:1
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
position:relative;
margin:0 auto;
left:0;
right:0;
top:0;
width:100%;
padding:50px
}
.hotelGroupTestimonialHome .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF;
display:none
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:hover,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:focus,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupTestimonialHome .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupTestimonialHome .carousel-indicators {
background:none;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li:hover,.hotelGroupTestimonialHome .carousel-indicators li:focus,.hotelGroupTestimonialHome .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupTestimonialHome .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupTestimonialHome .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupTestimonialHome .nav-indicators-in .carousel-indicators-wrapper {
right:0;
left:0;
bottom:-30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption h3 {
letter-spacing:1px
}
.hotelGroupTestimonialHome h2 {
color:#FFF;
text-align:center
}
.hotelGroupTestimonialHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#FFF;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-40px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionHome {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupAttractionHomeInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupAttractionBlock {
position:relative;
width:calc(33.33% - 40px);
margin:0 20px;
overflow:hidden
}
.hotelGroupAttractionImg {
position:relative;
z-index:1
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:400px;
transition:all .6s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:absolute;
bottom:-90px;
left:0;
background:rgba(0,0,0,.6);
display:block;
color:#FFF;
z-index:2;
padding:20px;
transition:all .3s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionContent {
bottom:0
}
.hotelGroupAttractionContent p {
color:#FFF
}
.hotelGroupAttractionHome h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupAttractionHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionContent h3 {
margin:0 0 15px;
letter-spacing:1px;
font-size:26px;
color:#fff
}
.hotelGroupAttractionContent p {
color:#FFF;
font-size:14px;
letter-spacing:.03em;
margin:0
}
.hotelGroupPropertyContainer {
padding:80px 0 80px
}
.hotelGroupPropertyPage.hotelGroupPropertyContainer {
padding:0 0 80px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupPropertyContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupPropertyContainerInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyBlock {
width:33%;
margin:0 20px;
position:relative;
overflow:hidden
}
.hotelGroupPropertyBlock:after {
content:"";
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
transition:all .3s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover:after {
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:450px;
transition:all .8s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1.1)
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
text-align:center;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:11;
background:rgba(0,0,0,.5);
opacity:1;
transition:all .3s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:0
}
.hotelGroupPropertyBlock a {
color:var(--secondary-color)
}
.hotelGroupPropertyBlock h3 {
letter-spacing:1px;
font-size:24px;
font-weight:400;
margin:0;
color:#FFF
}
.hotelGroupPropertyBlock p {
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#909090
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
font-size:13px;
text-transform:none;
letter-spacing:.03em;
margin:20px 0 0
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockLabel {
margin:0 0 10px;
font-size:12px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
display:flex;
flex-flow:column;
align-items:flex-start;
border:1px solid;
padding:30px;
position:absolute;
left:0;
top:-100%;
z-index:11;
width:100%;
height:100%;
max-height:450px;
transition:all .6s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockContent {
top:0;
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:absolute;
bottom:-100%;
left:30px;
z-index:11;
transition:all .6s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:30px
}
.hotelGroupPropertyLogoContainer {
padding:20px 0
}
.hotelGroupPropertyLogoInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyLogo {
margin:20px
}
.hotelGroupPropertyLogo img {
max-height:80px;
transition:all .6s ease;
opacity:.6
}
.hotelGroupPropertyLogo:hover img {
opacity:1
}
.hotelGroupRewardContainer {
padding:100px 0;
background-image:url(images/uploads/1/5f7ef5d09cd88_gift.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment:fixed
}
.hotelGroupRewardContainer:before {
content:"";
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
position:absolute;
left:0;
right:0;
top:0;
pointer-events:none;
width:100%;
height:100%
}
.hotelGroupRewardContainer h2 {
color:#FFF;
margin:0 0 10px;
text-transform:none
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupRewardContainer p {
color:#FFF;
margin:0;
letter-spacing:.06em;
font-size:14px
}
.hotelGroupRewardContainer .btn-secondary {
letter-spacing:2px
}
.hotelGroupContentsContainer {
padding:60px 0
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
position:relative;
padding:80px 0;
text-align:center;
background:inherit
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer:before {
content:"";
display:none
}
.hotelGroupAmenityPage .hotelGroupAmenityItemContent h3,.hotelGroupAmenityPage .hotelGroupAmenityItemContent p {
color:#30353e
}
.hotelGroupAmenityPage .hotelGroupAmenityItemImg {
background:none;
border:0;
align-items:flex-start;
padding:0;
min-height:initial;
min-width:initial
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:80px 0 0
}
.hotelGroupAttractionPage.hotelGroupAttractionHome {
background:inherit;
padding-top:40px
}
.hotelGroupTheme .tooltip {
white-space:nowrap
}
.hotelGroupTheme .tooltip .tooltip-inner {
background-color:#000;
font-size:10px;
letter-spacing:.05em
}
.hotelGroupTheme .tooltip.top .tooltip-arrow {
bottom:1px;
border-top-color:#000
}
.hotelGroupTheme .tooltip.top-left .tooltip-arrow,.hotelGroupTheme .tooltip.top-right .tooltip-arrow,.hotelGroupTheme .tooltip.top .tooltip-arrow {
border-top-color:#000
}
.hotelSubGroupNavbar {
background:#1b1b1b
}
.hotelSubGroupNavbar .navbar-nav>li>a {
padding:15px;
color:#FFF;
line-height:1;
font-size:13px;
letter-spacing:.05em;
transition:all .3s ease
}
.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:var(--secondary-color);
;
color:#FFF
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:1px solid #424242
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a {
font-weight:700
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active {
background:#1b1b1b
}
.hotelGroupRestaurantContainer {
padding:80px 0
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:36px;
text-transform:none
}
.hotelSubGroupRestaurantPage {
padding:80px 0 0;
text-align:center
}
.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupRestaurantPage p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelGroupRestaurantBlock {
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:row-reverse
}
.hotelGroupRestaurantImg {
width:50%;
overflow:hidden
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
max-height:400px;
min-height:400px;
width:100%;
transition:all .3s ease
}
.hotelGroupRestaurantBlock:hover .hotelGroupRestaurantImg img {
transform:scale(1.1)
}
.hotelGroupRestaurantContent {
width:50%;
padding:40px;
border:1px solid #dedede;
min-height:400px;
max-height:400px;
display:flex;
flex-flow:column;
justify-content:center
}
.hotelGroupRestaurantContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.hotelGroupRestaurantContent p {
margin-bottom:30px
}
.hotelGroupBanquetsContainer {
padding:80px 0
}
.hotelGroupBanquetsInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupBanquetsBlock {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:calc(50% - 40px);
margin:0 20px 60px;
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease;
overflow:hidden
}
.hotelGroupBanquetsBlock:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelGroupBanquetsImg {
position:relative;
z-index:1;
max-height:350px;
overflow:hidden
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 24px rgb(255 255 255 / .3)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
min-height:350px;
max-height:350px;
transition:all .6s ease
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1.1)
}
.hotelGroupBanquetsContent {
background:#FFF;
transition:all .3s ease;
padding:30px
}
.hotelGroupBanquetsContent h3 {
font-size:32px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupBanquetsContent p {
margin:0
}
.hotelGroupNavbar .navbar-header #subNavicon {
display:none
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:none
}
.hotelGroupCovidpage {
padding:80px 0
}
.hotelGroupCovidpage h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupCovidpage p {
margin-bottom:20px
}
.hotelGroupTheme .nomargintop {
margin-top:0!important
}
.helloBarContainer {
background:var(--primary-color);
color:#FFF;
text-align:center;
padding:15px 0
}
.helloBarContainer p {
margin:0;
line-height:1;
font-size:14px;
color:#FFF
}
.helloBarContainer p .fa {
margin:0 10px 0 0
}
.helloBarContainer p a {
color:#FFF;
text-transform:uppercase;
font-weight:600;
margin:0 0 0 20px;
text-decoration:none;
border-bottom:1px solid #FFF
}
.helloBarContainer p a:hover,.helloBarContainer p a:focus {
color:#FFF;
text-decoration:none;
border-bottom-color:rgba(255,255,255,.5)
}
.helloBarContainer a.helloBarClose {
cursor:pointer;
color:rgba(255,255,255,.5);
font-size:24px;
font-weight:300;
line-height:1;
margin:0 0 0 20px;
transition:all .2s ease-out
}
.helloBarContainer a.helloBarClose:hover,.helloBarContainer a.helloBarClose:focus {
text-decoration:none;
color:rgba(255,255,255,1)
}
.helloBarInner {
position:relative;
z-index:11;
display:flex;
justify-content:center;
align-items:center
}
.rewardsTopcontainer {
padding:80px 0
}
.rewardsTopcontainerInner {
display:flex;
flex-flow:row-reverse
}
.rewardsTopcontainerImage {
width:55%;
padding-left:50px
}
.rewardsTopcontainerContent {
width:45%
}
.rewardsTopcontainerContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.rewardsOffers {
background:var(--primary-color);
color:#FFF;
padding:80px 0
}
.rewardsForm {
max-width:500px;
margin:0 auto
}
.rewardsForm h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px;
text-align:center
}
.hotelGroupAmenityContainer.rewardsOffers:before {
background-image:url(images/uploads/1/5f92a8c42060e_gift4.jpg)
}
.hotelGroupTheme.privacyPage {
padding:80px 0
}
.hotelGroupTheme.privacyPage h2 {
font-size:32px;
font-weight:700;
color:#30353e;
text-transform:none;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupTheme.privacyPage p {
}
.hotelGroupTheme.privacyPage p strong {
font-size:18px;
margin-top:20px;
margin-bottom:5px;
display:inline-block
}
.hotelGroupTheme ul.privacyList {
margin:30px 0
}
.hotelGroupTheme ul.privacyList li {
margin-bottom:10px
}
.hotelGroupTheme ul.privacyList li:last-of-type {
margin-bottom:0
}
.hotelSubGroupAboutSliderContainer {
padding:40px 0 80px
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display:none
}
.grecaptcha-badge {
display:none!important
}
.boxnew button.btn.crssearchbtn:hover {
background:#45b5c6!important
}
.hotelgroup-subnavbar {
position:sticky;
z-index:99;
top:0
}
.group-row {
display:flex;
align-items:center
}
div#gallery2 img {
min-height:230px;
max-height:230px;
min-width:387px;
height:100%;
width:100%
}
.ekko-lightbox-container img {
min-width: 1000px;
min-height: 600px;
max-height: 600px;
height:100%;
width:100%
}
.modal-dialog{
max-width: 1000px !important;
}
@media(min-width:1601px) {
.hotelGroupSlideshowContainer .carousel .item img {
width:100%
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
}
@media(max-width:1199px) {
.hotelGroupNavbar .navbar-header .navbar-brand a {
max-width:200px
}
.hotelGroupNavbar .container {
padding:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
padding:0;
margin:0;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar .navbar-buttons {
margin:0 0 0 15px!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-size:12px;
padding:10px;
margin:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-centered .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left-right .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons {
min-height:initial;
min-width:initial
}
.hotelGroupNavbar .navbar {
padding:0;
border:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar-header {
float:none;
width:100%;
padding:0;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
border-bottom:1px solid #efefef
}
.hotelGroupNavbar .navbar-header .navbar-brand {
min-height:initial;
height:initial;
max-width:initial;
padding:0;
margin:0 10px 0 0;
width:calc(100% - 80px)
}
.hotelGroupNavbar .navbar-header .navbar-toggle {
width:50px;
float:none;
margin:0;
padding:0;
font-size:24px;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar-header .navbar-toggle.collapsed .fa-bars:before {
content:"\F0C9"
}
.hotelGroupNavbar .navbar-header .navbar-toggle .fa-bars:before {
content:"\F00D"
}
.hotelGroupNavbar .navbar-header #subNavicon {
width:50px;
float:none;
margin:0;
padding:0;
color:#4f4f4f;
font-size:24px;
text-align:center;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
display:none!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse.in {
display:block!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:20px 10px;
margin:0;
box-shadow:none;
min-width:100%;
width:100%;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li {
display:block;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.open {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav .dropdown.open>a {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
padding:10px 30px;
text-transform:none
}
.hotelSubGroupNavbar {
background:#FFF
}
.hotelSubGroupNavbar #subGroupNavigation {
padding:0;
margin:0 -15px
}
.hotelSubGroupNavbar #subGroupNavigation.collapse {
display:none!important
}
.hotelSubGroupNavbar #subGroupNavigation.collapse.in {
display:block!important
}
.hotelSubGroupNavbar #subGroupNavigation .navbar-nav {
float:none;
padding:20px
}
.hotelSubGroupNavbar .navbar-nav>li {
display:block;
float:none
}
.hotelSubGroupNavbar .navbar-nav>li>a {
font-family:Chakra Petch;
color:#30353e;
font-size:14px;
font-weight:600;
padding:10px 0
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:60px
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:0
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active,.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:#FFF;
color:var(--secondary-color)
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:block;
margin:0 20px 20px 20px
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow.navbar-buttons>* {
display:block
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow .btn {
font-size:15px;
line-height:1;
padding:15px 20px
}
.hotelGroupWelcomeContent {
width:50%
}
.hotelGroupWelcomeImgOuter {
width:50%;
padding-left:50px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:16px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
position:relative;
font-size:40px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
flex-direction:column;
justify-content:center
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
margin:0 auto;
width:90%
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2)
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:90%;
margin:0 auto;
position:relative;
top:0;
transform:translateY(0%)
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:36px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:400px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding:40px 0 60px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:60px 0 0
}
.hotelGroupContactContainer {
padding:60px 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:50%;
padding-bottom:0;
margin:20px 0
}
.hotelGroupContactlistContainer {
padding:60px 0
}
.hotelGroupFormContainer {
max-width:100%
}
.hotelGroupRestaurantContent {
max-height:initial
}
.hotelGroupRestaurantBlock {
align-items:stretch
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:100%;
max-height:initial
}
.hotelGroupCovidpage {
padding:40px 0
}
}
@media(max-width:991px) {
.group-row {
display:flex
}
body.hotelGroupBody #page {
overflow-x:hidden
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
display:none
}
.hotelGroupTopbar .hotelGroupTopbarLeft .inline-wrapper {
justify-content:flex-start
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper {
justify-content:flex-end
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper>[data-component=image] {
display:none
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:36px
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
display:none
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
display:none
}
.hotelGroupBookingContainer #bb_resBookingBox {
flex-direction:column
}
.hotelGroupBookingContainer .boxnew p {
max-width:300px;
margin:15px 0
}
.hotelGroupTheme h2 {
font-size:42px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:60px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span {
position:relative;
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:30px
}
.hotelGroupPropertyContainerInner {
flex-flow:row wrap
}
.hotelGroupPropertyBlock {
width:calc(50% - 40px);
margin-bottom:30px
}
.hotelGroupAttractionBlock {
width:calc(50% - 40px)
}
.hotelGroupAttractionHome {
padding:60px 0
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:column;
margin:40px 20px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupRestaurantImg {
width:initial
}
.hotelGroupRestaurantContent {
width:initial;
min-height:initial;
max-height:initial;
padding:30px
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:initial;
max-height:initial
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:36px;
top:-10px
}
.hotelGroupWelcomeContainer {
padding:60px 0
}
.hotelGroupWelcomeInner {
flex-direction:column
}
.hotelGroupWelcomeContent {
width:initial;
text-align:center
}
.hotelGroupWelcomeImgOuter {
width:initial;
padding-left:0;
margin:40px auto 0;
max-width:600px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
flex-direction:column
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
width:initial
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
flex-direction:column;
text-align:center
}
.hotelGroupAmenityItemImg {
margin:0 auto 30px
}
.hotelGroupGalleryContainer {
padding-bottom:60px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:60px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:flex;
flex-flow:row wrap;
justify-content:center
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:33.33%
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:100%
}
.hotelGroupTestimonialHome h2 span {
font-size:30px;
top:-30px
}
body .hotelGroupFooter .col-sm-4 {
width:100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 30px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
display:none
}
.hotelGroupHeadBlock {
padding-bottom:30px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:42px
}
.hotelGroupBookingContainer .boxnew p input {
height:40px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
bottom:6px
}
.hotelGroupBookingContainer .boxnew p select {
height:40px
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
height:44px
}
.hotelGroupPageTitle {
padding:80px 0
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2 {
font-size:32px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:350px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:auto;
margin:40px 0 0
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
width:100%;
left:0;
right:0;
bottom:auto;
top:45%;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:auto;
right:auto;
left:5px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.right.carousel-control {
left:auto;
right:5px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:100%
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
width:100%
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
display:none
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:30px 0
}
.hotelSubGroupContentContainer {
padding:60px 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
margin:0 10px
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p,.hotelGroupTheme p {
font-size:15px
}
.hotelGroupContactDetails li .fa.fa-map-marker {
top:0
}
.hotelGroupContactDetails {
margin:60px 0 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:100%;
margin:30px 0
}
.hotelGroupContactlistContainer {
padding:40px 0
}
.hotelGroupContentContainer {
padding-top:60px
}
.hotelGroupContentContainer h2 {
font-size:36px
}
.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupRestaurantBlock {
align-items:initial
}
.hotelGroupBanquetsBlock {
width:100%;
margin:0 10px 60px
}
.hotelGroupBanquetsBlock:last-of-type {
margin-bottom:0
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
max-height:initial;
min-height:initial
}
.rewardsTopcontainer {
padding:60px 0
}
.rewardsTopcontainerInner {
flex-direction:column
}
.rewardsTopcontainerImage {
width:initial;
padding-left:0;
margin:0 auto 30px
}
.rewardsTopcontainerContent {
width:initial
}
.hotelGroupTheme.privacyPage {
padding:40px 0
}
.hotelGroupAboutSliderContainer {
padding:50px 0
}
.hotelGroupAboutWelcomeContainer {
padding-bottom:50px
}
}
@media(max-width:767px) {
.ekko-lightbox-container img {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
div#gallery2 img {
min-height:100%;
max-height:100%;
min-width:100%
}
.hotelGroupNavbar .navbar-two {
padding:10px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:block
}
#whatsapp-message {
bottom:90px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupSlideshowContainer .carouselNavOuter {
width:100%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
left:10px;
right:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
top:auto;
bottom:10px;
left:auto;
right:10px
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:relative;
bottom:auto;
background:#FFF;
color:#4f4f4f;
min-height:200px
}
.hotelGroupAttractionContent h3 {
font-size:24px;
font-weight:600
}
.hotelGroupAttractionContent p {
color:#4f4f4f
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:initial
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column;
justify-content:center;
text-align:center
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1)
}
.hotelGroupAmenityItemContent h3 {
margin-bottom:15px
}
.hotelGroupContactContainer {
padding:40px 0
}
.hotelGroupPageTitle h2 span {
line-height:1.6
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1)
}
.CovidpageInner {
padding:0 10px
}
.hotelGroupCovidpage h3 {
font-size:28px
}
.rewardsTopcontainer {
padding:40px 0
}
.rewardsTopcontainerInner {
padding:0 10px
}
.hotelGroupTheme ul.privacyList {
padding:0 0 0 20px
}
.privacyPageInner {
padding:0 10px
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
display:none
}
}
@media(max-width:640px) {
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
display:none
}
.hotelGroupRewardContainer {
padding:80px 0
}
.hotelGroupRestaurantContainer {
padding:60px 0
}
.hotelGroupPropertyBlock {
width:100%;
border:1px solid #e0e0e0
}
.hotelGroupPropertyBlockImg {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
position:relative;
top:0;
max-height:450px;
opacity:1;
border-color:#e0e0e0
}
.hotelGroupPropertyBlock h3 {
color:#30353e;
font-weight:600
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
margin-top:15px;
font-size:14px;
font-weight:400
}
.hotelGroupAttractionBlock {
width:100%;
box-shadow:0 3px 6px -1px rgba(0,0,0,.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
min-height:initial;
padding:30px
}
.hotelGroupAttractionImg {
max-height:350px;
overflow:hidden
}
.hotelGroupAttractionContent h3 {
color:#fff;
font-size:30px
}
.hotelGroupRewardInner {
padding:0 10px
}
.hotelGroupPropertyLogoInner {
flex-flow:row wrap
}
.hotelGroupPropertyLogo {
width:calc(50% - 40px)
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:initial
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:50px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
max-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:relative;
bottom:0;
left:25px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:25px;
border:0
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 30px
}
.hotelGroupTheme .btn.btn-primary {
padding:14px 18px;
font-size:15px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
background:rgba(0,0,0,.3)
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:1
}
.hotelGroupPropertyBlock:hover:after {
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1)
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:300px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:30px;
margin-bottom:15px
}
.hotelGroupPageTitle {
padding:60px 0
}
.hotelGroupPageTitle h2 {
font-size:32px
}
.hotelGroupPageTitle h2 span {
font-size:14px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelSubGroupRestaurantPage h2 {
font-size:30px;
letter-spacing:.03em
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-top:0
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:60px 0 0
}
.hotelGroupCovidpage h3 {
margin-top:30px
}
.hotelGroupAmenityItemContent {
margin:0 auto
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:100%
}
.rewardsOffers.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
}
@media(max-width:580px) {
.hotelGroupSlideshowContainer .carousel .item img {
min-height:300px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:30px;
letter-spacing:2px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control,.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
bottom:-20px
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:70px
}
.hotelGroupTheme h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:15px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:30px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
margin:0
}
.hotelGroupTopbar p.hotelGroupTopbarPhone a {
margin-bottom:0
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-size:16px
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
display:block
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupPageTitle {
padding:40px 0
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:40px 10px 0
}
.hotelGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:20px 0 60px
}
.hotelGroupBanquetsContent h3 {
font-size:26px
}
.hotelGroupCovidpage h3 {
font-size:26px;
margin-bottom:15px
}
.hotelGroupTheme.privacyPage h2 {
font-size:26px
}
.hotelGroupAboutSliderInner,.hotelGroupAboutWelcomeInner {
padding:0 10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:30px;
margin-bottom:20px
}
}
@media(max-width:500px) {
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
display:block
}
}
@media(max-width:479px) {
.hotelGroupRestaurantContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:30px 10px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupPropertyBlock {
margin:20px 10px
}
.hotelGroupAttractionBlock {
margin:20px 10px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:40px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
margin-bottom:0
}
.hotelGroupAttractionHome {
padding:40px 0
}
.hotelGroupAttractionHome h2 {
margin-bottom:30px
}
.hotelGroupTheme h2 {
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:24px;
top:-10px
}
.hotelGroupAttractionContent h3 {
font-size:24px
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
padding:20px
}
.hotelGroupPropertyLogo {
width:calc(50% - 20px);
margin:10px
}
.hotelGroupRewardContainer {
padding:60px 0;
background-attachment:initial;
background-position:50% 100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 20px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:250px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:24px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2,.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:26px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
padding:20px 0
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:10px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
padding:25px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelGroupPropertyBlockImg,.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:260px
}
.hotelGroupFooter .HGfooterTitle {
font-size:20px
}
.hotelGroupTheme p {
font-size:13px
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupBtnOuter {
margin-top:40px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
margin-bottom:30px
}
.hotelGroupGalleryContainer {
padding-bottom:50px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
padding:50px 20px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
font-size:60px;
top:-20px;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:220px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelSubGroupContentContainer {
padding:40px 0 20px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:26px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding-top:40px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-bottom:40px
}
.hotelGroupBanquetsContent {
padding:20px
}
.rewardsTopcontainerContent h3,.rewardsForm h3,.rewardsForm h3 {
font-size:28px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
.helloBarContainer p a {
margin-left:10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:24px
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
bottom:20px
}
.hotelGroupAboutSliderInner .carousel .item img {
min-height:180px
}
}
@media(max-width:359px) {
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
max-width:140px
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:260px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:24px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 20px;
left:20px
}
}
* img{
object-fit: cover;
}
:root {
--primary-color:#c6ab62;
--secondary-color:#b48744;
--btn-hover:#b48744;
--white:#fff;
--primary-text-color:#333;
--black:#000;
--placeholder:#757575;
--background-color:#0f0f0f
}
body.hotelGroupBody {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f;
overflow-x:hidden
}
.yummy .col-lg-1,.yummy .col-lg-2,.yummy .col-lg-3,.yummy .col-lg-4,.yummy .col-lg-5,.yummy .col-lg-6,.yummy .col-lg-7,.yummy .col-lg-8,.yummy .col-lg-9,.yummy .col-lg-10,.yummy .col-lg-11,.yummy .col-lg-12,.yummy .col-lg-15,.yummy .col-md-1,.yummy .col-md-2,.yummy .col-md-3,.yummy .col-md-4,.yummy .col-md-5,.yummy .col-md-6,.yummy .col-md-7,.yummy .col-md-8,.yummy .col-md-9,.yummy .col-md-10,.yummy .col-md-11,.yummy .col-md-12,.yummy .col-md-15,.yummy .col-sm-1,.yummy .col-sm-2,.yummy .col-sm-3,.yummy .col-sm-4,.yummy .col-sm-5,.yummy .col-sm-6,.yummy .col-sm-7,.yummy .col-sm-8,.yummy .col-sm-9,.yummy .col-sm-10,.yummy .col-sm-11,.yummy .col-sm-12,.yummy .col-sm-15,.yummy .col-xs-1,.yummy .col-xs-2,.yummy .col-xs-3,.yummy .col-xs-4,.yummy .col-xs-5,.yummy .col-xs-6,.yummy .col-xs-7,.yummy .col-xs-8,.yummy .col-xs-9,.yummy .col-xs-10,.yummy .col-xs-11,.yummy .col-xs-12,.yummy .col-xs-15 {
padding-right:15px;
padding-left:15px;
padding-bottom:0
}
.yummy p {
margin:0
}
#whatsapp-message {
position:fixed;
margin-bottom:1vh;
bottom:35px;
right:5px;
width:65px;
height:65px;
overflow:hidden;
visibility:visible;
z-index:2147483639;
background:0;
border:0;
transition:transform .2s ease-in-out;
backface-visibility:hidden;
opacity:1;
transform:translateY(0%)
}
.hotelGroupTheme,body .hotelGroupTheme {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTheme a,.hotelGroupTheme p a {
text-decoration:none;
color:var(--primary-color)
}
.hotelGroupTheme a:hover,.hotelGroupTheme a:focus,.hotelGroupTheme p a:hover,.hotelGroupTheme p a:focus {
text-decoration:none;
color:var(--secondary-color)
}
.hotelGroupTheme .btn.btn-primary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-primary:focus,.hotelGroupTheme .btn.btn-primary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelGroupTheme .btn.btn-secondary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:transparent;
color:var(--primary-color);
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-secondary:focus,.hotelGroupTheme .btn.btn-secondary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#FFF
}
.hotelGroupTheme .h1,.hotelGroupTheme .h2,.hotelGroupTheme .h3,.hotelGroupTheme .h4,.hotelGroupTheme .h5,.hotelGroupTheme .h6,.hotelGroupTheme h1,.hotelGroupTheme h2,.hotelGroupTheme h3,.hotelGroupTheme h4,.hotelGroupTheme h5,.hotelGroupTheme h6 {
font-family:Bellota;
font-weight:400
}
.header.fixed {
position:fixed;
top:0;
box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
-webkit-box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
left:0;
right:0;
margin:0 auto;
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
.hotelGroupTheme h2 {
margin:0 0 30px;
position:relative;
color:#30353e;
margin:0 0 30px;
font-size:48px;
line-height:1.2;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase
}
.hotelGroupTheme h2 span {
display:block;
font-size:16px;
font-weight:400;
margin:0 0 10px;
color:var(--secondary-color)
}
.hotelGroupTheme p {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTopbar {
padding:12px 0;
border-bottom:1px solid #efefef
}
.hotelGroupTopbar .inline-wrapper {
align-items:center
}
.hotelGroupTopbar p {
margin:0 10px 0;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
margin-left:0
}
.hotelGroupTopbar p .fa {
margin-right:10px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone .fa {
font-size:18px;
position:relative;
top:1px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
position:relative;
top:-1px
}
.hotelGroupTopbar p a {
color:#4f4f4f;
text-decoration:none;
transition:all .3s ease
}
.hotelGroupTopbar p a:focus,.hotelGroupTopbar p a:hover {
color:var(--secondary-color);
;
text-decoration:none
}
.hotelGroupTopbar p.hotelGroupTopbarSocial {
font-size:16px
}
.hotelGroupTopbar p.hotelGroupTopbarSocial .fa {
margin-right:0
}
.hotelGroupTopbar .gTranslate {
margin-left:10px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget {
position:relative;
font-size:0
}
.hotelGroupTheme #google_translate_element .goog-te-gadget:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
pointer-events:none;
color:#000;
font-size:18px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget a.goog-logo-link {
display:none
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
height:30px;
padding:0 30px 0 10px;
letter-spacing:.03em;
border-radius:0;
border:1px solid #d5d5d5;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
cursor:pointer;
font-size:12px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo:focus {
outline:0;
border-color:#a7a7a7
}
.hotelGroupNavbar {
position:relative;
z-index:100
}
.hotelGroupNavbar .navbar {
width:100%;
margin:0;
padding:10px 0;
display:flex;
align-items:center;
min-height:60px
}
.hotelGroupNavbar .navbar-header .navbar-brand {
height:auto
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:90px
}
.hotelGroupNavbar .navbar-collapse {
padding:0!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
width:inherit;
align-items:center;
padding-right:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:5px 0 0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
line-height:1;
color:#30353e;
text-transform:uppercase;
letter-spacing:.03em;
transition:all .3s ease;
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:active,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:focus,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:hover,.hotelGroupNavbar .navbar.navbar-plain ul.nav li.active a {
color:var(--secondary-color);
;
background-color:transparent
}
.hotelGroupNavbar .nav .open>a,.hotelGroupNavbar .nav .open>a:focus,.hotelGroupNavbar .nav .open>a:hover {
background:none;
border:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown a .caret:after {
top:-7px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown.open a .caret:after {
top:-3px
}
.hotelGroupNavbar .dropdown-menu {
border-radius:0;
background:#FFF
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li {
display:block
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
font-weight:400;
display:block;
padding:15px 20px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdownRight .dropdown-menu {
left:auto;
right:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-family:Bellota;
background:var(--primary-color);
border:1px solid var(--primary-color);
color:#fff;
box-shadow:none;
border-radius:0;
font-size:14px;
font-weight:700;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
transition:all .3s ease;
padding:12px 18px
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:focus,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:hover {
border-color:var(--secondary-color);
;
background:var(--secondary-color);
;
cursor:pointer;
color:#fff;
text-decoration:none;
box-shadow:none;
outline:0
}
.hotelGroupSlideshowContainer {
color:#FFF
}
.hotelGroupSlideshowContainer p,.hotelGroupSlideshowContainer a {
color:#FFF
}
.hotelGroupSlideshowContainer .carousel-inner>.item {
transition:none;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item img {
animation:bloomEffects 1s ease;
animation-fill-mode:forwards
}
@keyframes bloomEffects {
0% {
transform:scale(1)
}
100% {
transform:scale(1.1)
}
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:60px;
font-weight:700;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
font-size:18px;
font-weight:400;
line-height:1.4;
letter-spacing:.06em;
margin:0 auto 60px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
background:#000;
border-color:#000
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
font-family:Chakra Petch;
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
background-color:transparent;
color:#fff;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto;
height:50px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:active {
background-color:#FFF;
border-color:#FFF;
color:#000
}
.hotelGroupSlideshow {
max-height:600px;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupSlideshowContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
background:#000;
border:1px solid #000
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:auto;
right:0
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
left:auto;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li:hover,.hotelGroupSlideshowContainer .carousel-indicators li:focus,.hotelGroupSlideshowContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupSlideshowContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupSlideshowContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBookingContainer {
position:relative;
background:#1b1b1b;
color:#FFF;
padding:40px 0
}
.hotelSubGroupTheme.hotelGroupBookingContainer {
position:relative;
background:var(--secondary-color);
;
color:#FFF
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0 30px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupBookingContainer .boxnew {
width:100%;
text-align:center
}
.hotelGroupBookingContainer .boxnew p {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupBookingContainer .boxnew p label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p input {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupBookingContainer .boxnew p select {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
font-family:Bellota;
font-size:18px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:50px;
border-radius:0;
padding:10px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:var(--secondary-color);
!important;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn {
background-color:#000;
color:#fff;
border:1px solid #000
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupBookingContainer .boxnew p br {
display:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:25px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:25px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1) {
max-width:300px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(4) {
margin-top:28px
}
.hotelGroupTheme .bbres_fieldset,.hotelGroupTheme .HGCalender,.hotelGroupTheme .HGBEBtn {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select,.hotelGroupTheme .HGSelectOuter {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:300px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select:before,.hotelGroupTheme .HGSelectOuter:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:20px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupTheme .bbres_fieldset label,.hotelGroupTheme .bbres_select label,.hotelGroupTheme .form-control label,.hotelGroupTheme .HGSelectOuter label,.hotelGroupTheme .HGCalender label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset input,.hotelGroupTheme .HGCalender input,.hotelGroupTheme input.form-control {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme textarea.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:auto;
background:#fff;
width:100%;
padding:20px;
border-radius:0;
font-size:13px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger {
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
font-size:0;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px
}
.hotelGroupTheme .HGCalender:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupTheme .bbres_select select,.hotelGroupTheme .HGSelectOuter select,.hotelGroupTheme select.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupTheme input.form-control:focus,.hotelGroupTheme select.form-control:focus,.hotelGroupTheme select:focus,.hotelGroupTheme textarea.form-control:focus,.hotelGroupTheme textarea:focus {
border-color:#152161;
background:#fff;
outline:0
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn,.hotelGroupTheme .HGBEBtn #bb_resBtn {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
line-height:1.8;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:#000;
color:#fff;
border:1px solid #000;
height:50px;
border-radius:0;
padding:15px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn:active,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:focus,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:hover,.hotelGroupTheme .HGBEBtn #bb_resBtn:active,.hotelGroupTheme .HGBEBtn #bb_resBtn:focus,.hotelGroupTheme .HGBEBtn #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupWelcomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupWelcomeInner {
display:flex;
align-items:center
}
.hotelGroupWelcomeContent {
width:48%
}
.hotelGroupWelcomeImgOuter {
width:52%;
padding-left:100px
}
.hotelGroupPropertyContainer {
position:relative;
padding:1px 0;
display:flex;
justify-content:center
}
.hotelGroupPropertyInner {
position:relative;
display:flex;
min-height:600px;
flex-flow:row wrap;
max-width:1600px
}
.hotelGroupPropertyContainerAlter .hotelGroupPropertyInner {
flex-direction:row-reverse
}
.hotelGroupPropertyImage {
width:60%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.hotelGroupPropertyContent {
width:40%;
padding:60px;
display:flex;
flex-flow:column;
justify-content:center;
text-align:left
}
h3.hotelGroupPropertyContentTitle {
margin:0 0 30px;
font-size:42px;
line-height:1.2;
letter-spacing:2px;
color:#30353e
}
p.hotelGroupPropertyContentText {
color:inherit;
margin:0 0 50px;
font-size:17px;
line-height:1.8;
letter-spacing:.03em
}
.hotelGroupHomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupHomeContainer .hotelGroupHomeContent {
text-align:center
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:60px;
padding-top:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:16px;
line-height:2
}
.hotelGroupAmenityContainer {
position:relative;
background:var(--primary-color);
color:#FFF;
padding:80px 0 40px;
text-align:center
}
.hotelGroupAmenityContainer {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f06b6379b36d_bannerImg002.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupAmenityContainer h2,.hotelGroupAmenityContainer h3,.hotelGroupAmenityContainer h4,.hotelGroupAmenityContainer p {
color:#FFF
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px;
padding-top:30px
}
.hotelGroupAmenityContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#e6c6a1;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupAmenityBtnOuter {
margin:60px 0 0
}
.hotelGroupAmenityList {
display:flex;
flex-flow:row wrap;
align-items:flex-start;
justify-content:flex-start
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
position:relative;
display:flex;
text-align:left;
padding:40px;
align-items:flex-start;
width:33%;
justify-content:flex-start;
margin:0;
align-items:center
}
.hotelGroupAmenityItemImg {
min-width:60px;
min-height:60px;
background:rgb(0 0 0 / .2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
margin:0 10px 0 0
}
.hotelGroupAmenityItemImg img {
max-width:30px;
max-height:30px
}
.hotelGroupAmenityItemContent h3 {
margin:0 0 6px;
font-weight:600;
letter-spacing:1px;
font-size:20px;
line-height:1
}
.hotelGroupAmenityItemContent p {
margin:0;
font-size:14px;
letter-spacing:.03em
}
body .hotelGroupFooter {
background:#1b1b1b;
color:#c5c5c5
}
.hotelGroupFooter .HGfooterTitle {
color:#FFF;
font-family:Bellota;
font-size:24px;
letter-spacing:3px;
font-weight:700;
text-transform:uppercase;
margin:0 0 30px
}
.hotelGroupFooter ul.list-basic li a:not(.btn) {
color:#c5c5c5;
text-decoration:none
}
.hotelGroupFooter ul.list-basic li a:not(.btn):hover,.hotelGroupFooter ul.list-basic li a:not(.btn):focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic {
display:flex;
flex-flow:row wrap
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic li {
width:50%
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic {
display:flex;
flex-flow:column
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic li {
width:initial
}
body .hotelGroupFooterbtm {
background:#101010;
color:#c5c5c5;
padding:10px 0;
font-size:14px
}
body .hotelGroupFooterbtm .footerBtmInner {
display:flex;
justify-content:space-between;
align-items:center
}
body .hotelGroupFooterbtm p {
margin:0;
font-family:Chakra Petch
}
body .hotelGroupFooterbtm p a {
color:#c5c5c5;
text-decoration:none
}
body .hotelGroupFooterbtm p a:hover,body .hotelGroupFooterbtm p a:focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterContact ul.list-basic li {
position:relative;
padding-left:30px
}
body .hotelGroupFooter p,body .hotelGroupFooter ul li,body .hotelGroupFooter p a {
margin-bottom:10px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
color:#c5c5c5;
letter-spacing:.03em
}
body .hotelGroupFooter .HGfooterContact li .fa {
position:absolute;
left:0;
top:3px;
font-size:20px;
font-weight:400;
line-height:1
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial {
margin:10px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial li .fa {
position:relative;
top:initial
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-map-marker {
left:2px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-envelope-open-o {
font-size:14px;
left:1px;
top:4px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-mobile {
font-size:22px;
left:3px;
top:1px
}
.hotelGroupRoomContainer {
padding:80px 0
}
.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-end
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
position:relative;
z-index:1;
width:80%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:600px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
position:absolute;
right:10px;
bottom:70px;
width:50px;
z-index:2;
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #000;
background:#000;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators {
background:none;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
position:absolute;
width:600px;
background:#FFF;
padding:30px;
left:0;
top:50%;
display:block;
z-index:2;
transform:translateY(-50%);
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:48px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupRoomContainer .hotelGroupRoomContentText {
margin:0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities {
margin:20px 0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic {
display:flex;
flex-flow:row wrap
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic li {
width:50%;
display:flex;
align-items:center;
margin:0 0 15px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesImg img {
max-height:24px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesTxt p {
margin:0 0 0 10px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice {
margin:0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice strong {
font-size:22px;
font-weight:700;
margin:0;
letter-spacing:-.02em
}
.hotelGroupRoomContainer .hotelGroupRoomPrice span {
border-bottom:1px dashed;
cursor:help;
margin:0 0 0 5px
}
.hotelGroupRoomContainerAlter .hotelGroupRoomInner {
justify-content:flex-start
}
.hotelGroupRoomContainerAlter .hotelGroupRoomContent {
left:auto;
right:0
}
.hotelGroupRoomContainerAlter .hotelGroupRoomImage .carouselNavOuter {
right:auto;
left:10px
}
.hotelGroupTheme .mapWrapper iframe {
margin:0;
padding:0;
outline:0;
border:0;
display:inline-block;
vertical-align:top
}
.hotelGroupGalleryContainer {
padding:0 0 80px;
text-align:center
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:80px
}
.hotelGroupBody .modal-dialog {
margin:15px auto 0;
max-width:900px!important
}
.hotelGroupBody .modal-header {
padding:0;
border-bottom:0 solid #e5e5e5;
background:0
}
.hotelGroupBody .modal-title {
display:none
}
.hotelGroupBody .modal button.close {
z-index:110;
right:10px;
top:10px;
outline:0
}
.hotelGroupBody .modal button.close:focus,.hotelGroupBody .modal button.close:hover {
outline:0
}
.hotelGroupBody .ekko-lightbox-nav-overlay .glyphicon {
height:100%;
display:flex;
align-items:center;
text-align:right
}
.hotelGroupBody .glyphicon.glyphicon-chevron-left {
justify-content:flex-start
}
.hotelGroupBody .glyphicon.glyphicon-chevron-right {
justify-content:flex-end
}
.hotelGroupBody .ekko-lightbox-nav-overlay a:focus,.hotelGroupBody .ekko-lightbox-nav-overlay a:hover {
text-decoration:none
}
.hotelGroupBody .modal-dialog img {
width:100%
}
.hotelGroupBody .modal-dialog .ekko-lightbox-container {
max-height:550px;
overflow:hidden
}
.hotelGroupHeadBlock {
padding:60px 0;
text-align:center
}
.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
margin:0
}
.hotelGroupPageTitle {
padding:100px 0;
color:#FFF;
background-color:rgba(0,0,0,0);
background-position:50% 60%
}
.hotelGroupPageTitle h2 {
color:#FFF;
text-align:center;
margin:0
}
.hotelGroupPageTitle h2 span {
color:#FFF;
font-family:Chakra Petch;
margin:10px 0 0
}
.hotelGroupContactContainer {
padding:80px 0
}
.hotelGroupContactContainer .form-group,.hotelGroupContactContainer .input-group {
margin:0 0 20px
}
.hotelGroupContactContainer h3 {
font-size:28px;
font-weight:700;
letter-spacing:1px;
margin:0 0 20px;
color:#30353e
}
.hotelGroupContactContainer h3.hotelGroupContactHeading {
margin:0 0 10px
}
.hotelGroupContactContainer p.hotelGroupContactDesc {
margin:0 0 40px
}
.hotelGroupContactDetails ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactDetails p,.hotelGroupContactDetails ul li,.hotelGroupContactDetails p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactDetails li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactDetails ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
.hotelGroupContactDetails li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactDetails li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactDetails li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn) {
color:#4f4f4f
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding-left:30px
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial .HGfooterSocial li .fa {
position:relative;
top:initial
}
.hotelGroupContactlistContainer {
background:#f8f8f8;
padding:80px 0
}
.hotelGroupContactlistContainer .hotelGroupContactblock {
position:relative;
padding:30px;
background:#FFF;
box-shadow:0 7px 12px -4px rgba(0,0,0,.1);
margin:0 5px
}
.hotelGroupContactlistContainer .hotelGroupContactblock a {
white-space:normal;
word-break:break-all
}
.hotelGroupContactlistContainer .hotelGroupContactblock h4 {
margin:0 0 30px;
font-size:22px;
font-weight:700
}
.hotelGroupContactlistContainer ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactlistContainer p,.hotelGroupContactlistContainer ul li,.hotelGroupContactlistContainer p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactlistContainer li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactlistContainer ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 10px 0 0
}
.hotelGroupContactlistContainer li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactlistContainer li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactlistContainer li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding:0;
margin:0 15px 0 0
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li .fa {
position:relative
}
.hotelGroupAboutSliderContainer {
padding:80px 0
}
.hotelGroupAboutWelcomeContainer {
padding:0 0 80px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption h3 {
font-size:54px;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption p {
font-size:16px;
font-weight:400;
line-height:1.8;
letter-spacing:.05em;
margin:0 auto 60px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn {
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:active {
background:#FFF;
color:#000
}
.hotelGroupAboutSliderContainer .carousel-inner .item [data-component=image]:before {
content:"";
top:0;
left:0;
right:0;
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.54);
z-index:1;
display:none
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
background:#000;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupAboutSliderContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li:hover,.hotelGroupAboutSliderContainer .carousel-indicators li:focus,.hotelGroupAboutSliderContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupAboutSliderContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupAboutSliderContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a:hover,.hotelGroupBody .ui-datepicker.ui-widget-content td a:focus,.hotelGroupBody .ui-datepicker.ui-widget-content td a:active {
text-decoration:none
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a.ui-state-active {
background:var(--secondary-color);
;
color:#fff;
text-decoration:none
}
.hotelGroupthankyouPage {
padding:80px 0;
text-align:center
}
.hotelSubGroupContentContainer {
padding:80px 0;
text-align:center
}
.hotelGroupContentContainer {
padding:80px 0 0;
text-align:center
}
.hotelSubGroupContentContainer .hotelGroupRoomContent {
padding:50px
}
.hotelSubGroupContentContainer h2,.hotelGroupContentContainer h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:80px 0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerLast {
padding-bottom:100px
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:absolute;
right:30px;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:10px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn {
font-size:16px;
height:auto;
font-family:Bellota;
line-height:1;
padding:15px 20px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn:nth-of-type(2) {
margin-left:5px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoomAmenitiesTxt {
display:none
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:0 20px 0 0;
width:initial
}
.hotelSubGroupTheme .hotelGroupRoomAmenities {
margin:30px 0 20px
}
.hotelSubGroupTheme .hotelGroupRoomImage {
box-shadow:0 50px 40px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px;
letter-spacing:2px;
padding:30px 0 0;
text-transform:none;
color:#30353e
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
opacity:.8
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:18px;
line-height:2
}
.hotelSubGroupTheme .hotelGroupWelcomeImg {
box-shadow:0 30px 30px -20px rgba(0,0,0,.2);
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover {
box-shadow:0 30px 30px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg img {
transition:all .4s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1.03)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
padding:30px 0 0;
margin:0 0 30px;
color:#30353e
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px;
text-transform:none;
margin-bottom:60px;
padding:30px 0 0
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
margin:0;
padding:1px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper.margin-bottom-10px {
margin-bottom:0;
overflow:hidden;
position:relative
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper img {
transition:all .6s ease
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper:hover img {
transform:scale(1.1)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:before {
content:"";
background:rgba(0,0,0,.6);
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all .3s ease;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:hover:before {
top:0;
opacity:0;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a {
position:relative;
display:block
}
.hotelGroupBtnOuter {
margin:60px auto 0;
text-align:center
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
display:flex
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:50%;
padding:20px 20px 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage {
position:relative;
z-index:1;
width:initial
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent {
position:relative;
top:0;
transform:translateY(0%);
width:initial;
text-align:left
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:0;
transition:all .6s ease;
margin:40px 0 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 14px rgb(255 255 255 / .3)
}
.hotelGroupTestimonialHome {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f7c5d480856d_spa.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupTestimonialHome .overly,.hotelGroupAmenityContainer .overly {
background:rgba(0,0,0,.6)
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter {
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:80%;
margin:0 auto
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-family:Bellota;
font-weight:400;
font-size:18px;
color:#FFF;
line-height:2;
letter-spacing:1px;
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
content:'\f10d';
font-family:fontAwesome;
font-size:72px;
margin:0;
opacity:.3;
position:absolute;
left:-50px;
top:-30px;
line-height:1
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
position:relative;
margin:0 auto;
left:0;
right:0;
top:0;
width:100%;
padding:50px
}
.hotelGroupTestimonialHome .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF;
display:none
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:hover,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:focus,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupTestimonialHome .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupTestimonialHome .carousel-indicators {
background:none;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li:hover,.hotelGroupTestimonialHome .carousel-indicators li:focus,.hotelGroupTestimonialHome .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupTestimonialHome .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupTestimonialHome .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupTestimonialHome .nav-indicators-in .carousel-indicators-wrapper {
right:0;
left:0;
bottom:-30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption h3 {
letter-spacing:1px
}
.hotelGroupTestimonialHome h2 {
color:#FFF;
text-align:center
}
.hotelGroupTestimonialHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#FFF;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-40px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionHome {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupAttractionHomeInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupAttractionBlock {
position:relative;
width:calc(33.33% - 40px);
margin:0 20px;
overflow:hidden
}
.hotelGroupAttractionImg {
position:relative;
z-index:1
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:400px;
transition:all .6s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:absolute;
bottom:-90px;
left:0;
background:rgba(0,0,0,.6);
display:block;
color:#FFF;
z-index:2;
padding:20px;
transition:all .3s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionContent {
bottom:0
}
.hotelGroupAttractionContent p {
color:#FFF
}
.hotelGroupAttractionHome h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupAttractionHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionContent h3 {
margin:0 0 15px;
letter-spacing:1px;
font-size:26px;
color:#fff
}
.hotelGroupAttractionContent p {
color:#FFF;
font-size:14px;
letter-spacing:.03em;
margin:0
}
.hotelGroupPropertyContainer {
padding:80px 0 80px
}
.hotelGroupPropertyPage.hotelGroupPropertyContainer {
padding:0 0 80px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupPropertyContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupPropertyContainerInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyBlock {
width:33%;
margin:0 20px;
position:relative;
overflow:hidden
}
.hotelGroupPropertyBlock:after {
content:"";
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
transition:all .3s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover:after {
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:450px;
transition:all .8s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1.1)
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
text-align:center;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:11;
background:rgba(0,0,0,.5);
opacity:1;
transition:all .3s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:0
}
.hotelGroupPropertyBlock a {
color:var(--secondary-color)
}
.hotelGroupPropertyBlock h3 {
letter-spacing:1px;
font-size:24px;
font-weight:400;
margin:0;
color:#FFF
}
.hotelGroupPropertyBlock p {
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#909090
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
font-size:13px;
text-transform:none;
letter-spacing:.03em;
margin:20px 0 0
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockLabel {
margin:0 0 10px;
font-size:12px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
display:flex;
flex-flow:column;
align-items:flex-start;
border:1px solid;
padding:30px;
position:absolute;
left:0;
top:-100%;
z-index:11;
width:100%;
height:100%;
max-height:450px;
transition:all .6s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockContent {
top:0;
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:absolute;
bottom:-100%;
left:30px;
z-index:11;
transition:all .6s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:30px
}
.hotelGroupPropertyLogoContainer {
padding:20px 0
}
.hotelGroupPropertyLogoInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyLogo {
margin:20px
}
.hotelGroupPropertyLogo img {
max-height:80px;
transition:all .6s ease;
opacity:.6
}
.hotelGroupPropertyLogo:hover img {
opacity:1
}
.hotelGroupRewardContainer {
padding:100px 0;
background-image:url(images/uploads/1/5f7ef5d09cd88_gift.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment:fixed
}
.hotelGroupRewardContainer:before {
content:"";
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
position:absolute;
left:0;
right:0;
top:0;
pointer-events:none;
width:100%;
height:100%
}
.hotelGroupRewardContainer h2 {
color:#FFF;
margin:0 0 10px;
text-transform:none
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupRewardContainer p {
color:#FFF;
margin:0;
letter-spacing:.06em;
font-size:14px
}
.hotelGroupRewardContainer .btn-secondary {
letter-spacing:2px
}
.hotelGroupContentsContainer {
padding:60px 0
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
position:relative;
padding:80px 0;
text-align:center;
background:inherit
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer:before {
content:"";
display:none
}
.hotelGroupAmenityPage .hotelGroupAmenityItemContent h3,.hotelGroupAmenityPage .hotelGroupAmenityItemContent p {
color:#30353e
}
.hotelGroupAmenityPage .hotelGroupAmenityItemImg {
background:none;
border:0;
align-items:flex-start;
padding:0;
min-height:initial;
min-width:initial
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:80px 0 0
}
.hotelGroupAttractionPage.hotelGroupAttractionHome {
background:inherit;
padding-top:40px
}
.hotelGroupTheme .tooltip {
white-space:nowrap
}
.hotelGroupTheme .tooltip .tooltip-inner {
background-color:#000;
font-size:10px;
letter-spacing:.05em
}
.hotelGroupTheme .tooltip.top .tooltip-arrow {
bottom:1px;
border-top-color:#000
}
.hotelGroupTheme .tooltip.top-left .tooltip-arrow,.hotelGroupTheme .tooltip.top-right .tooltip-arrow,.hotelGroupTheme .tooltip.top .tooltip-arrow {
border-top-color:#000
}
.hotelSubGroupNavbar {
background:#1b1b1b
}
.hotelSubGroupNavbar .navbar-nav>li>a {
padding:15px;
color:#FFF;
line-height:1;
font-size:13px;
letter-spacing:.05em;
transition:all .3s ease
}
.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:var(--secondary-color);
;
color:#FFF
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:1px solid #424242
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a {
font-weight:700
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active {
background:#1b1b1b
}
.hotelGroupRestaurantContainer {
padding:80px 0
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:36px;
text-transform:none
}
.hotelSubGroupRestaurantPage {
padding:80px 0 0;
text-align:center
}
.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupRestaurantPage p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelGroupRestaurantBlock {
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:row-reverse
}
.hotelGroupRestaurantImg {
width:50%;
overflow:hidden
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
max-height:400px;
min-height:400px;
width:100%;
transition:all .3s ease
}
.hotelGroupRestaurantBlock:hover .hotelGroupRestaurantImg img {
transform:scale(1.1)
}
.hotelGroupRestaurantContent {
width:50%;
padding:40px;
border:1px solid #dedede;
min-height:400px;
max-height:400px;
display:flex;
flex-flow:column;
justify-content:center
}
.hotelGroupRestaurantContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.hotelGroupRestaurantContent p {
margin-bottom:30px
}
.hotelGroupBanquetsContainer {
padding:80px 0
}
.hotelGroupBanquetsInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupBanquetsBlock {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:calc(50% - 40px);
margin:0 20px 60px;
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease;
overflow:hidden
}
.hotelGroupBanquetsBlock:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelGroupBanquetsImg {
position:relative;
z-index:1;
max-height:350px;
overflow:hidden
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 24px rgb(255 255 255 / .3)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
min-height:350px;
max-height:350px;
transition:all .6s ease
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1.1)
}
.hotelGroupBanquetsContent {
background:#FFF;
transition:all .3s ease;
padding:30px
}
.hotelGroupBanquetsContent h3 {
font-size:32px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupBanquetsContent p {
margin:0
}
.hotelGroupNavbar .navbar-header #subNavicon {
display:none
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:none
}
.hotelGroupCovidpage {
padding:80px 0
}
.hotelGroupCovidpage h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupCovidpage p {
margin-bottom:20px
}
.hotelGroupTheme .nomargintop {
margin-top:0!important
}
.helloBarContainer {
background:var(--primary-color);
color:#FFF;
text-align:center;
padding:15px 0
}
.helloBarContainer p {
margin:0;
line-height:1;
font-size:14px;
color:#FFF
}
.helloBarContainer p .fa {
margin:0 10px 0 0
}
.helloBarContainer p a {
color:#FFF;
text-transform:uppercase;
font-weight:600;
margin:0 0 0 20px;
text-decoration:none;
border-bottom:1px solid #FFF
}
.helloBarContainer p a:hover,.helloBarContainer p a:focus {
color:#FFF;
text-decoration:none;
border-bottom-color:rgba(255,255,255,.5)
}
.helloBarContainer a.helloBarClose {
cursor:pointer;
color:rgba(255,255,255,.5);
font-size:24px;
font-weight:300;
line-height:1;
margin:0 0 0 20px;
transition:all .2s ease-out
}
.helloBarContainer a.helloBarClose:hover,.helloBarContainer a.helloBarClose:focus {
text-decoration:none;
color:rgba(255,255,255,1)
}
.helloBarInner {
position:relative;
z-index:11;
display:flex;
justify-content:center;
align-items:center
}
.rewardsTopcontainer {
padding:80px 0
}
.rewardsTopcontainerInner {
display:flex;
flex-flow:row-reverse
}
.rewardsTopcontainerImage {
width:55%;
padding-left:50px
}
.rewardsTopcontainerContent {
width:45%
}
.rewardsTopcontainerContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.rewardsOffers {
background:var(--primary-color);
color:#FFF;
padding:80px 0
}
.rewardsForm {
max-width:500px;
margin:0 auto
}
.rewardsForm h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px;
text-align:center
}
.hotelGroupAmenityContainer.rewardsOffers:before {
background-image:url(images/uploads/1/5f92a8c42060e_gift4.jpg)
}
.hotelGroupTheme.privacyPage {
padding:80px 0
}
.hotelGroupTheme.privacyPage h2 {
font-size:32px;
font-weight:700;
color:#30353e;
text-transform:none;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupTheme.privacyPage p {
}
.hotelGroupTheme.privacyPage p strong {
font-size:18px;
margin-top:20px;
margin-bottom:5px;
display:inline-block
}
.hotelGroupTheme ul.privacyList {
margin:30px 0
}
.hotelGroupTheme ul.privacyList li {
margin-bottom:10px
}
.hotelGroupTheme ul.privacyList li:last-of-type {
margin-bottom:0
}
.hotelSubGroupAboutSliderContainer {
padding:40px 0 80px
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display:none
}
.grecaptcha-badge {
display:none!important
}
.boxnew button.btn.crssearchbtn:hover {
background:#45b5c6!important
}
.hotelgroup-subnavbar {
position:sticky;
z-index:99;
top:0
}
.group-row {
display:flex;
align-items:center
}
div#gallery2 img {
min-height:230px;
max-height:230px;
min-width:387px;
height:100%;
width:100%
}
.ekko-lightbox-container img {
min-width: 1000px;
min-height: 600px;
max-height: 600px;
height:100%;
width:100%
}
.modal-dialog{
max-width: 1000px !important;
}
@media(min-width:1601px) {
.hotelGroupSlideshowContainer .carousel .item img {
width:100%
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
}
@media(max-width:1199px) {
.hotelGroupNavbar .navbar-header .navbar-brand a {
max-width:200px
}
.hotelGroupNavbar .container {
padding:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
padding:0;
margin:0;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar .navbar-buttons {
margin:0 0 0 15px!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-size:12px;
padding:10px;
margin:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-centered .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left-right .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons {
min-height:initial;
min-width:initial
}
.hotelGroupNavbar .navbar {
padding:0;
border:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar-header {
float:none;
width:100%;
padding:0;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
border-bottom:1px solid #efefef
}
.hotelGroupNavbar .navbar-header .navbar-brand {
min-height:initial;
height:initial;
max-width:initial;
padding:0;
margin:0 10px 0 0;
width:calc(100% - 80px)
}
.hotelGroupNavbar .navbar-header .navbar-toggle {
width:50px;
float:none;
margin:0;
padding:0;
font-size:24px;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar-header .navbar-toggle.collapsed .fa-bars:before {
content:"\F0C9"
}
.hotelGroupNavbar .navbar-header .navbar-toggle .fa-bars:before {
content:"\F00D"
}
.hotelGroupNavbar .navbar-header #subNavicon {
width:50px;
float:none;
margin:0;
padding:0;
color:#4f4f4f;
font-size:24px;
text-align:center;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
display:none!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse.in {
display:block!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:20px 10px;
margin:0;
box-shadow:none;
min-width:100%;
width:100%;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li {
display:block;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.open {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav .dropdown.open>a {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
padding:10px 30px;
text-transform:none
}
.hotelSubGroupNavbar {
background:#FFF
}
.hotelSubGroupNavbar #subGroupNavigation {
padding:0;
margin:0 -15px
}
.hotelSubGroupNavbar #subGroupNavigation.collapse {
display:none!important
}
.hotelSubGroupNavbar #subGroupNavigation.collapse.in {
display:block!important
}
.hotelSubGroupNavbar #subGroupNavigation .navbar-nav {
float:none;
padding:20px
}
.hotelSubGroupNavbar .navbar-nav>li {
display:block;
float:none
}
.hotelSubGroupNavbar .navbar-nav>li>a {
font-family:Chakra Petch;
color:#30353e;
font-size:14px;
font-weight:600;
padding:10px 0
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:60px
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:0
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active,.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:#FFF;
color:var(--secondary-color)
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:block;
margin:0 20px 20px 20px
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow.navbar-buttons>* {
display:block
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow .btn {
font-size:15px;
line-height:1;
padding:15px 20px
}
.hotelGroupWelcomeContent {
width:50%
}
.hotelGroupWelcomeImgOuter {
width:50%;
padding-left:50px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:16px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
position:relative;
font-size:40px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
flex-direction:column;
justify-content:center
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
margin:0 auto;
width:90%
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2)
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:90%;
margin:0 auto;
position:relative;
top:0;
transform:translateY(0%)
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:36px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:400px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding:40px 0 60px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:60px 0 0
}
.hotelGroupContactContainer {
padding:60px 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:50%;
padding-bottom:0;
margin:20px 0
}
.hotelGroupContactlistContainer {
padding:60px 0
}
.hotelGroupFormContainer {
max-width:100%
}
.hotelGroupRestaurantContent {
max-height:initial
}
.hotelGroupRestaurantBlock {
align-items:stretch
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:100%;
max-height:initial
}
.hotelGroupCovidpage {
padding:40px 0
}
}
@media(max-width:991px) {
.group-row {
display:flex
}
body.hotelGroupBody #page {
overflow-x:hidden
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
display:none
}
.hotelGroupTopbar .hotelGroupTopbarLeft .inline-wrapper {
justify-content:flex-start
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper {
justify-content:flex-end
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper>[data-component=image] {
display:none
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:36px
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
display:none
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
display:none
}
.hotelGroupBookingContainer #bb_resBookingBox {
flex-direction:column
}
.hotelGroupBookingContainer .boxnew p {
max-width:300px;
margin:15px 0
}
.hotelGroupTheme h2 {
font-size:42px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:60px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span {
position:relative;
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:30px
}
.hotelGroupPropertyContainerInner {
flex-flow:row wrap
}
.hotelGroupPropertyBlock {
width:calc(50% - 40px);
margin-bottom:30px
}
.hotelGroupAttractionBlock {
width:calc(50% - 40px)
}
.hotelGroupAttractionHome {
padding:60px 0
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:column;
margin:40px 20px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupRestaurantImg {
width:initial
}
.hotelGroupRestaurantContent {
width:initial;
min-height:initial;
max-height:initial;
padding:30px
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:initial;
max-height:initial
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:36px;
top:-10px
}
.hotelGroupWelcomeContainer {
padding:60px 0
}
.hotelGroupWelcomeInner {
flex-direction:column
}
.hotelGroupWelcomeContent {
width:initial;
text-align:center
}
.hotelGroupWelcomeImgOuter {
width:initial;
padding-left:0;
margin:40px auto 0;
max-width:600px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
flex-direction:column
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
width:initial
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
flex-direction:column;
text-align:center
}
.hotelGroupAmenityItemImg {
margin:0 auto 30px
}
.hotelGroupGalleryContainer {
padding-bottom:60px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:60px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:flex;
flex-flow:row wrap;
justify-content:center
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:33.33%
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:100%
}
.hotelGroupTestimonialHome h2 span {
font-size:30px;
top:-30px
}
body .hotelGroupFooter .col-sm-4 {
width:100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 30px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
display:none
}
.hotelGroupHeadBlock {
padding-bottom:30px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:42px
}
.hotelGroupBookingContainer .boxnew p input {
height:40px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
bottom:6px
}
.hotelGroupBookingContainer .boxnew p select {
height:40px
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
height:44px
}
.hotelGroupPageTitle {
padding:80px 0
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2 {
font-size:32px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:350px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:auto;
margin:40px 0 0
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
width:100%;
left:0;
right:0;
bottom:auto;
top:45%;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:auto;
right:auto;
left:5px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.right.carousel-control {
left:auto;
right:5px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:100%
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
width:100%
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
display:none
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:30px 0
}
.hotelSubGroupContentContainer {
padding:60px 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
margin:0 10px
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p,.hotelGroupTheme p {
font-size:15px
}
.hotelGroupContactDetails li .fa.fa-map-marker {
top:0
}
.hotelGroupContactDetails {
margin:60px 0 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:100%;
margin:30px 0
}
.hotelGroupContactlistContainer {
padding:40px 0
}
.hotelGroupContentContainer {
padding-top:60px
}
.hotelGroupContentContainer h2 {
font-size:36px
}
.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupRestaurantBlock {
align-items:initial
}
.hotelGroupBanquetsBlock {
width:100%;
margin:0 10px 60px
}
.hotelGroupBanquetsBlock:last-of-type {
margin-bottom:0
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
max-height:initial;
min-height:initial
}
.rewardsTopcontainer {
padding:60px 0
}
.rewardsTopcontainerInner {
flex-direction:column
}
.rewardsTopcontainerImage {
width:initial;
padding-left:0;
margin:0 auto 30px
}
.rewardsTopcontainerContent {
width:initial
}
.hotelGroupTheme.privacyPage {
padding:40px 0
}
.hotelGroupAboutSliderContainer {
padding:50px 0
}
.hotelGroupAboutWelcomeContainer {
padding-bottom:50px
}
}
@media(max-width:767px) {
.ekko-lightbox-container img {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
div#gallery2 img {
min-height:100%;
max-height:100%;
min-width:100%
}
.hotelGroupNavbar .navbar-two {
padding:10px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:block
}
#whatsapp-message {
bottom:90px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupSlideshowContainer .carouselNavOuter {
width:100%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
left:10px;
right:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
top:auto;
bottom:10px;
left:auto;
right:10px
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:relative;
bottom:auto;
background:#FFF;
color:#4f4f4f;
min-height:200px
}
.hotelGroupAttractionContent h3 {
font-size:24px;
font-weight:600
}
.hotelGroupAttractionContent p {
color:#4f4f4f
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:initial
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column;
justify-content:center;
text-align:center
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1)
}
.hotelGroupAmenityItemContent h3 {
margin-bottom:15px
}
.hotelGroupContactContainer {
padding:40px 0
}
.hotelGroupPageTitle h2 span {
line-height:1.6
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1)
}
.CovidpageInner {
padding:0 10px
}
.hotelGroupCovidpage h3 {
font-size:28px
}
.rewardsTopcontainer {
padding:40px 0
}
.rewardsTopcontainerInner {
padding:0 10px
}
.hotelGroupTheme ul.privacyList {
padding:0 0 0 20px
}
.privacyPageInner {
padding:0 10px
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
display:none
}
}
@media(max-width:640px) {
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
display:none
}
.hotelGroupRewardContainer {
padding:80px 0
}
.hotelGroupRestaurantContainer {
padding:60px 0
}
.hotelGroupPropertyBlock {
width:100%;
border:1px solid #e0e0e0
}
.hotelGroupPropertyBlockImg {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
position:relative;
top:0;
max-height:450px;
opacity:1;
border-color:#e0e0e0
}
.hotelGroupPropertyBlock h3 {
color:#30353e;
font-weight:600
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
margin-top:15px;
font-size:14px;
font-weight:400
}
.hotelGroupAttractionBlock {
width:100%;
box-shadow:0 3px 6px -1px rgba(0,0,0,.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
min-height:initial;
padding:30px
}
.hotelGroupAttractionImg {
max-height:350px;
overflow:hidden
}
.hotelGroupAttractionContent h3 {
color:#fff;
font-size:30px
}
.hotelGroupRewardInner {
padding:0 10px
}
.hotelGroupPropertyLogoInner {
flex-flow:row wrap
}
.hotelGroupPropertyLogo {
width:calc(50% - 40px)
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:initial
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:50px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
max-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:relative;
bottom:0;
left:25px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:25px;
border:0
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 30px
}
.hotelGroupTheme .btn.btn-primary {
padding:14px 18px;
font-size:15px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
background:rgba(0,0,0,.3)
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:1
}
.hotelGroupPropertyBlock:hover:after {
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1)
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:300px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:30px;
margin-bottom:15px
}
.hotelGroupPageTitle {
padding:60px 0
}
.hotelGroupPageTitle h2 {
font-size:32px
}
.hotelGroupPageTitle h2 span {
font-size:14px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelSubGroupRestaurantPage h2 {
font-size:30px;
letter-spacing:.03em
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-top:0
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:60px 0 0
}
.hotelGroupCovidpage h3 {
margin-top:30px
}
.hotelGroupAmenityItemContent {
margin:0 auto
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:100%
}
.rewardsOffers.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
}
@media(max-width:580px) {
.hotelGroupSlideshowContainer .carousel .item img {
min-height:300px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:30px;
letter-spacing:2px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control,.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
bottom:-20px
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:70px
}
.hotelGroupTheme h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:15px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:30px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
margin:0
}
.hotelGroupTopbar p.hotelGroupTopbarPhone a {
margin-bottom:0
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-size:16px
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
display:block
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupPageTitle {
padding:40px 0
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:40px 10px 0
}
.hotelGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:20px 0 60px
}
.hotelGroupBanquetsContent h3 {
font-size:26px
}
.hotelGroupCovidpage h3 {
font-size:26px;
margin-bottom:15px
}
.hotelGroupTheme.privacyPage h2 {
font-size:26px
}
.hotelGroupAboutSliderInner,.hotelGroupAboutWelcomeInner {
padding:0 10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:30px;
margin-bottom:20px
}
}
@media(max-width:500px) {
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
display:block
}
}
@media(max-width:479px) {
.hotelGroupRestaurantContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:30px 10px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupPropertyBlock {
margin:20px 10px
}
.hotelGroupAttractionBlock {
margin:20px 10px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:40px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
margin-bottom:0
}
.hotelGroupAttractionHome {
padding:40px 0
}
.hotelGroupAttractionHome h2 {
margin-bottom:30px
}
.hotelGroupTheme h2 {
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:24px;
top:-10px
}
.hotelGroupAttractionContent h3 {
font-size:24px
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
padding:20px
}
.hotelGroupPropertyLogo {
width:calc(50% - 20px);
margin:10px
}
.hotelGroupRewardContainer {
padding:60px 0;
background-attachment:initial;
background-position:50% 100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 20px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:250px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:24px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2,.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:26px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
padding:20px 0
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:10px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
padding:25px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelGroupPropertyBlockImg,.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:260px
}
.hotelGroupFooter .HGfooterTitle {
font-size:20px
}
.hotelGroupTheme p {
font-size:13px
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupBtnOuter {
margin-top:40px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
margin-bottom:30px
}
.hotelGroupGalleryContainer {
padding-bottom:50px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
padding:50px 20px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
font-size:60px;
top:-20px;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:220px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelSubGroupContentContainer {
padding:40px 0 20px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:26px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding-top:40px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-bottom:40px
}
.hotelGroupBanquetsContent {
padding:20px
}
.rewardsTopcontainerContent h3,.rewardsForm h3,.rewardsForm h3 {
font-size:28px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
.helloBarContainer p a {
margin-left:10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:24px
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
bottom:20px
}
.hotelGroupAboutSliderInner .carousel .item img {
min-height:180px
}
}
@media(max-width:359px) {
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
max-width:140px
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:260px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:24px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 20px;
left:20px
}
}
* img{
object-fit: cover;
}
:root {
--primary-color:#c6ab62;
--secondary-color:#b48744;
--btn-hover:#b48744;
--white:#fff;
--primary-text-color:#333;
--black:#000;
--placeholder:#757575;
--background-color:#0f0f0f
}
body.hotelGroupBody {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f;
overflow-x:hidden
}
.yummy .col-lg-1,.yummy .col-lg-2,.yummy .col-lg-3,.yummy .col-lg-4,.yummy .col-lg-5,.yummy .col-lg-6,.yummy .col-lg-7,.yummy .col-lg-8,.yummy .col-lg-9,.yummy .col-lg-10,.yummy .col-lg-11,.yummy .col-lg-12,.yummy .col-lg-15,.yummy .col-md-1,.yummy .col-md-2,.yummy .col-md-3,.yummy .col-md-4,.yummy .col-md-5,.yummy .col-md-6,.yummy .col-md-7,.yummy .col-md-8,.yummy .col-md-9,.yummy .col-md-10,.yummy .col-md-11,.yummy .col-md-12,.yummy .col-md-15,.yummy .col-sm-1,.yummy .col-sm-2,.yummy .col-sm-3,.yummy .col-sm-4,.yummy .col-sm-5,.yummy .col-sm-6,.yummy .col-sm-7,.yummy .col-sm-8,.yummy .col-sm-9,.yummy .col-sm-10,.yummy .col-sm-11,.yummy .col-sm-12,.yummy .col-sm-15,.yummy .col-xs-1,.yummy .col-xs-2,.yummy .col-xs-3,.yummy .col-xs-4,.yummy .col-xs-5,.yummy .col-xs-6,.yummy .col-xs-7,.yummy .col-xs-8,.yummy .col-xs-9,.yummy .col-xs-10,.yummy .col-xs-11,.yummy .col-xs-12,.yummy .col-xs-15 {
padding-right:15px;
padding-left:15px;
padding-bottom:0
}
.yummy p {
margin:0
}
#whatsapp-message {
position:fixed;
margin-bottom:1vh;
bottom:35px;
right:5px;
width:65px;
height:65px;
overflow:hidden;
visibility:visible;
z-index:2147483639;
background:0;
border:0;
transition:transform .2s ease-in-out;
backface-visibility:hidden;
opacity:1;
transform:translateY(0%)
}
.hotelGroupTheme,body .hotelGroupTheme {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTheme a,.hotelGroupTheme p a {
text-decoration:none;
color:var(--primary-color)
}
.hotelGroupTheme a:hover,.hotelGroupTheme a:focus,.hotelGroupTheme p a:hover,.hotelGroupTheme p a:focus {
text-decoration:none;
color:var(--secondary-color)
}
.hotelGroupTheme .btn.btn-primary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-primary:focus,.hotelGroupTheme .btn.btn-primary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelGroupTheme .btn.btn-secondary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:transparent;
color:var(--primary-color);
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-secondary:focus,.hotelGroupTheme .btn.btn-secondary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#FFF
}
.hotelGroupTheme .h1,.hotelGroupTheme .h2,.hotelGroupTheme .h3,.hotelGroupTheme .h4,.hotelGroupTheme .h5,.hotelGroupTheme .h6,.hotelGroupTheme h1,.hotelGroupTheme h2,.hotelGroupTheme h3,.hotelGroupTheme h4,.hotelGroupTheme h5,.hotelGroupTheme h6 {
font-family:Bellota;
font-weight:400
}
.header.fixed {
position:fixed;
top:0;
box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
-webkit-box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
left:0;
right:0;
margin:0 auto;
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
.hotelGroupTheme h2 {
margin:0 0 30px;
position:relative;
color:#30353e;
margin:0 0 30px;
font-size:48px;
line-height:1.2;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase
}
.hotelGroupTheme h2 span {
display:block;
font-size:16px;
font-weight:400;
margin:0 0 10px;
color:var(--secondary-color)
}
.hotelGroupTheme p {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTopbar {
padding:12px 0;
border-bottom:1px solid #efefef
}
.hotelGroupTopbar .inline-wrapper {
align-items:center
}
.hotelGroupTopbar p {
margin:0 10px 0;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
margin-left:0
}
.hotelGroupTopbar p .fa {
margin-right:10px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone .fa {
font-size:18px;
position:relative;
top:1px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
position:relative;
top:-1px
}
.hotelGroupTopbar p a {
color:#4f4f4f;
text-decoration:none;
transition:all .3s ease
}
.hotelGroupTopbar p a:focus,.hotelGroupTopbar p a:hover {
color:var(--secondary-color);
;
text-decoration:none
}
.hotelGroupTopbar p.hotelGroupTopbarSocial {
font-size:16px
}
.hotelGroupTopbar p.hotelGroupTopbarSocial .fa {
margin-right:0
}
.hotelGroupTopbar .gTranslate {
margin-left:10px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget {
position:relative;
font-size:0
}
.hotelGroupTheme #google_translate_element .goog-te-gadget:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
pointer-events:none;
color:#000;
font-size:18px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget a.goog-logo-link {
display:none
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
height:30px;
padding:0 30px 0 10px;
letter-spacing:.03em;
border-radius:0;
border:1px solid #d5d5d5;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
cursor:pointer;
font-size:12px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo:focus {
outline:0;
border-color:#a7a7a7
}
.hotelGroupNavbar {
position:relative;
z-index:100
}
.hotelGroupNavbar .navbar {
width:100%;
margin:0;
padding:10px 0;
display:flex;
align-items:center;
min-height:60px
}
.hotelGroupNavbar .navbar-header .navbar-brand {
height:auto
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:90px
}
.hotelGroupNavbar .navbar-collapse {
padding:0!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
width:inherit;
align-items:center;
padding-right:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:5px 0 0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
line-height:1;
color:#30353e;
text-transform:uppercase;
letter-spacing:.03em;
transition:all .3s ease;
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:active,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:focus,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:hover,.hotelGroupNavbar .navbar.navbar-plain ul.nav li.active a {
color:var(--secondary-color);
;
background-color:transparent
}
.hotelGroupNavbar .nav .open>a,.hotelGroupNavbar .nav .open>a:focus,.hotelGroupNavbar .nav .open>a:hover {
background:none;
border:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown a .caret:after {
top:-7px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown.open a .caret:after {
top:-3px
}
.hotelGroupNavbar .dropdown-menu {
border-radius:0;
background:#FFF
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li {
display:block
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
font-weight:400;
display:block;
padding:15px 20px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdownRight .dropdown-menu {
left:auto;
right:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-family:Bellota;
background:var(--primary-color);
border:1px solid var(--primary-color);
color:#fff;
box-shadow:none;
border-radius:0;
font-size:14px;
font-weight:700;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
transition:all .3s ease;
padding:12px 18px
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:focus,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:hover {
border-color:var(--secondary-color);
;
background:var(--secondary-color);
;
cursor:pointer;
color:#fff;
text-decoration:none;
box-shadow:none;
outline:0
}
.hotelGroupSlideshowContainer {
color:#FFF
}
.hotelGroupSlideshowContainer p,.hotelGroupSlideshowContainer a {
color:#FFF
}
.hotelGroupSlideshowContainer .carousel-inner>.item {
transition:none;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item img {
animation:bloomEffects 1s ease;
animation-fill-mode:forwards
}
@keyframes bloomEffects {
0% {
transform:scale(1)
}
100% {
transform:scale(1.1)
}
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:60px;
font-weight:700;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
font-size:18px;
font-weight:400;
line-height:1.4;
letter-spacing:.06em;
margin:0 auto 60px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
background:#000;
border-color:#000
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
font-family:Chakra Petch;
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
background-color:transparent;
color:#fff;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto;
height:50px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:active {
background-color:#FFF;
border-color:#FFF;
color:#000
}
.hotelGroupSlideshow {
max-height:600px;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupSlideshowContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
background:#000;
border:1px solid #000
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:auto;
right:0
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
left:auto;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li:hover,.hotelGroupSlideshowContainer .carousel-indicators li:focus,.hotelGroupSlideshowContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupSlideshowContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupSlideshowContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBookingContainer {
position:relative;
background:#1b1b1b;
color:#FFF;
padding:40px 0
}
.hotelSubGroupTheme.hotelGroupBookingContainer {
position:relative;
background:var(--secondary-color);
;
color:#FFF
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0 30px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupBookingContainer .boxnew {
width:100%;
text-align:center
}
.hotelGroupBookingContainer .boxnew p {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupBookingContainer .boxnew p label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p input {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupBookingContainer .boxnew p select {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
font-family:Bellota;
font-size:18px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:50px;
border-radius:0;
padding:10px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:var(--secondary-color);
!important;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn {
background-color:#000;
color:#fff;
border:1px solid #000
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupBookingContainer .boxnew p br {
display:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:25px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:25px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1) {
max-width:300px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(4) {
margin-top:28px
}
.hotelGroupTheme .bbres_fieldset,.hotelGroupTheme .HGCalender,.hotelGroupTheme .HGBEBtn {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select,.hotelGroupTheme .HGSelectOuter {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:300px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select:before,.hotelGroupTheme .HGSelectOuter:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:20px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupTheme .bbres_fieldset label,.hotelGroupTheme .bbres_select label,.hotelGroupTheme .form-control label,.hotelGroupTheme .HGSelectOuter label,.hotelGroupTheme .HGCalender label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset input,.hotelGroupTheme .HGCalender input,.hotelGroupTheme input.form-control {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme textarea.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:auto;
background:#fff;
width:100%;
padding:20px;
border-radius:0;
font-size:13px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger {
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
font-size:0;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px
}
.hotelGroupTheme .HGCalender:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupTheme .bbres_select select,.hotelGroupTheme .HGSelectOuter select,.hotelGroupTheme select.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupTheme input.form-control:focus,.hotelGroupTheme select.form-control:focus,.hotelGroupTheme select:focus,.hotelGroupTheme textarea.form-control:focus,.hotelGroupTheme textarea:focus {
border-color:#152161;
background:#fff;
outline:0
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn,.hotelGroupTheme .HGBEBtn #bb_resBtn {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
line-height:1.8;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:#000;
color:#fff;
border:1px solid #000;
height:50px;
border-radius:0;
padding:15px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn:active,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:focus,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:hover,.hotelGroupTheme .HGBEBtn #bb_resBtn:active,.hotelGroupTheme .HGBEBtn #bb_resBtn:focus,.hotelGroupTheme .HGBEBtn #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupWelcomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupWelcomeInner {
display:flex;
align-items:center
}
.hotelGroupWelcomeContent {
width:48%
}
.hotelGroupWelcomeImgOuter {
width:52%;
padding-left:100px
}
.hotelGroupPropertyContainer {
position:relative;
padding:1px 0;
display:flex;
justify-content:center
}
.hotelGroupPropertyInner {
position:relative;
display:flex;
min-height:600px;
flex-flow:row wrap;
max-width:1600px
}
.hotelGroupPropertyContainerAlter .hotelGroupPropertyInner {
flex-direction:row-reverse
}
.hotelGroupPropertyImage {
width:60%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.hotelGroupPropertyContent {
width:40%;
padding:60px;
display:flex;
flex-flow:column;
justify-content:center;
text-align:left
}
h3.hotelGroupPropertyContentTitle {
margin:0 0 30px;
font-size:42px;
line-height:1.2;
letter-spacing:2px;
color:#30353e
}
p.hotelGroupPropertyContentText {
color:inherit;
margin:0 0 50px;
font-size:17px;
line-height:1.8;
letter-spacing:.03em
}
.hotelGroupHomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupHomeContainer .hotelGroupHomeContent {
text-align:center
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:60px;
padding-top:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:16px;
line-height:2
}
.hotelGroupAmenityContainer {
position:relative;
background:var(--primary-color);
color:#FFF;
padding:80px 0 40px;
text-align:center
}
.hotelGroupAmenityContainer {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f06b6379b36d_bannerImg002.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupAmenityContainer h2,.hotelGroupAmenityContainer h3,.hotelGroupAmenityContainer h4,.hotelGroupAmenityContainer p {
color:#FFF
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px;
padding-top:30px
}
.hotelGroupAmenityContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#e6c6a1;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupAmenityBtnOuter {
margin:60px 0 0
}
.hotelGroupAmenityList {
display:flex;
flex-flow:row wrap;
align-items:flex-start;
justify-content:flex-start
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
position:relative;
display:flex;
text-align:left;
padding:40px;
align-items:flex-start;
width:33%;
justify-content:flex-start;
margin:0;
align-items:center
}
.hotelGroupAmenityItemImg {
min-width:60px;
min-height:60px;
background:rgb(0 0 0 / .2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
margin:0 10px 0 0
}
.hotelGroupAmenityItemImg img {
max-width:30px;
max-height:30px
}
.hotelGroupAmenityItemContent h3 {
margin:0 0 6px;
font-weight:600;
letter-spacing:1px;
font-size:20px;
line-height:1
}
.hotelGroupAmenityItemContent p {
margin:0;
font-size:14px;
letter-spacing:.03em
}
body .hotelGroupFooter {
background:#1b1b1b;
color:#c5c5c5
}
.hotelGroupFooter .HGfooterTitle {
color:#FFF;
font-family:Bellota;
font-size:24px;
letter-spacing:3px;
font-weight:700;
text-transform:uppercase;
margin:0 0 30px
}
.hotelGroupFooter ul.list-basic li a:not(.btn) {
color:#c5c5c5;
text-decoration:none
}
.hotelGroupFooter ul.list-basic li a:not(.btn):hover,.hotelGroupFooter ul.list-basic li a:not(.btn):focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic {
display:flex;
flex-flow:row wrap
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic li {
width:50%
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic {
display:flex;
flex-flow:column
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic li {
width:initial
}
body .hotelGroupFooterbtm {
background:#101010;
color:#c5c5c5;
padding:10px 0;
font-size:14px
}
body .hotelGroupFooterbtm .footerBtmInner {
display:flex;
justify-content:space-between;
align-items:center
}
body .hotelGroupFooterbtm p {
margin:0;
font-family:Chakra Petch
}
body .hotelGroupFooterbtm p a {
color:#c5c5c5;
text-decoration:none
}
body .hotelGroupFooterbtm p a:hover,body .hotelGroupFooterbtm p a:focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterContact ul.list-basic li {
position:relative;
padding-left:30px
}
body .hotelGroupFooter p,body .hotelGroupFooter ul li,body .hotelGroupFooter p a {
margin-bottom:10px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
color:#c5c5c5;
letter-spacing:.03em
}
body .hotelGroupFooter .HGfooterContact li .fa {
position:absolute;
left:0;
top:3px;
font-size:20px;
font-weight:400;
line-height:1
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial {
margin:10px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial li .fa {
position:relative;
top:initial
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-map-marker {
left:2px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-envelope-open-o {
font-size:14px;
left:1px;
top:4px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-mobile {
font-size:22px;
left:3px;
top:1px
}
.hotelGroupRoomContainer {
padding:80px 0
}
.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-end
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
position:relative;
z-index:1;
width:80%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:600px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
position:absolute;
right:10px;
bottom:70px;
width:50px;
z-index:2;
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #000;
background:#000;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators {
background:none;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
position:absolute;
width:600px;
background:#FFF;
padding:30px;
left:0;
top:50%;
display:block;
z-index:2;
transform:translateY(-50%);
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:48px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupRoomContainer .hotelGroupRoomContentText {
margin:0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities {
margin:20px 0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic {
display:flex;
flex-flow:row wrap
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic li {
width:50%;
display:flex;
align-items:center;
margin:0 0 15px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesImg img {
max-height:24px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesTxt p {
margin:0 0 0 10px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice {
margin:0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice strong {
font-size:22px;
font-weight:700;
margin:0;
letter-spacing:-.02em
}
.hotelGroupRoomContainer .hotelGroupRoomPrice span {
border-bottom:1px dashed;
cursor:help;
margin:0 0 0 5px
}
.hotelGroupRoomContainerAlter .hotelGroupRoomInner {
justify-content:flex-start
}
.hotelGroupRoomContainerAlter .hotelGroupRoomContent {
left:auto;
right:0
}
.hotelGroupRoomContainerAlter .hotelGroupRoomImage .carouselNavOuter {
right:auto;
left:10px
}
.hotelGroupTheme .mapWrapper iframe {
margin:0;
padding:0;
outline:0;
border:0;
display:inline-block;
vertical-align:top
}
.hotelGroupGalleryContainer {
padding:0 0 80px;
text-align:center
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:80px
}
.hotelGroupBody .modal-dialog {
margin:15px auto 0;
max-width:900px!important
}
.hotelGroupBody .modal-header {
padding:0;
border-bottom:0 solid #e5e5e5;
background:0
}
.hotelGroupBody .modal-title {
display:none
}
.hotelGroupBody .modal button.close {
z-index:110;
right:10px;
top:10px;
outline:0
}
.hotelGroupBody .modal button.close:focus,.hotelGroupBody .modal button.close:hover {
outline:0
}
.hotelGroupBody .ekko-lightbox-nav-overlay .glyphicon {
height:100%;
display:flex;
align-items:center;
text-align:right
}
.hotelGroupBody .glyphicon.glyphicon-chevron-left {
justify-content:flex-start
}
.hotelGroupBody .glyphicon.glyphicon-chevron-right {
justify-content:flex-end
}
.hotelGroupBody .ekko-lightbox-nav-overlay a:focus,.hotelGroupBody .ekko-lightbox-nav-overlay a:hover {
text-decoration:none
}
.hotelGroupBody .modal-dialog img {
width:100%
}
.hotelGroupBody .modal-dialog .ekko-lightbox-container {
max-height:550px;
overflow:hidden
}
.hotelGroupHeadBlock {
padding:60px 0;
text-align:center
}
.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
margin:0
}
.hotelGroupPageTitle {
padding:100px 0;
color:#FFF;
background-color:rgba(0,0,0,0);
background-position:50% 60%
}
.hotelGroupPageTitle h2 {
color:#FFF;
text-align:center;
margin:0
}
.hotelGroupPageTitle h2 span {
color:#FFF;
font-family:Chakra Petch;
margin:10px 0 0
}
.hotelGroupContactContainer {
padding:80px 0
}
.hotelGroupContactContainer .form-group,.hotelGroupContactContainer .input-group {
margin:0 0 20px
}
.hotelGroupContactContainer h3 {
font-size:28px;
font-weight:700;
letter-spacing:1px;
margin:0 0 20px;
color:#30353e
}
.hotelGroupContactContainer h3.hotelGroupContactHeading {
margin:0 0 10px
}
.hotelGroupContactContainer p.hotelGroupContactDesc {
margin:0 0 40px
}
.hotelGroupContactDetails ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactDetails p,.hotelGroupContactDetails ul li,.hotelGroupContactDetails p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactDetails li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactDetails ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
.hotelGroupContactDetails li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactDetails li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactDetails li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn) {
color:#4f4f4f
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding-left:30px
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial .HGfooterSocial li .fa {
position:relative;
top:initial
}
.hotelGroupContactlistContainer {
background:#f8f8f8;
padding:80px 0
}
.hotelGroupContactlistContainer .hotelGroupContactblock {
position:relative;
padding:30px;
background:#FFF;
box-shadow:0 7px 12px -4px rgba(0,0,0,.1);
margin:0 5px
}
.hotelGroupContactlistContainer .hotelGroupContactblock a {
white-space:normal;
word-break:break-all
}
.hotelGroupContactlistContainer .hotelGroupContactblock h4 {
margin:0 0 30px;
font-size:22px;
font-weight:700
}
.hotelGroupContactlistContainer ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactlistContainer p,.hotelGroupContactlistContainer ul li,.hotelGroupContactlistContainer p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactlistContainer li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactlistContainer ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 10px 0 0
}
.hotelGroupContactlistContainer li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactlistContainer li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactlistContainer li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding:0;
margin:0 15px 0 0
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li .fa {
position:relative
}
.hotelGroupAboutSliderContainer {
padding:80px 0
}
.hotelGroupAboutWelcomeContainer {
padding:0 0 80px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption h3 {
font-size:54px;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption p {
font-size:16px;
font-weight:400;
line-height:1.8;
letter-spacing:.05em;
margin:0 auto 60px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn {
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:active {
background:#FFF;
color:#000
}
.hotelGroupAboutSliderContainer .carousel-inner .item [data-component=image]:before {
content:"";
top:0;
left:0;
right:0;
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.54);
z-index:1;
display:none
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
background:#000;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupAboutSliderContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li:hover,.hotelGroupAboutSliderContainer .carousel-indicators li:focus,.hotelGroupAboutSliderContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupAboutSliderContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupAboutSliderContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a:hover,.hotelGroupBody .ui-datepicker.ui-widget-content td a:focus,.hotelGroupBody .ui-datepicker.ui-widget-content td a:active {
text-decoration:none
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a.ui-state-active {
background:var(--secondary-color);
;
color:#fff;
text-decoration:none
}
.hotelGroupthankyouPage {
padding:80px 0;
text-align:center
}
.hotelSubGroupContentContainer {
padding:80px 0;
text-align:center
}
.hotelGroupContentContainer {
padding:80px 0 0;
text-align:center
}
.hotelSubGroupContentContainer .hotelGroupRoomContent {
padding:50px
}
.hotelSubGroupContentContainer h2,.hotelGroupContentContainer h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:80px 0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerLast {
padding-bottom:100px
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:absolute;
right:30px;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:10px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn {
font-size:16px;
height:auto;
font-family:Bellota;
line-height:1;
padding:15px 20px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn:nth-of-type(2) {
margin-left:5px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoomAmenitiesTxt {
display:none
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:0 20px 0 0;
width:initial
}
.hotelSubGroupTheme .hotelGroupRoomAmenities {
margin:30px 0 20px
}
.hotelSubGroupTheme .hotelGroupRoomImage {
box-shadow:0 50px 40px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px;
letter-spacing:2px;
padding:30px 0 0;
text-transform:none;
color:#30353e
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
opacity:.8
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:18px;
line-height:2
}
.hotelSubGroupTheme .hotelGroupWelcomeImg {
box-shadow:0 30px 30px -20px rgba(0,0,0,.2);
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover {
box-shadow:0 30px 30px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg img {
transition:all .4s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1.03)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
padding:30px 0 0;
margin:0 0 30px;
color:#30353e
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px;
text-transform:none;
margin-bottom:60px;
padding:30px 0 0
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
margin:0;
padding:1px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper.margin-bottom-10px {
margin-bottom:0;
overflow:hidden;
position:relative
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper img {
transition:all .6s ease
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper:hover img {
transform:scale(1.1)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:before {
content:"";
background:rgba(0,0,0,.6);
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all .3s ease;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:hover:before {
top:0;
opacity:0;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a {
position:relative;
display:block
}
.hotelGroupBtnOuter {
margin:60px auto 0;
text-align:center
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
display:flex
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:50%;
padding:20px 20px 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage {
position:relative;
z-index:1;
width:initial
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent {
position:relative;
top:0;
transform:translateY(0%);
width:initial;
text-align:left
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:0;
transition:all .6s ease;
margin:40px 0 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 14px rgb(255 255 255 / .3)
}
.hotelGroupTestimonialHome {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f7c5d480856d_spa.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupTestimonialHome .overly,.hotelGroupAmenityContainer .overly {
background:rgba(0,0,0,.6)
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter {
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:80%;
margin:0 auto
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-family:Bellota;
font-weight:400;
font-size:18px;
color:#FFF;
line-height:2;
letter-spacing:1px;
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
content:'\f10d';
font-family:fontAwesome;
font-size:72px;
margin:0;
opacity:.3;
position:absolute;
left:-50px;
top:-30px;
line-height:1
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
position:relative;
margin:0 auto;
left:0;
right:0;
top:0;
width:100%;
padding:50px
}
.hotelGroupTestimonialHome .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF;
display:none
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:hover,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:focus,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupTestimonialHome .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupTestimonialHome .carousel-indicators {
background:none;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li:hover,.hotelGroupTestimonialHome .carousel-indicators li:focus,.hotelGroupTestimonialHome .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupTestimonialHome .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupTestimonialHome .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupTestimonialHome .nav-indicators-in .carousel-indicators-wrapper {
right:0;
left:0;
bottom:-30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption h3 {
letter-spacing:1px
}
.hotelGroupTestimonialHome h2 {
color:#FFF;
text-align:center
}
.hotelGroupTestimonialHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#FFF;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-40px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionHome {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupAttractionHomeInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupAttractionBlock {
position:relative;
width:calc(33.33% - 40px);
margin:0 20px;
overflow:hidden
}
.hotelGroupAttractionImg {
position:relative;
z-index:1
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:400px;
transition:all .6s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:absolute;
bottom:-90px;
left:0;
background:rgba(0,0,0,.6);
display:block;
color:#FFF;
z-index:2;
padding:20px;
transition:all .3s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionContent {
bottom:0
}
.hotelGroupAttractionContent p {
color:#FFF
}
.hotelGroupAttractionHome h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupAttractionHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionContent h3 {
margin:0 0 15px;
letter-spacing:1px;
font-size:26px;
color:#fff
}
.hotelGroupAttractionContent p {
color:#FFF;
font-size:14px;
letter-spacing:.03em;
margin:0
}
.hotelGroupPropertyContainer {
padding:80px 0 80px
}
.hotelGroupPropertyPage.hotelGroupPropertyContainer {
padding:0 0 80px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupPropertyContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupPropertyContainerInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyBlock {
width:33%;
margin:0 20px;
position:relative;
overflow:hidden
}
.hotelGroupPropertyBlock:after {
content:"";
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
transition:all .3s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover:after {
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:450px;
transition:all .8s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1.1)
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
text-align:center;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:11;
background:rgba(0,0,0,.5);
opacity:1;
transition:all .3s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:0
}
.hotelGroupPropertyBlock a {
color:var(--secondary-color)
}
.hotelGroupPropertyBlock h3 {
letter-spacing:1px;
font-size:24px;
font-weight:400;
margin:0;
color:#FFF
}
.hotelGroupPropertyBlock p {
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#909090
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
font-size:13px;
text-transform:none;
letter-spacing:.03em;
margin:20px 0 0
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockLabel {
margin:0 0 10px;
font-size:12px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
display:flex;
flex-flow:column;
align-items:flex-start;
border:1px solid;
padding:30px;
position:absolute;
left:0;
top:-100%;
z-index:11;
width:100%;
height:100%;
max-height:450px;
transition:all .6s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockContent {
top:0;
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:absolute;
bottom:-100%;
left:30px;
z-index:11;
transition:all .6s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:30px
}
.hotelGroupPropertyLogoContainer {
padding:20px 0
}
.hotelGroupPropertyLogoInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyLogo {
margin:20px
}
.hotelGroupPropertyLogo img {
max-height:80px;
transition:all .6s ease;
opacity:.6
}
.hotelGroupPropertyLogo:hover img {
opacity:1
}
.hotelGroupRewardContainer {
padding:100px 0;
background-image:url(images/uploads/1/5f7ef5d09cd88_gift.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment:fixed
}
.hotelGroupRewardContainer:before {
content:"";
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
position:absolute;
left:0;
right:0;
top:0;
pointer-events:none;
width:100%;
height:100%
}
.hotelGroupRewardContainer h2 {
color:#FFF;
margin:0 0 10px;
text-transform:none
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupRewardContainer p {
color:#FFF;
margin:0;
letter-spacing:.06em;
font-size:14px
}
.hotelGroupRewardContainer .btn-secondary {
letter-spacing:2px
}
.hotelGroupContentsContainer {
padding:60px 0
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
position:relative;
padding:80px 0;
text-align:center;
background:inherit
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer:before {
content:"";
display:none
}
.hotelGroupAmenityPage .hotelGroupAmenityItemContent h3,.hotelGroupAmenityPage .hotelGroupAmenityItemContent p {
color:#30353e
}
.hotelGroupAmenityPage .hotelGroupAmenityItemImg {
background:none;
border:0;
align-items:flex-start;
padding:0;
min-height:initial;
min-width:initial
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:80px 0 0
}
.hotelGroupAttractionPage.hotelGroupAttractionHome {
background:inherit;
padding-top:40px
}
.hotelGroupTheme .tooltip {
white-space:nowrap
}
.hotelGroupTheme .tooltip .tooltip-inner {
background-color:#000;
font-size:10px;
letter-spacing:.05em
}
.hotelGroupTheme .tooltip.top .tooltip-arrow {
bottom:1px;
border-top-color:#000
}
.hotelGroupTheme .tooltip.top-left .tooltip-arrow,.hotelGroupTheme .tooltip.top-right .tooltip-arrow,.hotelGroupTheme .tooltip.top .tooltip-arrow {
border-top-color:#000
}
.hotelSubGroupNavbar {
background:#1b1b1b
}
.hotelSubGroupNavbar .navbar-nav>li>a {
padding:15px;
color:#FFF;
line-height:1;
font-size:13px;
letter-spacing:.05em;
transition:all .3s ease
}
.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:var(--secondary-color);
;
color:#FFF
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:1px solid #424242
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a {
font-weight:700
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active {
background:#1b1b1b
}
.hotelGroupRestaurantContainer {
padding:80px 0
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:36px;
text-transform:none
}
.hotelSubGroupRestaurantPage {
padding:80px 0 0;
text-align:center
}
.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupRestaurantPage p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelGroupRestaurantBlock {
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:row-reverse
}
.hotelGroupRestaurantImg {
width:50%;
overflow:hidden
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
max-height:400px;
min-height:400px;
width:100%;
transition:all .3s ease
}
.hotelGroupRestaurantBlock:hover .hotelGroupRestaurantImg img {
transform:scale(1.1)
}
.hotelGroupRestaurantContent {
width:50%;
padding:40px;
border:1px solid #dedede;
min-height:400px;
max-height:400px;
display:flex;
flex-flow:column;
justify-content:center
}
.hotelGroupRestaurantContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.hotelGroupRestaurantContent p {
margin-bottom:30px
}
.hotelGroupBanquetsContainer {
padding:80px 0
}
.hotelGroupBanquetsInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupBanquetsBlock {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:calc(50% - 40px);
margin:0 20px 60px;
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease;
overflow:hidden
}
.hotelGroupBanquetsBlock:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelGroupBanquetsImg {
position:relative;
z-index:1;
max-height:350px;
overflow:hidden
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 24px rgb(255 255 255 / .3)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
min-height:350px;
max-height:350px;
transition:all .6s ease
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1.1)
}
.hotelGroupBanquetsContent {
background:#FFF;
transition:all .3s ease;
padding:30px
}
.hotelGroupBanquetsContent h3 {
font-size:32px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupBanquetsContent p {
margin:0
}
.hotelGroupNavbar .navbar-header #subNavicon {
display:none
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:none
}
.hotelGroupCovidpage {
padding:80px 0
}
.hotelGroupCovidpage h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupCovidpage p {
margin-bottom:20px
}
.hotelGroupTheme .nomargintop {
margin-top:0!important
}
.helloBarContainer {
background:var(--primary-color);
color:#FFF;
text-align:center;
padding:15px 0
}
.helloBarContainer p {
margin:0;
line-height:1;
font-size:14px;
color:#FFF
}
.helloBarContainer p .fa {
margin:0 10px 0 0
}
.helloBarContainer p a {
color:#FFF;
text-transform:uppercase;
font-weight:600;
margin:0 0 0 20px;
text-decoration:none;
border-bottom:1px solid #FFF
}
.helloBarContainer p a:hover,.helloBarContainer p a:focus {
color:#FFF;
text-decoration:none;
border-bottom-color:rgba(255,255,255,.5)
}
.helloBarContainer a.helloBarClose {
cursor:pointer;
color:rgba(255,255,255,.5);
font-size:24px;
font-weight:300;
line-height:1;
margin:0 0 0 20px;
transition:all .2s ease-out
}
.helloBarContainer a.helloBarClose:hover,.helloBarContainer a.helloBarClose:focus {
text-decoration:none;
color:rgba(255,255,255,1)
}
.helloBarInner {
position:relative;
z-index:11;
display:flex;
justify-content:center;
align-items:center
}
.rewardsTopcontainer {
padding:80px 0
}
.rewardsTopcontainerInner {
display:flex;
flex-flow:row-reverse
}
.rewardsTopcontainerImage {
width:55%;
padding-left:50px
}
.rewardsTopcontainerContent {
width:45%
}
.rewardsTopcontainerContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.rewardsOffers {
background:var(--primary-color);
color:#FFF;
padding:80px 0
}
.rewardsForm {
max-width:500px;
margin:0 auto
}
.rewardsForm h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px;
text-align:center
}
.hotelGroupAmenityContainer.rewardsOffers:before {
background-image:url(images/uploads/1/5f92a8c42060e_gift4.jpg)
}
.hotelGroupTheme.privacyPage {
padding:80px 0
}
.hotelGroupTheme.privacyPage h2 {
font-size:32px;
font-weight:700;
color:#30353e;
text-transform:none;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupTheme.privacyPage p {
}
.hotelGroupTheme.privacyPage p strong {
font-size:18px;
margin-top:20px;
margin-bottom:5px;
display:inline-block
}
.hotelGroupTheme ul.privacyList {
margin:30px 0
}
.hotelGroupTheme ul.privacyList li {
margin-bottom:10px
}
.hotelGroupTheme ul.privacyList li:last-of-type {
margin-bottom:0
}
.hotelSubGroupAboutSliderContainer {
padding:40px 0 80px
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display:none
}
.grecaptcha-badge {
display:none!important
}
.boxnew button.btn.crssearchbtn:hover {
background:#45b5c6!important
}
.hotelgroup-subnavbar {
position:sticky;
z-index:99;
top:0
}
.group-row {
display:flex;
align-items:center
}
div#gallery2 img {
min-height:230px;
max-height:230px;
min-width:387px;
height:100%;
width:100%
}
.ekko-lightbox-container img {
min-width: 1000px;
min-height: 600px;
max-height: 600px;
height:100%;
width:100%
}
.modal-dialog{
max-width: 1000px !important;
}
@media(min-width:1601px) {
.hotelGroupSlideshowContainer .carousel .item img {
width:100%
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
}
@media(max-width:1199px) {
.hotelGroupNavbar .navbar-header .navbar-brand a {
max-width:200px
}
.hotelGroupNavbar .container {
padding:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
padding:0;
margin:0;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar .navbar-buttons {
margin:0 0 0 15px!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-size:12px;
padding:10px;
margin:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-centered .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left-right .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons {
min-height:initial;
min-width:initial
}
.hotelGroupNavbar .navbar {
padding:0;
border:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar-header {
float:none;
width:100%;
padding:0;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
border-bottom:1px solid #efefef
}
.hotelGroupNavbar .navbar-header .navbar-brand {
min-height:initial;
height:initial;
max-width:initial;
padding:0;
margin:0 10px 0 0;
width:calc(100% - 80px)
}
.hotelGroupNavbar .navbar-header .navbar-toggle {
width:50px;
float:none;
margin:0;
padding:0;
font-size:24px;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar-header .navbar-toggle.collapsed .fa-bars:before {
content:"\F0C9"
}
.hotelGroupNavbar .navbar-header .navbar-toggle .fa-bars:before {
content:"\F00D"
}
.hotelGroupNavbar .navbar-header #subNavicon {
width:50px;
float:none;
margin:0;
padding:0;
color:#4f4f4f;
font-size:24px;
text-align:center;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
display:none!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse.in {
display:block!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:20px 10px;
margin:0;
box-shadow:none;
min-width:100%;
width:100%;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li {
display:block;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.open {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav .dropdown.open>a {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
padding:10px 30px;
text-transform:none
}
.hotelSubGroupNavbar {
background:#FFF
}
.hotelSubGroupNavbar #subGroupNavigation {
padding:0;
margin:0 -15px
}
.hotelSubGroupNavbar #subGroupNavigation.collapse {
display:none!important
}
.hotelSubGroupNavbar #subGroupNavigation.collapse.in {
display:block!important
}
.hotelSubGroupNavbar #subGroupNavigation .navbar-nav {
float:none;
padding:20px
}
.hotelSubGroupNavbar .navbar-nav>li {
display:block;
float:none
}
.hotelSubGroupNavbar .navbar-nav>li>a {
font-family:Chakra Petch;
color:#30353e;
font-size:14px;
font-weight:600;
padding:10px 0
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:60px
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:0
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active,.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:#FFF;
color:var(--secondary-color)
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:block;
margin:0 20px 20px 20px
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow.navbar-buttons>* {
display:block
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow .btn {
font-size:15px;
line-height:1;
padding:15px 20px
}
.hotelGroupWelcomeContent {
width:50%
}
.hotelGroupWelcomeImgOuter {
width:50%;
padding-left:50px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:16px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
position:relative;
font-size:40px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
flex-direction:column;
justify-content:center
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
margin:0 auto;
width:90%
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2)
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:90%;
margin:0 auto;
position:relative;
top:0;
transform:translateY(0%)
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:36px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:400px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding:40px 0 60px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:60px 0 0
}
.hotelGroupContactContainer {
padding:60px 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:50%;
padding-bottom:0;
margin:20px 0
}
.hotelGroupContactlistContainer {
padding:60px 0
}
.hotelGroupFormContainer {
max-width:100%
}
.hotelGroupRestaurantContent {
max-height:initial
}
.hotelGroupRestaurantBlock {
align-items:stretch
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:100%;
max-height:initial
}
.hotelGroupCovidpage {
padding:40px 0
}
}
@media(max-width:991px) {
.group-row {
display:flex
}
body.hotelGroupBody #page {
overflow-x:hidden
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
display:none
}
.hotelGroupTopbar .hotelGroupTopbarLeft .inline-wrapper {
justify-content:flex-start
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper {
justify-content:flex-end
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper>[data-component=image] {
display:none
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:36px
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
display:none
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
display:none
}
.hotelGroupBookingContainer #bb_resBookingBox {
flex-direction:column
}
.hotelGroupBookingContainer .boxnew p {
max-width:300px;
margin:15px 0
}
.hotelGroupTheme h2 {
font-size:42px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:60px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span {
position:relative;
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:30px
}
.hotelGroupPropertyContainerInner {
flex-flow:row wrap
}
.hotelGroupPropertyBlock {
width:calc(50% - 40px);
margin-bottom:30px
}
.hotelGroupAttractionBlock {
width:calc(50% - 40px)
}
.hotelGroupAttractionHome {
padding:60px 0
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:column;
margin:40px 20px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupRestaurantImg {
width:initial
}
.hotelGroupRestaurantContent {
width:initial;
min-height:initial;
max-height:initial;
padding:30px
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:initial;
max-height:initial
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:36px;
top:-10px
}
.hotelGroupWelcomeContainer {
padding:60px 0
}
.hotelGroupWelcomeInner {
flex-direction:column
}
.hotelGroupWelcomeContent {
width:initial;
text-align:center
}
.hotelGroupWelcomeImgOuter {
width:initial;
padding-left:0;
margin:40px auto 0;
max-width:600px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
flex-direction:column
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
width:initial
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
flex-direction:column;
text-align:center
}
.hotelGroupAmenityItemImg {
margin:0 auto 30px
}
.hotelGroupGalleryContainer {
padding-bottom:60px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:60px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:flex;
flex-flow:row wrap;
justify-content:center
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:33.33%
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:100%
}
.hotelGroupTestimonialHome h2 span {
font-size:30px;
top:-30px
}
body .hotelGroupFooter .col-sm-4 {
width:100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 30px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
display:none
}
.hotelGroupHeadBlock {
padding-bottom:30px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:42px
}
.hotelGroupBookingContainer .boxnew p input {
height:40px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
bottom:6px
}
.hotelGroupBookingContainer .boxnew p select {
height:40px
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
height:44px
}
.hotelGroupPageTitle {
padding:80px 0
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2 {
font-size:32px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:350px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:auto;
margin:40px 0 0
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
width:100%;
left:0;
right:0;
bottom:auto;
top:45%;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:auto;
right:auto;
left:5px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.right.carousel-control {
left:auto;
right:5px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:100%
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
width:100%
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
display:none
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:30px 0
}
.hotelSubGroupContentContainer {
padding:60px 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
margin:0 10px
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p,.hotelGroupTheme p {
font-size:15px
}
.hotelGroupContactDetails li .fa.fa-map-marker {
top:0
}
.hotelGroupContactDetails {
margin:60px 0 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:100%;
margin:30px 0
}
.hotelGroupContactlistContainer {
padding:40px 0
}
.hotelGroupContentContainer {
padding-top:60px
}
.hotelGroupContentContainer h2 {
font-size:36px
}
.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupRestaurantBlock {
align-items:initial
}
.hotelGroupBanquetsBlock {
width:100%;
margin:0 10px 60px
}
.hotelGroupBanquetsBlock:last-of-type {
margin-bottom:0
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
max-height:initial;
min-height:initial
}
.rewardsTopcontainer {
padding:60px 0
}
.rewardsTopcontainerInner {
flex-direction:column
}
.rewardsTopcontainerImage {
width:initial;
padding-left:0;
margin:0 auto 30px
}
.rewardsTopcontainerContent {
width:initial
}
.hotelGroupTheme.privacyPage {
padding:40px 0
}
.hotelGroupAboutSliderContainer {
padding:50px 0
}
.hotelGroupAboutWelcomeContainer {
padding-bottom:50px
}
}
@media(max-width:767px) {
.ekko-lightbox-container img {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
div#gallery2 img {
min-height:100%;
max-height:100%;
min-width:100%
}
.hotelGroupNavbar .navbar-two {
padding:10px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:block
}
#whatsapp-message {
bottom:90px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupSlideshowContainer .carouselNavOuter {
width:100%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
left:10px;
right:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
top:auto;
bottom:10px;
left:auto;
right:10px
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:relative;
bottom:auto;
background:#FFF;
color:#4f4f4f;
min-height:200px
}
.hotelGroupAttractionContent h3 {
font-size:24px;
font-weight:600
}
.hotelGroupAttractionContent p {
color:#4f4f4f
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:initial
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column;
justify-content:center;
text-align:center
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1)
}
.hotelGroupAmenityItemContent h3 {
margin-bottom:15px
}
.hotelGroupContactContainer {
padding:40px 0
}
.hotelGroupPageTitle h2 span {
line-height:1.6
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1)
}
.CovidpageInner {
padding:0 10px
}
.hotelGroupCovidpage h3 {
font-size:28px
}
.rewardsTopcontainer {
padding:40px 0
}
.rewardsTopcontainerInner {
padding:0 10px
}
.hotelGroupTheme ul.privacyList {
padding:0 0 0 20px
}
.privacyPageInner {
padding:0 10px
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
display:none
}
}
@media(max-width:640px) {
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
display:none
}
.hotelGroupRewardContainer {
padding:80px 0
}
.hotelGroupRestaurantContainer {
padding:60px 0
}
.hotelGroupPropertyBlock {
width:100%;
border:1px solid #e0e0e0
}
.hotelGroupPropertyBlockImg {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
position:relative;
top:0;
max-height:450px;
opacity:1;
border-color:#e0e0e0
}
.hotelGroupPropertyBlock h3 {
color:#30353e;
font-weight:600
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
margin-top:15px;
font-size:14px;
font-weight:400
}
.hotelGroupAttractionBlock {
width:100%;
box-shadow:0 3px 6px -1px rgba(0,0,0,.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
min-height:initial;
padding:30px
}
.hotelGroupAttractionImg {
max-height:350px;
overflow:hidden
}
.hotelGroupAttractionContent h3 {
color:#fff;
font-size:30px
}
.hotelGroupRewardInner {
padding:0 10px
}
.hotelGroupPropertyLogoInner {
flex-flow:row wrap
}
.hotelGroupPropertyLogo {
width:calc(50% - 40px)
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:initial
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:50px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
max-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:relative;
bottom:0;
left:25px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:25px;
border:0
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 30px
}
.hotelGroupTheme .btn.btn-primary {
padding:14px 18px;
font-size:15px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
background:rgba(0,0,0,.3)
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:1
}
.hotelGroupPropertyBlock:hover:after {
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1)
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:300px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:30px;
margin-bottom:15px
}
.hotelGroupPageTitle {
padding:60px 0
}
.hotelGroupPageTitle h2 {
font-size:32px
}
.hotelGroupPageTitle h2 span {
font-size:14px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelSubGroupRestaurantPage h2 {
font-size:30px;
letter-spacing:.03em
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-top:0
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:60px 0 0
}
.hotelGroupCovidpage h3 {
margin-top:30px
}
.hotelGroupAmenityItemContent {
margin:0 auto
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:100%
}
.rewardsOffers.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
}
@media(max-width:580px) {
.hotelGroupSlideshowContainer .carousel .item img {
min-height:300px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:30px;
letter-spacing:2px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control,.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
bottom:-20px
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:70px
}
.hotelGroupTheme h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:15px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:30px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
margin:0
}
.hotelGroupTopbar p.hotelGroupTopbarPhone a {
margin-bottom:0
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-size:16px
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
display:block
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupPageTitle {
padding:40px 0
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:40px 10px 0
}
.hotelGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:20px 0 60px
}
.hotelGroupBanquetsContent h3 {
font-size:26px
}
.hotelGroupCovidpage h3 {
font-size:26px;
margin-bottom:15px
}
.hotelGroupTheme.privacyPage h2 {
font-size:26px
}
.hotelGroupAboutSliderInner,.hotelGroupAboutWelcomeInner {
padding:0 10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:30px;
margin-bottom:20px
}
}
@media(max-width:500px) {
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
display:block
}
}
@media(max-width:479px) {
.hotelGroupRestaurantContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:30px 10px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupPropertyBlock {
margin:20px 10px
}
.hotelGroupAttractionBlock {
margin:20px 10px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:40px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
margin-bottom:0
}
.hotelGroupAttractionHome {
padding:40px 0
}
.hotelGroupAttractionHome h2 {
margin-bottom:30px
}
.hotelGroupTheme h2 {
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:24px;
top:-10px
}
.hotelGroupAttractionContent h3 {
font-size:24px
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
padding:20px
}
.hotelGroupPropertyLogo {
width:calc(50% - 20px);
margin:10px
}
.hotelGroupRewardContainer {
padding:60px 0;
background-attachment:initial;
background-position:50% 100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 20px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:250px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:24px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2,.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:26px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
padding:20px 0
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:10px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
padding:25px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelGroupPropertyBlockImg,.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:260px
}
.hotelGroupFooter .HGfooterTitle {
font-size:20px
}
.hotelGroupTheme p {
font-size:13px
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupBtnOuter {
margin-top:40px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
margin-bottom:30px
}
.hotelGroupGalleryContainer {
padding-bottom:50px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
padding:50px 20px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
font-size:60px;
top:-20px;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:220px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelSubGroupContentContainer {
padding:40px 0 20px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:26px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding-top:40px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-bottom:40px
}
.hotelGroupBanquetsContent {
padding:20px
}
.rewardsTopcontainerContent h3,.rewardsForm h3,.rewardsForm h3 {
font-size:28px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
.helloBarContainer p a {
margin-left:10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:24px
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
bottom:20px
}
.hotelGroupAboutSliderInner .carousel .item img {
min-height:180px
}
}
@media(max-width:359px) {
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
max-width:140px
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:260px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:24px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 20px;
left:20px
}
}
* img{
object-fit: cover;
}
:root {
--primary-color:#c6ab62;
--secondary-color:#b48744;
--btn-hover:#b48744;
--white:#fff;
--primary-text-color:#333;
--black:#000;
--placeholder:#757575;
--background-color:#0f0f0f
}
body.hotelGroupBody {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f;
overflow-x:hidden
}
.yummy .col-lg-1,.yummy .col-lg-2,.yummy .col-lg-3,.yummy .col-lg-4,.yummy .col-lg-5,.yummy .col-lg-6,.yummy .col-lg-7,.yummy .col-lg-8,.yummy .col-lg-9,.yummy .col-lg-10,.yummy .col-lg-11,.yummy .col-lg-12,.yummy .col-lg-15,.yummy .col-md-1,.yummy .col-md-2,.yummy .col-md-3,.yummy .col-md-4,.yummy .col-md-5,.yummy .col-md-6,.yummy .col-md-7,.yummy .col-md-8,.yummy .col-md-9,.yummy .col-md-10,.yummy .col-md-11,.yummy .col-md-12,.yummy .col-md-15,.yummy .col-sm-1,.yummy .col-sm-2,.yummy .col-sm-3,.yummy .col-sm-4,.yummy .col-sm-5,.yummy .col-sm-6,.yummy .col-sm-7,.yummy .col-sm-8,.yummy .col-sm-9,.yummy .col-sm-10,.yummy .col-sm-11,.yummy .col-sm-12,.yummy .col-sm-15,.yummy .col-xs-1,.yummy .col-xs-2,.yummy .col-xs-3,.yummy .col-xs-4,.yummy .col-xs-5,.yummy .col-xs-6,.yummy .col-xs-7,.yummy .col-xs-8,.yummy .col-xs-9,.yummy .col-xs-10,.yummy .col-xs-11,.yummy .col-xs-12,.yummy .col-xs-15 {
padding-right:15px;
padding-left:15px;
padding-bottom:0
}
.yummy p {
margin:0
}
#whatsapp-message {
position:fixed;
margin-bottom:1vh;
bottom:35px;
right:5px;
width:65px;
height:65px;
overflow:hidden;
visibility:visible;
z-index:2147483639;
background:0;
border:0;
transition:transform .2s ease-in-out;
backface-visibility:hidden;
opacity:1;
transform:translateY(0%)
}
.hotelGroupTheme,body .hotelGroupTheme {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTheme a,.hotelGroupTheme p a {
text-decoration:none;
color:var(--primary-color)
}
.hotelGroupTheme a:hover,.hotelGroupTheme a:focus,.hotelGroupTheme p a:hover,.hotelGroupTheme p a:focus {
text-decoration:none;
color:var(--secondary-color)
}
.hotelGroupTheme .btn.btn-primary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-primary:focus,.hotelGroupTheme .btn.btn-primary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelGroupTheme .btn.btn-secondary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:transparent;
color:var(--primary-color);
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-secondary:focus,.hotelGroupTheme .btn.btn-secondary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#FFF
}
.hotelGroupTheme .h1,.hotelGroupTheme .h2,.hotelGroupTheme .h3,.hotelGroupTheme .h4,.hotelGroupTheme .h5,.hotelGroupTheme .h6,.hotelGroupTheme h1,.hotelGroupTheme h2,.hotelGroupTheme h3,.hotelGroupTheme h4,.hotelGroupTheme h5,.hotelGroupTheme h6 {
font-family:Bellota;
font-weight:400
}
.header.fixed {
position:fixed;
top:0;
box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
-webkit-box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
left:0;
right:0;
margin:0 auto;
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
.hotelGroupTheme h2 {
margin:0 0 30px;
position:relative;
color:#30353e;
margin:0 0 30px;
font-size:48px;
line-height:1.2;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase
}
.hotelGroupTheme h2 span {
display:block;
font-size:16px;
font-weight:400;
margin:0 0 10px;
color:var(--secondary-color)
}
.hotelGroupTheme p {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTopbar {
padding:12px 0;
border-bottom:1px solid #efefef
}
.hotelGroupTopbar .inline-wrapper {
align-items:center
}
.hotelGroupTopbar p {
margin:0 10px 0;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
margin-left:0
}
.hotelGroupTopbar p .fa {
margin-right:10px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone .fa {
font-size:18px;
position:relative;
top:1px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
position:relative;
top:-1px
}
.hotelGroupTopbar p a {
color:#4f4f4f;
text-decoration:none;
transition:all .3s ease
}
.hotelGroupTopbar p a:focus,.hotelGroupTopbar p a:hover {
color:var(--secondary-color);
;
text-decoration:none
}
.hotelGroupTopbar p.hotelGroupTopbarSocial {
font-size:16px
}
.hotelGroupTopbar p.hotelGroupTopbarSocial .fa {
margin-right:0
}
.hotelGroupTopbar .gTranslate {
margin-left:10px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget {
position:relative;
font-size:0
}
.hotelGroupTheme #google_translate_element .goog-te-gadget:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
pointer-events:none;
color:#000;
font-size:18px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget a.goog-logo-link {
display:none
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
height:30px;
padding:0 30px 0 10px;
letter-spacing:.03em;
border-radius:0;
border:1px solid #d5d5d5;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
cursor:pointer;
font-size:12px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo:focus {
outline:0;
border-color:#a7a7a7
}
.hotelGroupNavbar {
position:relative;
z-index:100
}
.hotelGroupNavbar .navbar {
width:100%;
margin:0;
padding:10px 0;
display:flex;
align-items:center;
min-height:60px
}
.hotelGroupNavbar .navbar-header .navbar-brand {
height:auto
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:90px
}
.hotelGroupNavbar .navbar-collapse {
padding:0!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
width:inherit;
align-items:center;
padding-right:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:5px 0 0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
line-height:1;
color:#30353e;
text-transform:uppercase;
letter-spacing:.03em;
transition:all .3s ease;
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:active,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:focus,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:hover,.hotelGroupNavbar .navbar.navbar-plain ul.nav li.active a {
color:var(--secondary-color);
;
background-color:transparent
}
.hotelGroupNavbar .nav .open>a,.hotelGroupNavbar .nav .open>a:focus,.hotelGroupNavbar .nav .open>a:hover {
background:none;
border:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown a .caret:after {
top:-7px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown.open a .caret:after {
top:-3px
}
.hotelGroupNavbar .dropdown-menu {
border-radius:0;
background:#FFF
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li {
display:block
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
font-weight:400;
display:block;
padding:15px 20px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdownRight .dropdown-menu {
left:auto;
right:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-family:Bellota;
background:var(--primary-color);
border:1px solid var(--primary-color);
color:#fff;
box-shadow:none;
border-radius:0;
font-size:14px;
font-weight:700;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
transition:all .3s ease;
padding:12px 18px
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:focus,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:hover {
border-color:var(--secondary-color);
;
background:var(--secondary-color);
;
cursor:pointer;
color:#fff;
text-decoration:none;
box-shadow:none;
outline:0
}
.hotelGroupSlideshowContainer {
color:#FFF
}
.hotelGroupSlideshowContainer p,.hotelGroupSlideshowContainer a {
color:#FFF
}
.hotelGroupSlideshowContainer .carousel-inner>.item {
transition:none;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item img {
animation:bloomEffects 1s ease;
animation-fill-mode:forwards
}
@keyframes bloomEffects {
0% {
transform:scale(1)
}
100% {
transform:scale(1.1)
}
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:60px;
font-weight:700;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
font-size:18px;
font-weight:400;
line-height:1.4;
letter-spacing:.06em;
margin:0 auto 60px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
background:#000;
border-color:#000
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
font-family:Chakra Petch;
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
background-color:transparent;
color:#fff;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto;
height:50px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:active {
background-color:#FFF;
border-color:#FFF;
color:#000
}
.hotelGroupSlideshow {
max-height:600px;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupSlideshowContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
background:#000;
border:1px solid #000
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:auto;
right:0
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
left:auto;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li:hover,.hotelGroupSlideshowContainer .carousel-indicators li:focus,.hotelGroupSlideshowContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupSlideshowContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupSlideshowContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBookingContainer {
position:relative;
background:#1b1b1b;
color:#FFF;
padding:40px 0
}
.hotelSubGroupTheme.hotelGroupBookingContainer {
position:relative;
background:var(--secondary-color);
;
color:#FFF
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0 30px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupBookingContainer .boxnew {
width:100%;
text-align:center
}
.hotelGroupBookingContainer .boxnew p {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupBookingContainer .boxnew p label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p input {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupBookingContainer .boxnew p select {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
font-family:Bellota;
font-size:18px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:50px;
border-radius:0;
padding:10px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:var(--secondary-color);
!important;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn {
background-color:#000;
color:#fff;
border:1px solid #000
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupBookingContainer .boxnew p br {
display:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:25px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:25px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1) {
max-width:300px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(4) {
margin-top:28px
}
.hotelGroupTheme .bbres_fieldset,.hotelGroupTheme .HGCalender,.hotelGroupTheme .HGBEBtn {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select,.hotelGroupTheme .HGSelectOuter {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:300px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select:before,.hotelGroupTheme .HGSelectOuter:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:20px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupTheme .bbres_fieldset label,.hotelGroupTheme .bbres_select label,.hotelGroupTheme .form-control label,.hotelGroupTheme .HGSelectOuter label,.hotelGroupTheme .HGCalender label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset input,.hotelGroupTheme .HGCalender input,.hotelGroupTheme input.form-control {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme textarea.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:auto;
background:#fff;
width:100%;
padding:20px;
border-radius:0;
font-size:13px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger {
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
font-size:0;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px
}
.hotelGroupTheme .HGCalender:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupTheme .bbres_select select,.hotelGroupTheme .HGSelectOuter select,.hotelGroupTheme select.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupTheme input.form-control:focus,.hotelGroupTheme select.form-control:focus,.hotelGroupTheme select:focus,.hotelGroupTheme textarea.form-control:focus,.hotelGroupTheme textarea:focus {
border-color:#152161;
background:#fff;
outline:0
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn,.hotelGroupTheme .HGBEBtn #bb_resBtn {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
line-height:1.8;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:#000;
color:#fff;
border:1px solid #000;
height:50px;
border-radius:0;
padding:15px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn:active,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:focus,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:hover,.hotelGroupTheme .HGBEBtn #bb_resBtn:active,.hotelGroupTheme .HGBEBtn #bb_resBtn:focus,.hotelGroupTheme .HGBEBtn #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupWelcomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupWelcomeInner {
display:flex;
align-items:center
}
.hotelGroupWelcomeContent {
width:48%
}
.hotelGroupWelcomeImgOuter {
width:52%;
padding-left:100px
}
.hotelGroupPropertyContainer {
position:relative;
padding:1px 0;
display:flex;
justify-content:center
}
.hotelGroupPropertyInner {
position:relative;
display:flex;
min-height:600px;
flex-flow:row wrap;
max-width:1600px
}
.hotelGroupPropertyContainerAlter .hotelGroupPropertyInner {
flex-direction:row-reverse
}
.hotelGroupPropertyImage {
width:60%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.hotelGroupPropertyContent {
width:40%;
padding:60px;
display:flex;
flex-flow:column;
justify-content:center;
text-align:left
}
h3.hotelGroupPropertyContentTitle {
margin:0 0 30px;
font-size:42px;
line-height:1.2;
letter-spacing:2px;
color:#30353e
}
p.hotelGroupPropertyContentText {
color:inherit;
margin:0 0 50px;
font-size:17px;
line-height:1.8;
letter-spacing:.03em
}
.hotelGroupHomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupHomeContainer .hotelGroupHomeContent {
text-align:center
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:60px;
padding-top:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:16px;
line-height:2
}
.hotelGroupAmenityContainer {
position:relative;
background:var(--primary-color);
color:#FFF;
padding:80px 0 40px;
text-align:center
}
.hotelGroupAmenityContainer {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f06b6379b36d_bannerImg002.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupAmenityContainer h2,.hotelGroupAmenityContainer h3,.hotelGroupAmenityContainer h4,.hotelGroupAmenityContainer p {
color:#FFF
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px;
padding-top:30px
}
.hotelGroupAmenityContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#e6c6a1;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupAmenityBtnOuter {
margin:60px 0 0
}
.hotelGroupAmenityList {
display:flex;
flex-flow:row wrap;
align-items:flex-start;
justify-content:flex-start
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
position:relative;
display:flex;
text-align:left;
padding:40px;
align-items:flex-start;
width:33%;
justify-content:flex-start;
margin:0;
align-items:center
}
.hotelGroupAmenityItemImg {
min-width:60px;
min-height:60px;
background:rgb(0 0 0 / .2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
margin:0 10px 0 0
}
.hotelGroupAmenityItemImg img {
max-width:30px;
max-height:30px
}
.hotelGroupAmenityItemContent h3 {
margin:0 0 6px;
font-weight:600;
letter-spacing:1px;
font-size:20px;
line-height:1
}
.hotelGroupAmenityItemContent p {
margin:0;
font-size:14px;
letter-spacing:.03em
}
body .hotelGroupFooter {
background:#1b1b1b;
color:#c5c5c5
}
.hotelGroupFooter .HGfooterTitle {
color:#FFF;
font-family:Bellota;
font-size:24px;
letter-spacing:3px;
font-weight:700;
text-transform:uppercase;
margin:0 0 30px
}
.hotelGroupFooter ul.list-basic li a:not(.btn) {
color:#c5c5c5;
text-decoration:none
}
.hotelGroupFooter ul.list-basic li a:not(.btn):hover,.hotelGroupFooter ul.list-basic li a:not(.btn):focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic {
display:flex;
flex-flow:row wrap
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic li {
width:50%
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic {
display:flex;
flex-flow:column
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic li {
width:initial
}
body .hotelGroupFooterbtm {
background:#101010;
color:#c5c5c5;
padding:10px 0;
font-size:14px
}
body .hotelGroupFooterbtm .footerBtmInner {
display:flex;
justify-content:space-between;
align-items:center
}
body .hotelGroupFooterbtm p {
margin:0;
font-family:Chakra Petch
}
body .hotelGroupFooterbtm p a {
color:#c5c5c5;
text-decoration:none
}
body .hotelGroupFooterbtm p a:hover,body .hotelGroupFooterbtm p a:focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterContact ul.list-basic li {
position:relative;
padding-left:30px
}
body .hotelGroupFooter p,body .hotelGroupFooter ul li,body .hotelGroupFooter p a {
margin-bottom:10px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
color:#c5c5c5;
letter-spacing:.03em
}
body .hotelGroupFooter .HGfooterContact li .fa {
position:absolute;
left:0;
top:3px;
font-size:20px;
font-weight:400;
line-height:1
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial {
margin:10px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial li .fa {
position:relative;
top:initial
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-map-marker {
left:2px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-envelope-open-o {
font-size:14px;
left:1px;
top:4px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-mobile {
font-size:22px;
left:3px;
top:1px
}
.hotelGroupRoomContainer {
padding:80px 0
}
.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-end
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
position:relative;
z-index:1;
width:80%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:600px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
position:absolute;
right:10px;
bottom:70px;
width:50px;
z-index:2;
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #000;
background:#000;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators {
background:none;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
position:absolute;
width:600px;
background:#FFF;
padding:30px;
left:0;
top:50%;
display:block;
z-index:2;
transform:translateY(-50%);
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:48px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupRoomContainer .hotelGroupRoomContentText {
margin:0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities {
margin:20px 0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic {
display:flex;
flex-flow:row wrap
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic li {
width:50%;
display:flex;
align-items:center;
margin:0 0 15px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesImg img {
max-height:24px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesTxt p {
margin:0 0 0 10px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice {
margin:0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice strong {
font-size:22px;
font-weight:700;
margin:0;
letter-spacing:-.02em
}
.hotelGroupRoomContainer .hotelGroupRoomPrice span {
border-bottom:1px dashed;
cursor:help;
margin:0 0 0 5px
}
.hotelGroupRoomContainerAlter .hotelGroupRoomInner {
justify-content:flex-start
}
.hotelGroupRoomContainerAlter .hotelGroupRoomContent {
left:auto;
right:0
}
.hotelGroupRoomContainerAlter .hotelGroupRoomImage .carouselNavOuter {
right:auto;
left:10px
}
.hotelGroupTheme .mapWrapper iframe {
margin:0;
padding:0;
outline:0;
border:0;
display:inline-block;
vertical-align:top
}
.hotelGroupGalleryContainer {
padding:0 0 80px;
text-align:center
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:80px
}
.hotelGroupBody .modal-dialog {
margin:15px auto 0;
max-width:900px!important
}
.hotelGroupBody .modal-header {
padding:0;
border-bottom:0 solid #e5e5e5;
background:0
}
.hotelGroupBody .modal-title {
display:none
}
.hotelGroupBody .modal button.close {
z-index:110;
right:10px;
top:10px;
outline:0
}
.hotelGroupBody .modal button.close:focus,.hotelGroupBody .modal button.close:hover {
outline:0
}
.hotelGroupBody .ekko-lightbox-nav-overlay .glyphicon {
height:100%;
display:flex;
align-items:center;
text-align:right
}
.hotelGroupBody .glyphicon.glyphicon-chevron-left {
justify-content:flex-start
}
.hotelGroupBody .glyphicon.glyphicon-chevron-right {
justify-content:flex-end
}
.hotelGroupBody .ekko-lightbox-nav-overlay a:focus,.hotelGroupBody .ekko-lightbox-nav-overlay a:hover {
text-decoration:none
}
.hotelGroupBody .modal-dialog img {
width:100%
}
.hotelGroupBody .modal-dialog .ekko-lightbox-container {
max-height:550px;
overflow:hidden
}
.hotelGroupHeadBlock {
padding:60px 0;
text-align:center
}
.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
margin:0
}
.hotelGroupPageTitle {
padding:100px 0;
color:#FFF;
background-color:rgba(0,0,0,0);
background-position:50% 60%
}
.hotelGroupPageTitle h2 {
color:#FFF;
text-align:center;
margin:0
}
.hotelGroupPageTitle h2 span {
color:#FFF;
font-family:Chakra Petch;
margin:10px 0 0
}
.hotelGroupContactContainer {
padding:80px 0
}
.hotelGroupContactContainer .form-group,.hotelGroupContactContainer .input-group {
margin:0 0 20px
}
.hotelGroupContactContainer h3 {
font-size:28px;
font-weight:700;
letter-spacing:1px;
margin:0 0 20px;
color:#30353e
}
.hotelGroupContactContainer h3.hotelGroupContactHeading {
margin:0 0 10px
}
.hotelGroupContactContainer p.hotelGroupContactDesc {
margin:0 0 40px
}
.hotelGroupContactDetails ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactDetails p,.hotelGroupContactDetails ul li,.hotelGroupContactDetails p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactDetails li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactDetails ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
.hotelGroupContactDetails li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactDetails li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactDetails li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn) {
color:#4f4f4f
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding-left:30px
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial .HGfooterSocial li .fa {
position:relative;
top:initial
}
.hotelGroupContactlistContainer {
background:#f8f8f8;
padding:80px 0
}
.hotelGroupContactlistContainer .hotelGroupContactblock {
position:relative;
padding:30px;
background:#FFF;
box-shadow:0 7px 12px -4px rgba(0,0,0,.1);
margin:0 5px
}
.hotelGroupContactlistContainer .hotelGroupContactblock a {
white-space:normal;
word-break:break-all
}
.hotelGroupContactlistContainer .hotelGroupContactblock h4 {
margin:0 0 30px;
font-size:22px;
font-weight:700
}
.hotelGroupContactlistContainer ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactlistContainer p,.hotelGroupContactlistContainer ul li,.hotelGroupContactlistContainer p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactlistContainer li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactlistContainer ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 10px 0 0
}
.hotelGroupContactlistContainer li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactlistContainer li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactlistContainer li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding:0;
margin:0 15px 0 0
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li .fa {
position:relative
}
.hotelGroupAboutSliderContainer {
padding:80px 0
}
.hotelGroupAboutWelcomeContainer {
padding:0 0 80px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption h3 {
font-size:54px;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption p {
font-size:16px;
font-weight:400;
line-height:1.8;
letter-spacing:.05em;
margin:0 auto 60px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn {
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:active {
background:#FFF;
color:#000
}
.hotelGroupAboutSliderContainer .carousel-inner .item [data-component=image]:before {
content:"";
top:0;
left:0;
right:0;
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.54);
z-index:1;
display:none
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
background:#000;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupAboutSliderContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li:hover,.hotelGroupAboutSliderContainer .carousel-indicators li:focus,.hotelGroupAboutSliderContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupAboutSliderContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupAboutSliderContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a:hover,.hotelGroupBody .ui-datepicker.ui-widget-content td a:focus,.hotelGroupBody .ui-datepicker.ui-widget-content td a:active {
text-decoration:none
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a.ui-state-active {
background:var(--secondary-color);
;
color:#fff;
text-decoration:none
}
.hotelGroupthankyouPage {
padding:80px 0;
text-align:center
}
.hotelSubGroupContentContainer {
padding:80px 0;
text-align:center
}
.hotelGroupContentContainer {
padding:80px 0 0;
text-align:center
}
.hotelSubGroupContentContainer .hotelGroupRoomContent {
padding:50px
}
.hotelSubGroupContentContainer h2,.hotelGroupContentContainer h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:80px 0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerLast {
padding-bottom:100px
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:absolute;
right:30px;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:10px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn {
font-size:16px;
height:auto;
font-family:Bellota;
line-height:1;
padding:15px 20px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn:nth-of-type(2) {
margin-left:5px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoomAmenitiesTxt {
display:none
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:0 20px 0 0;
width:initial
}
.hotelSubGroupTheme .hotelGroupRoomAmenities {
margin:30px 0 20px
}
.hotelSubGroupTheme .hotelGroupRoomImage {
box-shadow:0 50px 40px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px;
letter-spacing:2px;
padding:30px 0 0;
text-transform:none;
color:#30353e
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
opacity:.8
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:18px;
line-height:2
}
.hotelSubGroupTheme .hotelGroupWelcomeImg {
box-shadow:0 30px 30px -20px rgba(0,0,0,.2);
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover {
box-shadow:0 30px 30px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg img {
transition:all .4s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1.03)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
padding:30px 0 0;
margin:0 0 30px;
color:#30353e
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px;
text-transform:none;
margin-bottom:60px;
padding:30px 0 0
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
margin:0;
padding:1px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper.margin-bottom-10px {
margin-bottom:0;
overflow:hidden;
position:relative
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper img {
transition:all .6s ease
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper:hover img {
transform:scale(1.1)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:before {
content:"";
background:rgba(0,0,0,.6);
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all .3s ease;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:hover:before {
top:0;
opacity:0;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a {
position:relative;
display:block
}
.hotelGroupBtnOuter {
margin:60px auto 0;
text-align:center
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
display:flex
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:50%;
padding:20px 20px 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage {
position:relative;
z-index:1;
width:initial
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent {
position:relative;
top:0;
transform:translateY(0%);
width:initial;
text-align:left
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:0;
transition:all .6s ease;
margin:40px 0 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 14px rgb(255 255 255 / .3)
}
.hotelGroupTestimonialHome {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f7c5d480856d_spa.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupTestimonialHome .overly,.hotelGroupAmenityContainer .overly {
background:rgba(0,0,0,.6)
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter {
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:80%;
margin:0 auto
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-family:Bellota;
font-weight:400;
font-size:18px;
color:#FFF;
line-height:2;
letter-spacing:1px;
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
content:'\f10d';
font-family:fontAwesome;
font-size:72px;
margin:0;
opacity:.3;
position:absolute;
left:-50px;
top:-30px;
line-height:1
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
position:relative;
margin:0 auto;
left:0;
right:0;
top:0;
width:100%;
padding:50px
}
.hotelGroupTestimonialHome .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF;
display:none
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:hover,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:focus,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupTestimonialHome .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupTestimonialHome .carousel-indicators {
background:none;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li:hover,.hotelGroupTestimonialHome .carousel-indicators li:focus,.hotelGroupTestimonialHome .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupTestimonialHome .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupTestimonialHome .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupTestimonialHome .nav-indicators-in .carousel-indicators-wrapper {
right:0;
left:0;
bottom:-30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption h3 {
letter-spacing:1px
}
.hotelGroupTestimonialHome h2 {
color:#FFF;
text-align:center
}
.hotelGroupTestimonialHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#FFF;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-40px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionHome {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupAttractionHomeInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupAttractionBlock {
position:relative;
width:calc(33.33% - 40px);
margin:0 20px;
overflow:hidden
}
.hotelGroupAttractionImg {
position:relative;
z-index:1
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:400px;
transition:all .6s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:absolute;
bottom:-90px;
left:0;
background:rgba(0,0,0,.6);
display:block;
color:#FFF;
z-index:2;
padding:20px;
transition:all .3s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionContent {
bottom:0
}
.hotelGroupAttractionContent p {
color:#FFF
}
.hotelGroupAttractionHome h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupAttractionHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionContent h3 {
margin:0 0 15px;
letter-spacing:1px;
font-size:26px;
color:#fff
}
.hotelGroupAttractionContent p {
color:#FFF;
font-size:14px;
letter-spacing:.03em;
margin:0
}
.hotelGroupPropertyContainer {
padding:80px 0 80px
}
.hotelGroupPropertyPage.hotelGroupPropertyContainer {
padding:0 0 80px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupPropertyContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupPropertyContainerInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyBlock {
width:33%;
margin:0 20px;
position:relative;
overflow:hidden
}
.hotelGroupPropertyBlock:after {
content:"";
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
transition:all .3s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover:after {
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:450px;
transition:all .8s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1.1)
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
text-align:center;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:11;
background:rgba(0,0,0,.5);
opacity:1;
transition:all .3s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:0
}
.hotelGroupPropertyBlock a {
color:var(--secondary-color)
}
.hotelGroupPropertyBlock h3 {
letter-spacing:1px;
font-size:24px;
font-weight:400;
margin:0;
color:#FFF
}
.hotelGroupPropertyBlock p {
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#909090
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
font-size:13px;
text-transform:none;
letter-spacing:.03em;
margin:20px 0 0
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockLabel {
margin:0 0 10px;
font-size:12px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
display:flex;
flex-flow:column;
align-items:flex-start;
border:1px solid;
padding:30px;
position:absolute;
left:0;
top:-100%;
z-index:11;
width:100%;
height:100%;
max-height:450px;
transition:all .6s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockContent {
top:0;
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:absolute;
bottom:-100%;
left:30px;
z-index:11;
transition:all .6s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:30px
}
.hotelGroupPropertyLogoContainer {
padding:20px 0
}
.hotelGroupPropertyLogoInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyLogo {
margin:20px
}
.hotelGroupPropertyLogo img {
max-height:80px;
transition:all .6s ease;
opacity:.6
}
.hotelGroupPropertyLogo:hover img {
opacity:1
}
.hotelGroupRewardContainer {
padding:100px 0;
background-image:url(images/uploads/1/5f7ef5d09cd88_gift.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment:fixed
}
.hotelGroupRewardContainer:before {
content:"";
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
position:absolute;
left:0;
right:0;
top:0;
pointer-events:none;
width:100%;
height:100%
}
.hotelGroupRewardContainer h2 {
color:#FFF;
margin:0 0 10px;
text-transform:none
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupRewardContainer p {
color:#FFF;
margin:0;
letter-spacing:.06em;
font-size:14px
}
.hotelGroupRewardContainer .btn-secondary {
letter-spacing:2px
}
.hotelGroupContentsContainer {
padding:60px 0
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
position:relative;
padding:80px 0;
text-align:center;
background:inherit
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer:before {
content:"";
display:none
}
.hotelGroupAmenityPage .hotelGroupAmenityItemContent h3,.hotelGroupAmenityPage .hotelGroupAmenityItemContent p {
color:#30353e
}
.hotelGroupAmenityPage .hotelGroupAmenityItemImg {
background:none;
border:0;
align-items:flex-start;
padding:0;
min-height:initial;
min-width:initial
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:80px 0 0
}
.hotelGroupAttractionPage.hotelGroupAttractionHome {
background:inherit;
padding-top:40px
}
.hotelGroupTheme .tooltip {
white-space:nowrap
}
.hotelGroupTheme .tooltip .tooltip-inner {
background-color:#000;
font-size:10px;
letter-spacing:.05em
}
.hotelGroupTheme .tooltip.top .tooltip-arrow {
bottom:1px;
border-top-color:#000
}
.hotelGroupTheme .tooltip.top-left .tooltip-arrow,.hotelGroupTheme .tooltip.top-right .tooltip-arrow,.hotelGroupTheme .tooltip.top .tooltip-arrow {
border-top-color:#000
}
.hotelSubGroupNavbar {
background:#1b1b1b
}
.hotelSubGroupNavbar .navbar-nav>li>a {
padding:15px;
color:#FFF;
line-height:1;
font-size:13px;
letter-spacing:.05em;
transition:all .3s ease
}
.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:var(--secondary-color);
;
color:#FFF
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:1px solid #424242
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a {
font-weight:700
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active {
background:#1b1b1b
}
.hotelGroupRestaurantContainer {
padding:80px 0
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:36px;
text-transform:none
}
.hotelSubGroupRestaurantPage {
padding:80px 0 0;
text-align:center
}
.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupRestaurantPage p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelGroupRestaurantBlock {
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:row-reverse
}
.hotelGroupRestaurantImg {
width:50%;
overflow:hidden
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
max-height:400px;
min-height:400px;
width:100%;
transition:all .3s ease
}
.hotelGroupRestaurantBlock:hover .hotelGroupRestaurantImg img {
transform:scale(1.1)
}
.hotelGroupRestaurantContent {
width:50%;
padding:40px;
border:1px solid #dedede;
min-height:400px;
max-height:400px;
display:flex;
flex-flow:column;
justify-content:center
}
.hotelGroupRestaurantContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.hotelGroupRestaurantContent p {
margin-bottom:30px
}
.hotelGroupBanquetsContainer {
padding:80px 0
}
.hotelGroupBanquetsInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupBanquetsBlock {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:calc(50% - 40px);
margin:0 20px 60px;
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease;
overflow:hidden
}
.hotelGroupBanquetsBlock:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelGroupBanquetsImg {
position:relative;
z-index:1;
max-height:350px;
overflow:hidden
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 24px rgb(255 255 255 / .3)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
min-height:350px;
max-height:350px;
transition:all .6s ease
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1.1)
}
.hotelGroupBanquetsContent {
background:#FFF;
transition:all .3s ease;
padding:30px
}
.hotelGroupBanquetsContent h3 {
font-size:32px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupBanquetsContent p {
margin:0
}
.hotelGroupNavbar .navbar-header #subNavicon {
display:none
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:none
}
.hotelGroupCovidpage {
padding:80px 0
}
.hotelGroupCovidpage h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupCovidpage p {
margin-bottom:20px
}
.hotelGroupTheme .nomargintop {
margin-top:0!important
}
.helloBarContainer {
background:var(--primary-color);
color:#FFF;
text-align:center;
padding:15px 0
}
.helloBarContainer p {
margin:0;
line-height:1;
font-size:14px;
color:#FFF
}
.helloBarContainer p .fa {
margin:0 10px 0 0
}
.helloBarContainer p a {
color:#FFF;
text-transform:uppercase;
font-weight:600;
margin:0 0 0 20px;
text-decoration:none;
border-bottom:1px solid #FFF
}
.helloBarContainer p a:hover,.helloBarContainer p a:focus {
color:#FFF;
text-decoration:none;
border-bottom-color:rgba(255,255,255,.5)
}
.helloBarContainer a.helloBarClose {
cursor:pointer;
color:rgba(255,255,255,.5);
font-size:24px;
font-weight:300;
line-height:1;
margin:0 0 0 20px;
transition:all .2s ease-out
}
.helloBarContainer a.helloBarClose:hover,.helloBarContainer a.helloBarClose:focus {
text-decoration:none;
color:rgba(255,255,255,1)
}
.helloBarInner {
position:relative;
z-index:11;
display:flex;
justify-content:center;
align-items:center
}
.rewardsTopcontainer {
padding:80px 0
}
.rewardsTopcontainerInner {
display:flex;
flex-flow:row-reverse
}
.rewardsTopcontainerImage {
width:55%;
padding-left:50px
}
.rewardsTopcontainerContent {
width:45%
}
.rewardsTopcontainerContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.rewardsOffers {
background:var(--primary-color);
color:#FFF;
padding:80px 0
}
.rewardsForm {
max-width:500px;
margin:0 auto
}
.rewardsForm h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px;
text-align:center
}
.hotelGroupAmenityContainer.rewardsOffers:before {
background-image:url(images/uploads/1/5f92a8c42060e_gift4.jpg)
}
.hotelGroupTheme.privacyPage {
padding:80px 0
}
.hotelGroupTheme.privacyPage h2 {
font-size:32px;
font-weight:700;
color:#30353e;
text-transform:none;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupTheme.privacyPage p {
}
.hotelGroupTheme.privacyPage p strong {
font-size:18px;
margin-top:20px;
margin-bottom:5px;
display:inline-block
}
.hotelGroupTheme ul.privacyList {
margin:30px 0
}
.hotelGroupTheme ul.privacyList li {
margin-bottom:10px
}
.hotelGroupTheme ul.privacyList li:last-of-type {
margin-bottom:0
}
.hotelSubGroupAboutSliderContainer {
padding:40px 0 80px
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display:none
}
.grecaptcha-badge {
display:none!important
}
.boxnew button.btn.crssearchbtn:hover {
background:#45b5c6!important
}
.hotelgroup-subnavbar {
position:sticky;
z-index:99;
top:0
}
.group-row {
display:flex;
align-items:center
}
div#gallery2 img {
min-height:230px;
max-height:230px;
min-width:387px;
height:100%;
width:100%
}
.ekko-lightbox-container img {
min-width: 1000px;
min-height: 600px;
max-height: 600px;
height:100%;
width:100%
}
.modal-dialog{
max-width: 1000px !important;
}
@media(min-width:1601px) {
.hotelGroupSlideshowContainer .carousel .item img {
width:100%
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
}
@media(max-width:1199px) {
.hotelGroupNavbar .navbar-header .navbar-brand a {
max-width:200px
}
.hotelGroupNavbar .container {
padding:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
padding:0;
margin:0;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar .navbar-buttons {
margin:0 0 0 15px!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-size:12px;
padding:10px;
margin:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-centered .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left-right .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons {
min-height:initial;
min-width:initial
}
.hotelGroupNavbar .navbar {
padding:0;
border:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar-header {
float:none;
width:100%;
padding:0;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
border-bottom:1px solid #efefef
}
.hotelGroupNavbar .navbar-header .navbar-brand {
min-height:initial;
height:initial;
max-width:initial;
padding:0;
margin:0 10px 0 0;
width:calc(100% - 80px)
}
.hotelGroupNavbar .navbar-header .navbar-toggle {
width:50px;
float:none;
margin:0;
padding:0;
font-size:24px;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar-header .navbar-toggle.collapsed .fa-bars:before {
content:"\F0C9"
}
.hotelGroupNavbar .navbar-header .navbar-toggle .fa-bars:before {
content:"\F00D"
}
.hotelGroupNavbar .navbar-header #subNavicon {
width:50px;
float:none;
margin:0;
padding:0;
color:#4f4f4f;
font-size:24px;
text-align:center;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
display:none!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse.in {
display:block!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:20px 10px;
margin:0;
box-shadow:none;
min-width:100%;
width:100%;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li {
display:block;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.open {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav .dropdown.open>a {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
padding:10px 30px;
text-transform:none
}
.hotelSubGroupNavbar {
background:#FFF
}
.hotelSubGroupNavbar #subGroupNavigation {
padding:0;
margin:0 -15px
}
.hotelSubGroupNavbar #subGroupNavigation.collapse {
display:none!important
}
.hotelSubGroupNavbar #subGroupNavigation.collapse.in {
display:block!important
}
.hotelSubGroupNavbar #subGroupNavigation .navbar-nav {
float:none;
padding:20px
}
.hotelSubGroupNavbar .navbar-nav>li {
display:block;
float:none
}
.hotelSubGroupNavbar .navbar-nav>li>a {
font-family:Chakra Petch;
color:#30353e;
font-size:14px;
font-weight:600;
padding:10px 0
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:60px
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:0
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active,.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:#FFF;
color:var(--secondary-color)
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:block;
margin:0 20px 20px 20px
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow.navbar-buttons>* {
display:block
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow .btn {
font-size:15px;
line-height:1;
padding:15px 20px
}
.hotelGroupWelcomeContent {
width:50%
}
.hotelGroupWelcomeImgOuter {
width:50%;
padding-left:50px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:16px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
position:relative;
font-size:40px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
flex-direction:column;
justify-content:center
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
margin:0 auto;
width:90%
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2)
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:90%;
margin:0 auto;
position:relative;
top:0;
transform:translateY(0%)
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:36px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:400px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding:40px 0 60px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:60px 0 0
}
.hotelGroupContactContainer {
padding:60px 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:50%;
padding-bottom:0;
margin:20px 0
}
.hotelGroupContactlistContainer {
padding:60px 0
}
.hotelGroupFormContainer {
max-width:100%
}
.hotelGroupRestaurantContent {
max-height:initial
}
.hotelGroupRestaurantBlock {
align-items:stretch
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:100%;
max-height:initial
}
.hotelGroupCovidpage {
padding:40px 0
}
}
@media(max-width:991px) {
.group-row {
display:flex
}
body.hotelGroupBody #page {
overflow-x:hidden
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
display:none
}
.hotelGroupTopbar .hotelGroupTopbarLeft .inline-wrapper {
justify-content:flex-start
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper {
justify-content:flex-end
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper>[data-component=image] {
display:none
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:36px
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
display:none
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
display:none
}
.hotelGroupBookingContainer #bb_resBookingBox {
flex-direction:column
}
.hotelGroupBookingContainer .boxnew p {
max-width:300px;
margin:15px 0
}
.hotelGroupTheme h2 {
font-size:42px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:60px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span {
position:relative;
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:30px
}
.hotelGroupPropertyContainerInner {
flex-flow:row wrap
}
.hotelGroupPropertyBlock {
width:calc(50% - 40px);
margin-bottom:30px
}
.hotelGroupAttractionBlock {
width:calc(50% - 40px)
}
.hotelGroupAttractionHome {
padding:60px 0
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:column;
margin:40px 20px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupRestaurantImg {
width:initial
}
.hotelGroupRestaurantContent {
width:initial;
min-height:initial;
max-height:initial;
padding:30px
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:initial;
max-height:initial
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:36px;
top:-10px
}
.hotelGroupWelcomeContainer {
padding:60px 0
}
.hotelGroupWelcomeInner {
flex-direction:column
}
.hotelGroupWelcomeContent {
width:initial;
text-align:center
}
.hotelGroupWelcomeImgOuter {
width:initial;
padding-left:0;
margin:40px auto 0;
max-width:600px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
flex-direction:column
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
width:initial
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
flex-direction:column;
text-align:center
}
.hotelGroupAmenityItemImg {
margin:0 auto 30px
}
.hotelGroupGalleryContainer {
padding-bottom:60px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:60px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:flex;
flex-flow:row wrap;
justify-content:center
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:33.33%
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:100%
}
.hotelGroupTestimonialHome h2 span {
font-size:30px;
top:-30px
}
body .hotelGroupFooter .col-sm-4 {
width:100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 30px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
display:none
}
.hotelGroupHeadBlock {
padding-bottom:30px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:42px
}
.hotelGroupBookingContainer .boxnew p input {
height:40px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
bottom:6px
}
.hotelGroupBookingContainer .boxnew p select {
height:40px
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
height:44px
}
.hotelGroupPageTitle {
padding:80px 0
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2 {
font-size:32px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:350px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:auto;
margin:40px 0 0
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
width:100%;
left:0;
right:0;
bottom:auto;
top:45%;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:auto;
right:auto;
left:5px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.right.carousel-control {
left:auto;
right:5px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:100%
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
width:100%
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
display:none
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:30px 0
}
.hotelSubGroupContentContainer {
padding:60px 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
margin:0 10px
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p,.hotelGroupTheme p {
font-size:15px
}
.hotelGroupContactDetails li .fa.fa-map-marker {
top:0
}
.hotelGroupContactDetails {
margin:60px 0 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:100%;
margin:30px 0
}
.hotelGroupContactlistContainer {
padding:40px 0
}
.hotelGroupContentContainer {
padding-top:60px
}
.hotelGroupContentContainer h2 {
font-size:36px
}
.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupRestaurantBlock {
align-items:initial
}
.hotelGroupBanquetsBlock {
width:100%;
margin:0 10px 60px
}
.hotelGroupBanquetsBlock:last-of-type {
margin-bottom:0
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
max-height:initial;
min-height:initial
}
.rewardsTopcontainer {
padding:60px 0
}
.rewardsTopcontainerInner {
flex-direction:column
}
.rewardsTopcontainerImage {
width:initial;
padding-left:0;
margin:0 auto 30px
}
.rewardsTopcontainerContent {
width:initial
}
.hotelGroupTheme.privacyPage {
padding:40px 0
}
.hotelGroupAboutSliderContainer {
padding:50px 0
}
.hotelGroupAboutWelcomeContainer {
padding-bottom:50px
}
}
@media(max-width:767px) {
.ekko-lightbox-container img {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
div#gallery2 img {
min-height:100%;
max-height:100%;
min-width:100%
}
.hotelGroupNavbar .navbar-two {
padding:10px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:block
}
#whatsapp-message {
bottom:90px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupSlideshowContainer .carouselNavOuter {
width:100%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
left:10px;
right:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
top:auto;
bottom:10px;
left:auto;
right:10px
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:relative;
bottom:auto;
background:#FFF;
color:#4f4f4f;
min-height:200px
}
.hotelGroupAttractionContent h3 {
font-size:24px;
font-weight:600
}
.hotelGroupAttractionContent p {
color:#4f4f4f
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:initial
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column;
justify-content:center;
text-align:center
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1)
}
.hotelGroupAmenityItemContent h3 {
margin-bottom:15px
}
.hotelGroupContactContainer {
padding:40px 0
}
.hotelGroupPageTitle h2 span {
line-height:1.6
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1)
}
.CovidpageInner {
padding:0 10px
}
.hotelGroupCovidpage h3 {
font-size:28px
}
.rewardsTopcontainer {
padding:40px 0
}
.rewardsTopcontainerInner {
padding:0 10px
}
.hotelGroupTheme ul.privacyList {
padding:0 0 0 20px
}
.privacyPageInner {
padding:0 10px
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
display:none
}
}
@media(max-width:640px) {
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
display:none
}
.hotelGroupRewardContainer {
padding:80px 0
}
.hotelGroupRestaurantContainer {
padding:60px 0
}
.hotelGroupPropertyBlock {
width:100%;
border:1px solid #e0e0e0
}
.hotelGroupPropertyBlockImg {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
position:relative;
top:0;
max-height:450px;
opacity:1;
border-color:#e0e0e0
}
.hotelGroupPropertyBlock h3 {
color:#30353e;
font-weight:600
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
margin-top:15px;
font-size:14px;
font-weight:400
}
.hotelGroupAttractionBlock {
width:100%;
box-shadow:0 3px 6px -1px rgba(0,0,0,.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
min-height:initial;
padding:30px
}
.hotelGroupAttractionImg {
max-height:350px;
overflow:hidden
}
.hotelGroupAttractionContent h3 {
color:#fff;
font-size:30px
}
.hotelGroupRewardInner {
padding:0 10px
}
.hotelGroupPropertyLogoInner {
flex-flow:row wrap
}
.hotelGroupPropertyLogo {
width:calc(50% - 40px)
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:initial
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:50px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
max-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:relative;
bottom:0;
left:25px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:25px;
border:0
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 30px
}
.hotelGroupTheme .btn.btn-primary {
padding:14px 18px;
font-size:15px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
background:rgba(0,0,0,.3)
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:1
}
.hotelGroupPropertyBlock:hover:after {
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1)
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:300px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:30px;
margin-bottom:15px
}
.hotelGroupPageTitle {
padding:60px 0
}
.hotelGroupPageTitle h2 {
font-size:32px
}
.hotelGroupPageTitle h2 span {
font-size:14px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelSubGroupRestaurantPage h2 {
font-size:30px;
letter-spacing:.03em
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-top:0
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:60px 0 0
}
.hotelGroupCovidpage h3 {
margin-top:30px
}
.hotelGroupAmenityItemContent {
margin:0 auto
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:100%
}
.rewardsOffers.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
}
@media(max-width:580px) {
.hotelGroupSlideshowContainer .carousel .item img {
min-height:300px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:30px;
letter-spacing:2px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control,.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
bottom:-20px
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:70px
}
.hotelGroupTheme h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:15px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:30px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
margin:0
}
.hotelGroupTopbar p.hotelGroupTopbarPhone a {
margin-bottom:0
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-size:16px
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
display:block
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupPageTitle {
padding:40px 0
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:40px 10px 0
}
.hotelGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:20px 0 60px
}
.hotelGroupBanquetsContent h3 {
font-size:26px
}
.hotelGroupCovidpage h3 {
font-size:26px;
margin-bottom:15px
}
.hotelGroupTheme.privacyPage h2 {
font-size:26px
}
.hotelGroupAboutSliderInner,.hotelGroupAboutWelcomeInner {
padding:0 10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:30px;
margin-bottom:20px
}
}
@media(max-width:500px) {
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
display:block
}
}
@media(max-width:479px) {
.hotelGroupRestaurantContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:30px 10px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupPropertyBlock {
margin:20px 10px
}
.hotelGroupAttractionBlock {
margin:20px 10px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:40px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
margin-bottom:0
}
.hotelGroupAttractionHome {
padding:40px 0
}
.hotelGroupAttractionHome h2 {
margin-bottom:30px
}
.hotelGroupTheme h2 {
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:24px;
top:-10px
}
.hotelGroupAttractionContent h3 {
font-size:24px
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
padding:20px
}
.hotelGroupPropertyLogo {
width:calc(50% - 20px);
margin:10px
}
.hotelGroupRewardContainer {
padding:60px 0;
background-attachment:initial;
background-position:50% 100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 20px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:250px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:24px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2,.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:26px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
padding:20px 0
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:10px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
padding:25px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelGroupPropertyBlockImg,.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:260px
}
.hotelGroupFooter .HGfooterTitle {
font-size:20px
}
.hotelGroupTheme p {
font-size:13px
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupBtnOuter {
margin-top:40px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
margin-bottom:30px
}
.hotelGroupGalleryContainer {
padding-bottom:50px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
padding:50px 20px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
font-size:60px;
top:-20px;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:220px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelSubGroupContentContainer {
padding:40px 0 20px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:26px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding-top:40px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-bottom:40px
}
.hotelGroupBanquetsContent {
padding:20px
}
.rewardsTopcontainerContent h3,.rewardsForm h3,.rewardsForm h3 {
font-size:28px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
.helloBarContainer p a {
margin-left:10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:24px
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
bottom:20px
}
.hotelGroupAboutSliderInner .carousel .item img {
min-height:180px
}
}
@media(max-width:359px) {
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
max-width:140px
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:260px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:24px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 20px;
left:20px
}
}
* img{
object-fit: cover;
}
:root {
--primary-color:#c6ab62;
--secondary-color:#b48744;
--btn-hover:#b48744;
--white:#fff;
--primary-text-color:#333;
--black:#000;
--placeholder:#757575;
--background-color:#0f0f0f
}
body.hotelGroupBody {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f;
overflow-x:hidden
}
.yummy .col-lg-1,.yummy .col-lg-2,.yummy .col-lg-3,.yummy .col-lg-4,.yummy .col-lg-5,.yummy .col-lg-6,.yummy .col-lg-7,.yummy .col-lg-8,.yummy .col-lg-9,.yummy .col-lg-10,.yummy .col-lg-11,.yummy .col-lg-12,.yummy .col-lg-15,.yummy .col-md-1,.yummy .col-md-2,.yummy .col-md-3,.yummy .col-md-4,.yummy .col-md-5,.yummy .col-md-6,.yummy .col-md-7,.yummy .col-md-8,.yummy .col-md-9,.yummy .col-md-10,.yummy .col-md-11,.yummy .col-md-12,.yummy .col-md-15,.yummy .col-sm-1,.yummy .col-sm-2,.yummy .col-sm-3,.yummy .col-sm-4,.yummy .col-sm-5,.yummy .col-sm-6,.yummy .col-sm-7,.yummy .col-sm-8,.yummy .col-sm-9,.yummy .col-sm-10,.yummy .col-sm-11,.yummy .col-sm-12,.yummy .col-sm-15,.yummy .col-xs-1,.yummy .col-xs-2,.yummy .col-xs-3,.yummy .col-xs-4,.yummy .col-xs-5,.yummy .col-xs-6,.yummy .col-xs-7,.yummy .col-xs-8,.yummy .col-xs-9,.yummy .col-xs-10,.yummy .col-xs-11,.yummy .col-xs-12,.yummy .col-xs-15 {
padding-right:15px;
padding-left:15px;
padding-bottom:0
}
.yummy p {
margin:0
}
#whatsapp-message {
position:fixed;
margin-bottom:1vh;
bottom:35px;
right:5px;
width:65px;
height:65px;
overflow:hidden;
visibility:visible;
z-index:2147483639;
background:0;
border:0;
transition:transform .2s ease-in-out;
backface-visibility:hidden;
opacity:1;
transform:translateY(0%)
}
.hotelGroupTheme,body .hotelGroupTheme {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTheme a,.hotelGroupTheme p a {
text-decoration:none;
color:var(--primary-color)
}
.hotelGroupTheme a:hover,.hotelGroupTheme a:focus,.hotelGroupTheme p a:hover,.hotelGroupTheme p a:focus {
text-decoration:none;
color:var(--secondary-color)
}
.hotelGroupTheme .btn.btn-primary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-primary:focus,.hotelGroupTheme .btn.btn-primary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelGroupTheme .btn.btn-secondary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:transparent;
color:var(--primary-color);
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-secondary:focus,.hotelGroupTheme .btn.btn-secondary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#FFF
}
.hotelGroupTheme .h1,.hotelGroupTheme .h2,.hotelGroupTheme .h3,.hotelGroupTheme .h4,.hotelGroupTheme .h5,.hotelGroupTheme .h6,.hotelGroupTheme h1,.hotelGroupTheme h2,.hotelGroupTheme h3,.hotelGroupTheme h4,.hotelGroupTheme h5,.hotelGroupTheme h6 {
font-family:Bellota;
font-weight:400
}
.header.fixed {
position:fixed;
top:0;
box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
-webkit-box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
left:0;
right:0;
margin:0 auto;
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
.hotelGroupTheme h2 {
margin:0 0 30px;
position:relative;
color:#30353e;
margin:0 0 30px;
font-size:48px;
line-height:1.2;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase
}
.hotelGroupTheme h2 span {
display:block;
font-size:16px;
font-weight:400;
margin:0 0 10px;
color:var(--secondary-color)
}
.hotelGroupTheme p {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTopbar {
padding:12px 0;
border-bottom:1px solid #efefef
}
.hotelGroupTopbar .inline-wrapper {
align-items:center
}
.hotelGroupTopbar p {
margin:0 10px 0;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
margin-left:0
}
.hotelGroupTopbar p .fa {
margin-right:10px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone .fa {
font-size:18px;
position:relative;
top:1px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
position:relative;
top:-1px
}
.hotelGroupTopbar p a {
color:#4f4f4f;
text-decoration:none;
transition:all .3s ease
}
.hotelGroupTopbar p a:focus,.hotelGroupTopbar p a:hover {
color:var(--secondary-color);
;
text-decoration:none
}
.hotelGroupTopbar p.hotelGroupTopbarSocial {
font-size:16px
}
.hotelGroupTopbar p.hotelGroupTopbarSocial .fa {
margin-right:0
}
.hotelGroupTopbar .gTranslate {
margin-left:10px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget {
position:relative;
font-size:0
}
.hotelGroupTheme #google_translate_element .goog-te-gadget:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
pointer-events:none;
color:#000;
font-size:18px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget a.goog-logo-link {
display:none
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
height:30px;
padding:0 30px 0 10px;
letter-spacing:.03em;
border-radius:0;
border:1px solid #d5d5d5;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
cursor:pointer;
font-size:12px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo:focus {
outline:0;
border-color:#a7a7a7
}
.hotelGroupNavbar {
position:relative;
z-index:100
}
.hotelGroupNavbar .navbar {
width:100%;
margin:0;
padding:10px 0;
display:flex;
align-items:center;
min-height:60px
}
.hotelGroupNavbar .navbar-header .navbar-brand {
height:auto
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:90px
}
.hotelGroupNavbar .navbar-collapse {
padding:0!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
width:inherit;
align-items:center;
padding-right:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:5px 0 0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
line-height:1;
color:#30353e;
text-transform:uppercase;
letter-spacing:.03em;
transition:all .3s ease;
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:active,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:focus,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:hover,.hotelGroupNavbar .navbar.navbar-plain ul.nav li.active a {
color:var(--secondary-color);
;
background-color:transparent
}
.hotelGroupNavbar .nav .open>a,.hotelGroupNavbar .nav .open>a:focus,.hotelGroupNavbar .nav .open>a:hover {
background:none;
border:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown a .caret:after {
top:-7px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown.open a .caret:after {
top:-3px
}
.hotelGroupNavbar .dropdown-menu {
border-radius:0;
background:#FFF
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li {
display:block
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
font-weight:400;
display:block;
padding:15px 20px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdownRight .dropdown-menu {
left:auto;
right:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-family:Bellota;
background:var(--primary-color);
border:1px solid var(--primary-color);
color:#fff;
box-shadow:none;
border-radius:0;
font-size:14px;
font-weight:700;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
transition:all .3s ease;
padding:12px 18px
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:focus,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:hover {
border-color:var(--secondary-color);
;
background:var(--secondary-color);
;
cursor:pointer;
color:#fff;
text-decoration:none;
box-shadow:none;
outline:0
}
.hotelGroupSlideshowContainer {
color:#FFF
}
.hotelGroupSlideshowContainer p,.hotelGroupSlideshowContainer a {
color:#FFF
}
.hotelGroupSlideshowContainer .carousel-inner>.item {
transition:none;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item img {
animation:bloomEffects 1s ease;
animation-fill-mode:forwards
}
@keyframes bloomEffects {
0% {
transform:scale(1)
}
100% {
transform:scale(1.1)
}
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:60px;
font-weight:700;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
font-size:18px;
font-weight:400;
line-height:1.4;
letter-spacing:.06em;
margin:0 auto 60px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
background:#000;
border-color:#000
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
font-family:Chakra Petch;
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
background-color:transparent;
color:#fff;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto;
height:50px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:active {
background-color:#FFF;
border-color:#FFF;
color:#000
}
.hotelGroupSlideshow {
max-height:600px;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupSlideshowContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
background:#000;
border:1px solid #000
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:auto;
right:0
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
left:auto;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li:hover,.hotelGroupSlideshowContainer .carousel-indicators li:focus,.hotelGroupSlideshowContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupSlideshowContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupSlideshowContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBookingContainer {
position:relative;
background:#1b1b1b;
color:#FFF;
padding:40px 0
}
.hotelSubGroupTheme.hotelGroupBookingContainer {
position:relative;
background:var(--secondary-color);
;
color:#FFF
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0 30px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupBookingContainer .boxnew {
width:100%;
text-align:center
}
.hotelGroupBookingContainer .boxnew p {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupBookingContainer .boxnew p label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p input {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupBookingContainer .boxnew p select {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
font-family:Bellota;
font-size:18px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:50px;
border-radius:0;
padding:10px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:var(--secondary-color);
!important;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn {
background-color:#000;
color:#fff;
border:1px solid #000
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupBookingContainer .boxnew p br {
display:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:25px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:25px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1) {
max-width:300px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(4) {
margin-top:28px
}
.hotelGroupTheme .bbres_fieldset,.hotelGroupTheme .HGCalender,.hotelGroupTheme .HGBEBtn {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select,.hotelGroupTheme .HGSelectOuter {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:300px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select:before,.hotelGroupTheme .HGSelectOuter:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:20px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupTheme .bbres_fieldset label,.hotelGroupTheme .bbres_select label,.hotelGroupTheme .form-control label,.hotelGroupTheme .HGSelectOuter label,.hotelGroupTheme .HGCalender label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset input,.hotelGroupTheme .HGCalender input,.hotelGroupTheme input.form-control {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme textarea.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:auto;
background:#fff;
width:100%;
padding:20px;
border-radius:0;
font-size:13px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger {
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
font-size:0;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px
}
.hotelGroupTheme .HGCalender:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupTheme .bbres_select select,.hotelGroupTheme .HGSelectOuter select,.hotelGroupTheme select.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupTheme input.form-control:focus,.hotelGroupTheme select.form-control:focus,.hotelGroupTheme select:focus,.hotelGroupTheme textarea.form-control:focus,.hotelGroupTheme textarea:focus {
border-color:#152161;
background:#fff;
outline:0
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn,.hotelGroupTheme .HGBEBtn #bb_resBtn {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
line-height:1.8;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:#000;
color:#fff;
border:1px solid #000;
height:50px;
border-radius:0;
padding:15px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn:active,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:focus,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:hover,.hotelGroupTheme .HGBEBtn #bb_resBtn:active,.hotelGroupTheme .HGBEBtn #bb_resBtn:focus,.hotelGroupTheme .HGBEBtn #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupWelcomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupWelcomeInner {
display:flex;
align-items:center
}
.hotelGroupWelcomeContent {
width:48%
}
.hotelGroupWelcomeImgOuter {
width:52%;
padding-left:100px
}
.hotelGroupPropertyContainer {
position:relative;
padding:1px 0;
display:flex;
justify-content:center
}
.hotelGroupPropertyInner {
position:relative;
display:flex;
min-height:600px;
flex-flow:row wrap;
max-width:1600px
}
.hotelGroupPropertyContainerAlter .hotelGroupPropertyInner {
flex-direction:row-reverse
}
.hotelGroupPropertyImage {
width:60%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.hotelGroupPropertyContent {
width:40%;
padding:60px;
display:flex;
flex-flow:column;
justify-content:center;
text-align:left
}
h3.hotelGroupPropertyContentTitle {
margin:0 0 30px;
font-size:42px;
line-height:1.2;
letter-spacing:2px;
color:#30353e
}
p.hotelGroupPropertyContentText {
color:inherit;
margin:0 0 50px;
font-size:17px;
line-height:1.8;
letter-spacing:.03em
}
.hotelGroupHomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupHomeContainer .hotelGroupHomeContent {
text-align:center
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:60px;
padding-top:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:16px;
line-height:2
}
.hotelGroupAmenityContainer {
position:relative;
background:var(--primary-color);
color:#FFF;
padding:80px 0 40px;
text-align:center
}
.hotelGroupAmenityContainer {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f06b6379b36d_bannerImg002.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupAmenityContainer h2,.hotelGroupAmenityContainer h3,.hotelGroupAmenityContainer h4,.hotelGroupAmenityContainer p {
color:#FFF
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px;
padding-top:30px
}
.hotelGroupAmenityContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#e6c6a1;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupAmenityBtnOuter {
margin:60px 0 0
}
.hotelGroupAmenityList {
display:flex;
flex-flow:row wrap;
align-items:flex-start;
justify-content:flex-start
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
position:relative;
display:flex;
text-align:left;
padding:40px;
align-items:flex-start;
width:33%;
justify-content:flex-start;
margin:0;
align-items:center
}
.hotelGroupAmenityItemImg {
min-width:60px;
min-height:60px;
background:rgb(0 0 0 / .2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
margin:0 10px 0 0
}
.hotelGroupAmenityItemImg img {
max-width:30px;
max-height:30px
}
.hotelGroupAmenityItemContent h3 {
margin:0 0 6px;
font-weight:600;
letter-spacing:1px;
font-size:20px;
line-height:1
}
.hotelGroupAmenityItemContent p {
margin:0;
font-size:14px;
letter-spacing:.03em
}
body .hotelGroupFooter {
background:#1b1b1b;
color:#c5c5c5
}
.hotelGroupFooter .HGfooterTitle {
color:#FFF;
font-family:Bellota;
font-size:24px;
letter-spacing:3px;
font-weight:700;
text-transform:uppercase;
margin:0 0 30px
}
.hotelGroupFooter ul.list-basic li a:not(.btn) {
color:#c5c5c5;
text-decoration:none
}
.hotelGroupFooter ul.list-basic li a:not(.btn):hover,.hotelGroupFooter ul.list-basic li a:not(.btn):focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic {
display:flex;
flex-flow:row wrap
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic li {
width:50%
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic {
display:flex;
flex-flow:column
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic li {
width:initial
}
body .hotelGroupFooterbtm {
background:#101010;
color:#c5c5c5;
padding:10px 0;
font-size:14px
}
body .hotelGroupFooterbtm .footerBtmInner {
display:flex;
justify-content:space-between;
align-items:center
}
body .hotelGroupFooterbtm p {
margin:0;
font-family:Chakra Petch
}
body .hotelGroupFooterbtm p a {
color:#c5c5c5;
text-decoration:none
}
body .hotelGroupFooterbtm p a:hover,body .hotelGroupFooterbtm p a:focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterContact ul.list-basic li {
position:relative;
padding-left:30px
}
body .hotelGroupFooter p,body .hotelGroupFooter ul li,body .hotelGroupFooter p a {
margin-bottom:10px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
color:#c5c5c5;
letter-spacing:.03em
}
body .hotelGroupFooter .HGfooterContact li .fa {
position:absolute;
left:0;
top:3px;
font-size:20px;
font-weight:400;
line-height:1
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial {
margin:10px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial li .fa {
position:relative;
top:initial
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-map-marker {
left:2px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-envelope-open-o {
font-size:14px;
left:1px;
top:4px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-mobile {
font-size:22px;
left:3px;
top:1px
}
.hotelGroupRoomContainer {
padding:80px 0
}
.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-end
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
position:relative;
z-index:1;
width:80%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:600px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
position:absolute;
right:10px;
bottom:70px;
width:50px;
z-index:2;
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #000;
background:#000;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators {
background:none;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
position:absolute;
width:600px;
background:#FFF;
padding:30px;
left:0;
top:50%;
display:block;
z-index:2;
transform:translateY(-50%);
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:48px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupRoomContainer .hotelGroupRoomContentText {
margin:0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities {
margin:20px 0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic {
display:flex;
flex-flow:row wrap
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic li {
width:50%;
display:flex;
align-items:center;
margin:0 0 15px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesImg img {
max-height:24px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesTxt p {
margin:0 0 0 10px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice {
margin:0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice strong {
font-size:22px;
font-weight:700;
margin:0;
letter-spacing:-.02em
}
.hotelGroupRoomContainer .hotelGroupRoomPrice span {
border-bottom:1px dashed;
cursor:help;
margin:0 0 0 5px
}
.hotelGroupRoomContainerAlter .hotelGroupRoomInner {
justify-content:flex-start
}
.hotelGroupRoomContainerAlter .hotelGroupRoomContent {
left:auto;
right:0
}
.hotelGroupRoomContainerAlter .hotelGroupRoomImage .carouselNavOuter {
right:auto;
left:10px
}
.hotelGroupTheme .mapWrapper iframe {
margin:0;
padding:0;
outline:0;
border:0;
display:inline-block;
vertical-align:top
}
.hotelGroupGalleryContainer {
padding:0 0 80px;
text-align:center
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:80px
}
.hotelGroupBody .modal-dialog {
margin:15px auto 0;
max-width:900px!important
}
.hotelGroupBody .modal-header {
padding:0;
border-bottom:0 solid #e5e5e5;
background:0
}
.hotelGroupBody .modal-title {
display:none
}
.hotelGroupBody .modal button.close {
z-index:110;
right:10px;
top:10px;
outline:0
}
.hotelGroupBody .modal button.close:focus,.hotelGroupBody .modal button.close:hover {
outline:0
}
.hotelGroupBody .ekko-lightbox-nav-overlay .glyphicon {
height:100%;
display:flex;
align-items:center;
text-align:right
}
.hotelGroupBody .glyphicon.glyphicon-chevron-left {
justify-content:flex-start
}
.hotelGroupBody .glyphicon.glyphicon-chevron-right {
justify-content:flex-end
}
.hotelGroupBody .ekko-lightbox-nav-overlay a:focus,.hotelGroupBody .ekko-lightbox-nav-overlay a:hover {
text-decoration:none
}
.hotelGroupBody .modal-dialog img {
width:100%
}
.hotelGroupBody .modal-dialog .ekko-lightbox-container {
max-height:550px;
overflow:hidden
}
.hotelGroupHeadBlock {
padding:60px 0;
text-align:center
}
.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
margin:0
}
.hotelGroupPageTitle {
padding:100px 0;
color:#FFF;
background-color:rgba(0,0,0,0);
background-position:50% 60%
}
.hotelGroupPageTitle h2 {
color:#FFF;
text-align:center;
margin:0
}
.hotelGroupPageTitle h2 span {
color:#FFF;
font-family:Chakra Petch;
margin:10px 0 0
}
.hotelGroupContactContainer {
padding:80px 0
}
.hotelGroupContactContainer .form-group,.hotelGroupContactContainer .input-group {
margin:0 0 20px
}
.hotelGroupContactContainer h3 {
font-size:28px;
font-weight:700;
letter-spacing:1px;
margin:0 0 20px;
color:#30353e
}
.hotelGroupContactContainer h3.hotelGroupContactHeading {
margin:0 0 10px
}
.hotelGroupContactContainer p.hotelGroupContactDesc {
margin:0 0 40px
}
.hotelGroupContactDetails ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactDetails p,.hotelGroupContactDetails ul li,.hotelGroupContactDetails p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactDetails li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactDetails ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
.hotelGroupContactDetails li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactDetails li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactDetails li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn) {
color:#4f4f4f
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding-left:30px
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial .HGfooterSocial li .fa {
position:relative;
top:initial
}
.hotelGroupContactlistContainer {
background:#f8f8f8;
padding:80px 0
}
.hotelGroupContactlistContainer .hotelGroupContactblock {
position:relative;
padding:30px;
background:#FFF;
box-shadow:0 7px 12px -4px rgba(0,0,0,.1);
margin:0 5px
}
.hotelGroupContactlistContainer .hotelGroupContactblock a {
white-space:normal;
word-break:break-all
}
.hotelGroupContactlistContainer .hotelGroupContactblock h4 {
margin:0 0 30px;
font-size:22px;
font-weight:700
}
.hotelGroupContactlistContainer ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactlistContainer p,.hotelGroupContactlistContainer ul li,.hotelGroupContactlistContainer p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactlistContainer li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactlistContainer ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 10px 0 0
}
.hotelGroupContactlistContainer li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactlistContainer li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactlistContainer li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding:0;
margin:0 15px 0 0
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li .fa {
position:relative
}
.hotelGroupAboutSliderContainer {
padding:80px 0
}
.hotelGroupAboutWelcomeContainer {
padding:0 0 80px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption h3 {
font-size:54px;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption p {
font-size:16px;
font-weight:400;
line-height:1.8;
letter-spacing:.05em;
margin:0 auto 60px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn {
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:active {
background:#FFF;
color:#000
}
.hotelGroupAboutSliderContainer .carousel-inner .item [data-component=image]:before {
content:"";
top:0;
left:0;
right:0;
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.54);
z-index:1;
display:none
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
background:#000;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupAboutSliderContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li:hover,.hotelGroupAboutSliderContainer .carousel-indicators li:focus,.hotelGroupAboutSliderContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupAboutSliderContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupAboutSliderContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a:hover,.hotelGroupBody .ui-datepicker.ui-widget-content td a:focus,.hotelGroupBody .ui-datepicker.ui-widget-content td a:active {
text-decoration:none
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a.ui-state-active {
background:var(--secondary-color);
;
color:#fff;
text-decoration:none
}
.hotelGroupthankyouPage {
padding:80px 0;
text-align:center
}
.hotelSubGroupContentContainer {
padding:80px 0;
text-align:center
}
.hotelGroupContentContainer {
padding:80px 0 0;
text-align:center
}
.hotelSubGroupContentContainer .hotelGroupRoomContent {
padding:50px
}
.hotelSubGroupContentContainer h2,.hotelGroupContentContainer h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:80px 0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerLast {
padding-bottom:100px
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:absolute;
right:30px;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:10px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn {
font-size:16px;
height:auto;
font-family:Bellota;
line-height:1;
padding:15px 20px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn:nth-of-type(2) {
margin-left:5px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoomAmenitiesTxt {
display:none
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:0 20px 0 0;
width:initial
}
.hotelSubGroupTheme .hotelGroupRoomAmenities {
margin:30px 0 20px
}
.hotelSubGroupTheme .hotelGroupRoomImage {
box-shadow:0 50px 40px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px;
letter-spacing:2px;
padding:30px 0 0;
text-transform:none;
color:#30353e
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
opacity:.8
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:18px;
line-height:2
}
.hotelSubGroupTheme .hotelGroupWelcomeImg {
box-shadow:0 30px 30px -20px rgba(0,0,0,.2);
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover {
box-shadow:0 30px 30px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg img {
transition:all .4s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1.03)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
padding:30px 0 0;
margin:0 0 30px;
color:#30353e
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px;
text-transform:none;
margin-bottom:60px;
padding:30px 0 0
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
margin:0;
padding:1px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper.margin-bottom-10px {
margin-bottom:0;
overflow:hidden;
position:relative
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper img {
transition:all .6s ease
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper:hover img {
transform:scale(1.1)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:before {
content:"";
background:rgba(0,0,0,.6);
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all .3s ease;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:hover:before {
top:0;
opacity:0;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a {
position:relative;
display:block
}
.hotelGroupBtnOuter {
margin:60px auto 0;
text-align:center
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
display:flex
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:50%;
padding:20px 20px 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage {
position:relative;
z-index:1;
width:initial
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent {
position:relative;
top:0;
transform:translateY(0%);
width:initial;
text-align:left
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:0;
transition:all .6s ease;
margin:40px 0 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 14px rgb(255 255 255 / .3)
}
.hotelGroupTestimonialHome {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f7c5d480856d_spa.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupTestimonialHome .overly,.hotelGroupAmenityContainer .overly {
background:rgba(0,0,0,.6)
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter {
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:80%;
margin:0 auto
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-family:Bellota;
font-weight:400;
font-size:18px;
color:#FFF;
line-height:2;
letter-spacing:1px;
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
content:'\f10d';
font-family:fontAwesome;
font-size:72px;
margin:0;
opacity:.3;
position:absolute;
left:-50px;
top:-30px;
line-height:1
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
position:relative;
margin:0 auto;
left:0;
right:0;
top:0;
width:100%;
padding:50px
}
.hotelGroupTestimonialHome .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF;
display:none
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:hover,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:focus,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupTestimonialHome .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupTestimonialHome .carousel-indicators {
background:none;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li:hover,.hotelGroupTestimonialHome .carousel-indicators li:focus,.hotelGroupTestimonialHome .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupTestimonialHome .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupTestimonialHome .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupTestimonialHome .nav-indicators-in .carousel-indicators-wrapper {
right:0;
left:0;
bottom:-30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption h3 {
letter-spacing:1px
}
.hotelGroupTestimonialHome h2 {
color:#FFF;
text-align:center
}
.hotelGroupTestimonialHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#FFF;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-40px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionHome {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupAttractionHomeInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupAttractionBlock {
position:relative;
width:calc(33.33% - 40px);
margin:0 20px;
overflow:hidden
}
.hotelGroupAttractionImg {
position:relative;
z-index:1
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:400px;
transition:all .6s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:absolute;
bottom:-90px;
left:0;
background:rgba(0,0,0,.6);
display:block;
color:#FFF;
z-index:2;
padding:20px;
transition:all .3s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionContent {
bottom:0
}
.hotelGroupAttractionContent p {
color:#FFF
}
.hotelGroupAttractionHome h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupAttractionHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionContent h3 {
margin:0 0 15px;
letter-spacing:1px;
font-size:26px;
color:#fff
}
.hotelGroupAttractionContent p {
color:#FFF;
font-size:14px;
letter-spacing:.03em;
margin:0
}
.hotelGroupPropertyContainer {
padding:80px 0 80px
}
.hotelGroupPropertyPage.hotelGroupPropertyContainer {
padding:0 0 80px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupPropertyContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupPropertyContainerInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyBlock {
width:33%;
margin:0 20px;
position:relative;
overflow:hidden
}
.hotelGroupPropertyBlock:after {
content:"";
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
transition:all .3s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover:after {
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:450px;
transition:all .8s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1.1)
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
text-align:center;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:11;
background:rgba(0,0,0,.5);
opacity:1;
transition:all .3s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:0
}
.hotelGroupPropertyBlock a {
color:var(--secondary-color)
}
.hotelGroupPropertyBlock h3 {
letter-spacing:1px;
font-size:24px;
font-weight:400;
margin:0;
color:#FFF
}
.hotelGroupPropertyBlock p {
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#909090
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
font-size:13px;
text-transform:none;
letter-spacing:.03em;
margin:20px 0 0
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockLabel {
margin:0 0 10px;
font-size:12px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
display:flex;
flex-flow:column;
align-items:flex-start;
border:1px solid;
padding:30px;
position:absolute;
left:0;
top:-100%;
z-index:11;
width:100%;
height:100%;
max-height:450px;
transition:all .6s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockContent {
top:0;
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:absolute;
bottom:-100%;
left:30px;
z-index:11;
transition:all .6s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:30px
}
.hotelGroupPropertyLogoContainer {
padding:20px 0
}
.hotelGroupPropertyLogoInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyLogo {
margin:20px
}
.hotelGroupPropertyLogo img {
max-height:80px;
transition:all .6s ease;
opacity:.6
}
.hotelGroupPropertyLogo:hover img {
opacity:1
}
.hotelGroupRewardContainer {
padding:100px 0;
background-image:url(images/uploads/1/5f7ef5d09cd88_gift.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment:fixed
}
.hotelGroupRewardContainer:before {
content:"";
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
position:absolute;
left:0;
right:0;
top:0;
pointer-events:none;
width:100%;
height:100%
}
.hotelGroupRewardContainer h2 {
color:#FFF;
margin:0 0 10px;
text-transform:none
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupRewardContainer p {
color:#FFF;
margin:0;
letter-spacing:.06em;
font-size:14px
}
.hotelGroupRewardContainer .btn-secondary {
letter-spacing:2px
}
.hotelGroupContentsContainer {
padding:60px 0
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
position:relative;
padding:80px 0;
text-align:center;
background:inherit
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer:before {
content:"";
display:none
}
.hotelGroupAmenityPage .hotelGroupAmenityItemContent h3,.hotelGroupAmenityPage .hotelGroupAmenityItemContent p {
color:#30353e
}
.hotelGroupAmenityPage .hotelGroupAmenityItemImg {
background:none;
border:0;
align-items:flex-start;
padding:0;
min-height:initial;
min-width:initial
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:80px 0 0
}
.hotelGroupAttractionPage.hotelGroupAttractionHome {
background:inherit;
padding-top:40px
}
.hotelGroupTheme .tooltip {
white-space:nowrap
}
.hotelGroupTheme .tooltip .tooltip-inner {
background-color:#000;
font-size:10px;
letter-spacing:.05em
}
.hotelGroupTheme .tooltip.top .tooltip-arrow {
bottom:1px;
border-top-color:#000
}
.hotelGroupTheme .tooltip.top-left .tooltip-arrow,.hotelGroupTheme .tooltip.top-right .tooltip-arrow,.hotelGroupTheme .tooltip.top .tooltip-arrow {
border-top-color:#000
}
.hotelSubGroupNavbar {
background:#1b1b1b
}
.hotelSubGroupNavbar .navbar-nav>li>a {
padding:15px;
color:#FFF;
line-height:1;
font-size:13px;
letter-spacing:.05em;
transition:all .3s ease
}
.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:var(--secondary-color);
;
color:#FFF
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:1px solid #424242
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a {
font-weight:700
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active {
background:#1b1b1b
}
.hotelGroupRestaurantContainer {
padding:80px 0
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:36px;
text-transform:none
}
.hotelSubGroupRestaurantPage {
padding:80px 0 0;
text-align:center
}
.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupRestaurantPage p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelGroupRestaurantBlock {
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:row-reverse
}
.hotelGroupRestaurantImg {
width:50%;
overflow:hidden
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
max-height:400px;
min-height:400px;
width:100%;
transition:all .3s ease
}
.hotelGroupRestaurantBlock:hover .hotelGroupRestaurantImg img {
transform:scale(1.1)
}
.hotelGroupRestaurantContent {
width:50%;
padding:40px;
border:1px solid #dedede;
min-height:400px;
max-height:400px;
display:flex;
flex-flow:column;
justify-content:center
}
.hotelGroupRestaurantContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.hotelGroupRestaurantContent p {
margin-bottom:30px
}
.hotelGroupBanquetsContainer {
padding:80px 0
}
.hotelGroupBanquetsInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupBanquetsBlock {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:calc(50% - 40px);
margin:0 20px 60px;
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease;
overflow:hidden
}
.hotelGroupBanquetsBlock:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelGroupBanquetsImg {
position:relative;
z-index:1;
max-height:350px;
overflow:hidden
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 24px rgb(255 255 255 / .3)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
min-height:350px;
max-height:350px;
transition:all .6s ease
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1.1)
}
.hotelGroupBanquetsContent {
background:#FFF;
transition:all .3s ease;
padding:30px
}
.hotelGroupBanquetsContent h3 {
font-size:32px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupBanquetsContent p {
margin:0
}
.hotelGroupNavbar .navbar-header #subNavicon {
display:none
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:none
}
.hotelGroupCovidpage {
padding:80px 0
}
.hotelGroupCovidpage h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupCovidpage p {
margin-bottom:20px
}
.hotelGroupTheme .nomargintop {
margin-top:0!important
}
.helloBarContainer {
background:var(--primary-color);
color:#FFF;
text-align:center;
padding:15px 0
}
.helloBarContainer p {
margin:0;
line-height:1;
font-size:14px;
color:#FFF
}
.helloBarContainer p .fa {
margin:0 10px 0 0
}
.helloBarContainer p a {
color:#FFF;
text-transform:uppercase;
font-weight:600;
margin:0 0 0 20px;
text-decoration:none;
border-bottom:1px solid #FFF
}
.helloBarContainer p a:hover,.helloBarContainer p a:focus {
color:#FFF;
text-decoration:none;
border-bottom-color:rgba(255,255,255,.5)
}
.helloBarContainer a.helloBarClose {
cursor:pointer;
color:rgba(255,255,255,.5);
font-size:24px;
font-weight:300;
line-height:1;
margin:0 0 0 20px;
transition:all .2s ease-out
}
.helloBarContainer a.helloBarClose:hover,.helloBarContainer a.helloBarClose:focus {
text-decoration:none;
color:rgba(255,255,255,1)
}
.helloBarInner {
position:relative;
z-index:11;
display:flex;
justify-content:center;
align-items:center
}
.rewardsTopcontainer {
padding:80px 0
}
.rewardsTopcontainerInner {
display:flex;
flex-flow:row-reverse
}
.rewardsTopcontainerImage {
width:55%;
padding-left:50px
}
.rewardsTopcontainerContent {
width:45%
}
.rewardsTopcontainerContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.rewardsOffers {
background:var(--primary-color);
color:#FFF;
padding:80px 0
}
.rewardsForm {
max-width:500px;
margin:0 auto
}
.rewardsForm h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px;
text-align:center
}
.hotelGroupAmenityContainer.rewardsOffers:before {
background-image:url(images/uploads/1/5f92a8c42060e_gift4.jpg)
}
.hotelGroupTheme.privacyPage {
padding:80px 0
}
.hotelGroupTheme.privacyPage h2 {
font-size:32px;
font-weight:700;
color:#30353e;
text-transform:none;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupTheme.privacyPage p {
}
.hotelGroupTheme.privacyPage p strong {
font-size:18px;
margin-top:20px;
margin-bottom:5px;
display:inline-block
}
.hotelGroupTheme ul.privacyList {
margin:30px 0
}
.hotelGroupTheme ul.privacyList li {
margin-bottom:10px
}
.hotelGroupTheme ul.privacyList li:last-of-type {
margin-bottom:0
}
.hotelSubGroupAboutSliderContainer {
padding:40px 0 80px
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display:none
}
.grecaptcha-badge {
display:none!important
}
.boxnew button.btn.crssearchbtn:hover {
background:#45b5c6!important
}
.hotelgroup-subnavbar {
position:sticky;
z-index:99;
top:0
}
.group-row {
display:flex;
align-items:center
}
div#gallery2 img {
min-height:230px;
max-height:230px;
min-width:387px;
height:100%;
width:100%
}
.ekko-lightbox-container img {
min-width: 1000px;
min-height: 600px;
max-height: 600px;
height:100%;
width:100%
}
.modal-dialog{
max-width: 1000px !important;
}
@media(min-width:1601px) {
.hotelGroupSlideshowContainer .carousel .item img {
width:100%
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
}
@media(max-width:1199px) {
.hotelGroupNavbar .navbar-header .navbar-brand a {
max-width:200px
}
.hotelGroupNavbar .container {
padding:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
padding:0;
margin:0;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar .navbar-buttons {
margin:0 0 0 15px!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-size:12px;
padding:10px;
margin:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-centered .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left-right .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons {
min-height:initial;
min-width:initial
}
.hotelGroupNavbar .navbar {
padding:0;
border:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar-header {
float:none;
width:100%;
padding:0;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
border-bottom:1px solid #efefef
}
.hotelGroupNavbar .navbar-header .navbar-brand {
min-height:initial;
height:initial;
max-width:initial;
padding:0;
margin:0 10px 0 0;
width:calc(100% - 80px)
}
.hotelGroupNavbar .navbar-header .navbar-toggle {
width:50px;
float:none;
margin:0;
padding:0;
font-size:24px;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar-header .navbar-toggle.collapsed .fa-bars:before {
content:"\F0C9"
}
.hotelGroupNavbar .navbar-header .navbar-toggle .fa-bars:before {
content:"\F00D"
}
.hotelGroupNavbar .navbar-header #subNavicon {
width:50px;
float:none;
margin:0;
padding:0;
color:#4f4f4f;
font-size:24px;
text-align:center;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
display:none!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse.in {
display:block!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:20px 10px;
margin:0;
box-shadow:none;
min-width:100%;
width:100%;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li {
display:block;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.open {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav .dropdown.open>a {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
padding:10px 30px;
text-transform:none
}
.hotelSubGroupNavbar {
background:#FFF
}
.hotelSubGroupNavbar #subGroupNavigation {
padding:0;
margin:0 -15px
}
.hotelSubGroupNavbar #subGroupNavigation.collapse {
display:none!important
}
.hotelSubGroupNavbar #subGroupNavigation.collapse.in {
display:block!important
}
.hotelSubGroupNavbar #subGroupNavigation .navbar-nav {
float:none;
padding:20px
}
.hotelSubGroupNavbar .navbar-nav>li {
display:block;
float:none
}
.hotelSubGroupNavbar .navbar-nav>li>a {
font-family:Chakra Petch;
color:#30353e;
font-size:14px;
font-weight:600;
padding:10px 0
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:60px
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:0
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active,.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:#FFF;
color:var(--secondary-color)
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:block;
margin:0 20px 20px 20px
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow.navbar-buttons>* {
display:block
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow .btn {
font-size:15px;
line-height:1;
padding:15px 20px
}
.hotelGroupWelcomeContent {
width:50%
}
.hotelGroupWelcomeImgOuter {
width:50%;
padding-left:50px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:16px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
position:relative;
font-size:40px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
flex-direction:column;
justify-content:center
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
margin:0 auto;
width:90%
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2)
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:90%;
margin:0 auto;
position:relative;
top:0;
transform:translateY(0%)
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:36px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:400px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding:40px 0 60px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:60px 0 0
}
.hotelGroupContactContainer {
padding:60px 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:50%;
padding-bottom:0;
margin:20px 0
}
.hotelGroupContactlistContainer {
padding:60px 0
}
.hotelGroupFormContainer {
max-width:100%
}
.hotelGroupRestaurantContent {
max-height:initial
}
.hotelGroupRestaurantBlock {
align-items:stretch
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:100%;
max-height:initial
}
.hotelGroupCovidpage {
padding:40px 0
}
}
@media(max-width:991px) {
.group-row {
display:flex
}
body.hotelGroupBody #page {
overflow-x:hidden
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
display:none
}
.hotelGroupTopbar .hotelGroupTopbarLeft .inline-wrapper {
justify-content:flex-start
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper {
justify-content:flex-end
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper>[data-component=image] {
display:none
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:36px
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
display:none
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
display:none
}
.hotelGroupBookingContainer #bb_resBookingBox {
flex-direction:column
}
.hotelGroupBookingContainer .boxnew p {
max-width:300px;
margin:15px 0
}
.hotelGroupTheme h2 {
font-size:42px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:60px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span {
position:relative;
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:30px
}
.hotelGroupPropertyContainerInner {
flex-flow:row wrap
}
.hotelGroupPropertyBlock {
width:calc(50% - 40px);
margin-bottom:30px
}
.hotelGroupAttractionBlock {
width:calc(50% - 40px)
}
.hotelGroupAttractionHome {
padding:60px 0
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:column;
margin:40px 20px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupRestaurantImg {
width:initial
}
.hotelGroupRestaurantContent {
width:initial;
min-height:initial;
max-height:initial;
padding:30px
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:initial;
max-height:initial
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:36px;
top:-10px
}
.hotelGroupWelcomeContainer {
padding:60px 0
}
.hotelGroupWelcomeInner {
flex-direction:column
}
.hotelGroupWelcomeContent {
width:initial;
text-align:center
}
.hotelGroupWelcomeImgOuter {
width:initial;
padding-left:0;
margin:40px auto 0;
max-width:600px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
flex-direction:column
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
width:initial
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
flex-direction:column;
text-align:center
}
.hotelGroupAmenityItemImg {
margin:0 auto 30px
}
.hotelGroupGalleryContainer {
padding-bottom:60px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:60px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:flex;
flex-flow:row wrap;
justify-content:center
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:33.33%
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:100%
}
.hotelGroupTestimonialHome h2 span {
font-size:30px;
top:-30px
}
body .hotelGroupFooter .col-sm-4 {
width:100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 30px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
display:none
}
.hotelGroupHeadBlock {
padding-bottom:30px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:42px
}
.hotelGroupBookingContainer .boxnew p input {
height:40px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
bottom:6px
}
.hotelGroupBookingContainer .boxnew p select {
height:40px
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
height:44px
}
.hotelGroupPageTitle {
padding:80px 0
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2 {
font-size:32px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:350px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:auto;
margin:40px 0 0
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
width:100%;
left:0;
right:0;
bottom:auto;
top:45%;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:auto;
right:auto;
left:5px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.right.carousel-control {
left:auto;
right:5px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:100%
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
width:100%
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
display:none
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:30px 0
}
.hotelSubGroupContentContainer {
padding:60px 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
margin:0 10px
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p,.hotelGroupTheme p {
font-size:15px
}
.hotelGroupContactDetails li .fa.fa-map-marker {
top:0
}
.hotelGroupContactDetails {
margin:60px 0 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:100%;
margin:30px 0
}
.hotelGroupContactlistContainer {
padding:40px 0
}
.hotelGroupContentContainer {
padding-top:60px
}
.hotelGroupContentContainer h2 {
font-size:36px
}
.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupRestaurantBlock {
align-items:initial
}
.hotelGroupBanquetsBlock {
width:100%;
margin:0 10px 60px
}
.hotelGroupBanquetsBlock:last-of-type {
margin-bottom:0
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
max-height:initial;
min-height:initial
}
.rewardsTopcontainer {
padding:60px 0
}
.rewardsTopcontainerInner {
flex-direction:column
}
.rewardsTopcontainerImage {
width:initial;
padding-left:0;
margin:0 auto 30px
}
.rewardsTopcontainerContent {
width:initial
}
.hotelGroupTheme.privacyPage {
padding:40px 0
}
.hotelGroupAboutSliderContainer {
padding:50px 0
}
.hotelGroupAboutWelcomeContainer {
padding-bottom:50px
}
}
@media(max-width:767px) {
.ekko-lightbox-container img {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
div#gallery2 img {
min-height:100%;
max-height:100%;
min-width:100%
}
.hotelGroupNavbar .navbar-two {
padding:10px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:block
}
#whatsapp-message {
bottom:90px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupSlideshowContainer .carouselNavOuter {
width:100%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
left:10px;
right:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
top:auto;
bottom:10px;
left:auto;
right:10px
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:relative;
bottom:auto;
background:#FFF;
color:#4f4f4f;
min-height:200px
}
.hotelGroupAttractionContent h3 {
font-size:24px;
font-weight:600
}
.hotelGroupAttractionContent p {
color:#4f4f4f
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:initial
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column;
justify-content:center;
text-align:center
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1)
}
.hotelGroupAmenityItemContent h3 {
margin-bottom:15px
}
.hotelGroupContactContainer {
padding:40px 0
}
.hotelGroupPageTitle h2 span {
line-height:1.6
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1)
}
.CovidpageInner {
padding:0 10px
}
.hotelGroupCovidpage h3 {
font-size:28px
}
.rewardsTopcontainer {
padding:40px 0
}
.rewardsTopcontainerInner {
padding:0 10px
}
.hotelGroupTheme ul.privacyList {
padding:0 0 0 20px
}
.privacyPageInner {
padding:0 10px
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
display:none
}
}
@media(max-width:640px) {
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
display:none
}
.hotelGroupRewardContainer {
padding:80px 0
}
.hotelGroupRestaurantContainer {
padding:60px 0
}
.hotelGroupPropertyBlock {
width:100%;
border:1px solid #e0e0e0
}
.hotelGroupPropertyBlockImg {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
position:relative;
top:0;
max-height:450px;
opacity:1;
border-color:#e0e0e0
}
.hotelGroupPropertyBlock h3 {
color:#30353e;
font-weight:600
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
margin-top:15px;
font-size:14px;
font-weight:400
}
.hotelGroupAttractionBlock {
width:100%;
box-shadow:0 3px 6px -1px rgba(0,0,0,.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
min-height:initial;
padding:30px
}
.hotelGroupAttractionImg {
max-height:350px;
overflow:hidden
}
.hotelGroupAttractionContent h3 {
color:#fff;
font-size:30px
}
.hotelGroupRewardInner {
padding:0 10px
}
.hotelGroupPropertyLogoInner {
flex-flow:row wrap
}
.hotelGroupPropertyLogo {
width:calc(50% - 40px)
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:initial
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:50px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
max-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:relative;
bottom:0;
left:25px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:25px;
border:0
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 30px
}
.hotelGroupTheme .btn.btn-primary {
padding:14px 18px;
font-size:15px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
background:rgba(0,0,0,.3)
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:1
}
.hotelGroupPropertyBlock:hover:after {
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1)
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:300px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:30px;
margin-bottom:15px
}
.hotelGroupPageTitle {
padding:60px 0
}
.hotelGroupPageTitle h2 {
font-size:32px
}
.hotelGroupPageTitle h2 span {
font-size:14px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelSubGroupRestaurantPage h2 {
font-size:30px;
letter-spacing:.03em
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-top:0
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:60px 0 0
}
.hotelGroupCovidpage h3 {
margin-top:30px
}
.hotelGroupAmenityItemContent {
margin:0 auto
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:100%
}
.rewardsOffers.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
}
@media(max-width:580px) {
.hotelGroupSlideshowContainer .carousel .item img {
min-height:300px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:30px;
letter-spacing:2px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control,.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
bottom:-20px
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:70px
}
.hotelGroupTheme h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:15px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:30px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
margin:0
}
.hotelGroupTopbar p.hotelGroupTopbarPhone a {
margin-bottom:0
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-size:16px
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
display:block
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupPageTitle {
padding:40px 0
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:40px 10px 0
}
.hotelGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:20px 0 60px
}
.hotelGroupBanquetsContent h3 {
font-size:26px
}
.hotelGroupCovidpage h3 {
font-size:26px;
margin-bottom:15px
}
.hotelGroupTheme.privacyPage h2 {
font-size:26px
}
.hotelGroupAboutSliderInner,.hotelGroupAboutWelcomeInner {
padding:0 10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:30px;
margin-bottom:20px
}
}
@media(max-width:500px) {
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
display:block
}
}
@media(max-width:479px) {
.hotelGroupRestaurantContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:30px 10px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupPropertyBlock {
margin:20px 10px
}
.hotelGroupAttractionBlock {
margin:20px 10px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:40px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
margin-bottom:0
}
.hotelGroupAttractionHome {
padding:40px 0
}
.hotelGroupAttractionHome h2 {
margin-bottom:30px
}
.hotelGroupTheme h2 {
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:24px;
top:-10px
}
.hotelGroupAttractionContent h3 {
font-size:24px
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
padding:20px
}
.hotelGroupPropertyLogo {
width:calc(50% - 20px);
margin:10px
}
.hotelGroupRewardContainer {
padding:60px 0;
background-attachment:initial;
background-position:50% 100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 20px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:250px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:24px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2,.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:26px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
padding:20px 0
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:10px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
padding:25px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelGroupPropertyBlockImg,.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:260px
}
.hotelGroupFooter .HGfooterTitle {
font-size:20px
}
.hotelGroupTheme p {
font-size:13px
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupBtnOuter {
margin-top:40px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
margin-bottom:30px
}
.hotelGroupGalleryContainer {
padding-bottom:50px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
padding:50px 20px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
font-size:60px;
top:-20px;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:220px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelSubGroupContentContainer {
padding:40px 0 20px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:26px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding-top:40px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-bottom:40px
}
.hotelGroupBanquetsContent {
padding:20px
}
.rewardsTopcontainerContent h3,.rewardsForm h3,.rewardsForm h3 {
font-size:28px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
.helloBarContainer p a {
margin-left:10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:24px
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
bottom:20px
}
.hotelGroupAboutSliderInner .carousel .item img {
min-height:180px
}
}
@media(max-width:359px) {
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
max-width:140px
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:260px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:24px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 20px;
left:20px
}
}
* img{
object-fit: cover;
}
:root {
--primary-color:#c6ab62;
--secondary-color:#b48744;
--btn-hover:#b48744;
--white:#fff;
--primary-text-color:#333;
--black:#000;
--placeholder:#757575;
--background-color:#0f0f0f
}
body.hotelGroupBody {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f;
overflow-x:hidden
}
.yummy .col-lg-1,.yummy .col-lg-2,.yummy .col-lg-3,.yummy .col-lg-4,.yummy .col-lg-5,.yummy .col-lg-6,.yummy .col-lg-7,.yummy .col-lg-8,.yummy .col-lg-9,.yummy .col-lg-10,.yummy .col-lg-11,.yummy .col-lg-12,.yummy .col-lg-15,.yummy .col-md-1,.yummy .col-md-2,.yummy .col-md-3,.yummy .col-md-4,.yummy .col-md-5,.yummy .col-md-6,.yummy .col-md-7,.yummy .col-md-8,.yummy .col-md-9,.yummy .col-md-10,.yummy .col-md-11,.yummy .col-md-12,.yummy .col-md-15,.yummy .col-sm-1,.yummy .col-sm-2,.yummy .col-sm-3,.yummy .col-sm-4,.yummy .col-sm-5,.yummy .col-sm-6,.yummy .col-sm-7,.yummy .col-sm-8,.yummy .col-sm-9,.yummy .col-sm-10,.yummy .col-sm-11,.yummy .col-sm-12,.yummy .col-sm-15,.yummy .col-xs-1,.yummy .col-xs-2,.yummy .col-xs-3,.yummy .col-xs-4,.yummy .col-xs-5,.yummy .col-xs-6,.yummy .col-xs-7,.yummy .col-xs-8,.yummy .col-xs-9,.yummy .col-xs-10,.yummy .col-xs-11,.yummy .col-xs-12,.yummy .col-xs-15 {
padding-right:15px;
padding-left:15px;
padding-bottom:0
}
.yummy p {
margin:0
}
#whatsapp-message {
position:fixed;
margin-bottom:1vh;
bottom:35px;
right:5px;
width:65px;
height:65px;
overflow:hidden;
visibility:visible;
z-index:2147483639;
background:0;
border:0;
transition:transform .2s ease-in-out;
backface-visibility:hidden;
opacity:1;
transform:translateY(0%)
}
.hotelGroupTheme,body .hotelGroupTheme {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTheme a,.hotelGroupTheme p a {
text-decoration:none;
color:var(--primary-color)
}
.hotelGroupTheme a:hover,.hotelGroupTheme a:focus,.hotelGroupTheme p a:hover,.hotelGroupTheme p a:focus {
text-decoration:none;
color:var(--secondary-color)
}
.hotelGroupTheme .btn.btn-primary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-primary:focus,.hotelGroupTheme .btn.btn-primary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelGroupTheme .btn.btn-secondary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:transparent;
color:var(--primary-color);
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-secondary:focus,.hotelGroupTheme .btn.btn-secondary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#FFF
}
.hotelGroupTheme .h1,.hotelGroupTheme .h2,.hotelGroupTheme .h3,.hotelGroupTheme .h4,.hotelGroupTheme .h5,.hotelGroupTheme .h6,.hotelGroupTheme h1,.hotelGroupTheme h2,.hotelGroupTheme h3,.hotelGroupTheme h4,.hotelGroupTheme h5,.hotelGroupTheme h6 {
font-family:Bellota;
font-weight:400
}
.header.fixed {
position:fixed;
top:0;
box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
-webkit-box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
left:0;
right:0;
margin:0 auto;
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
.hotelGroupTheme h2 {
margin:0 0 30px;
position:relative;
color:#30353e;
margin:0 0 30px;
font-size:48px;
line-height:1.2;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase
}
.hotelGroupTheme h2 span {
display:block;
font-size:16px;
font-weight:400;
margin:0 0 10px;
color:var(--secondary-color)
}
.hotelGroupTheme p {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTopbar {
padding:12px 0;
border-bottom:1px solid #efefef
}
.hotelGroupTopbar .inline-wrapper {
align-items:center
}
.hotelGroupTopbar p {
margin:0 10px 0;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
margin-left:0
}
.hotelGroupTopbar p .fa {
margin-right:10px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone .fa {
font-size:18px;
position:relative;
top:1px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
position:relative;
top:-1px
}
.hotelGroupTopbar p a {
color:#4f4f4f;
text-decoration:none;
transition:all .3s ease
}
.hotelGroupTopbar p a:focus,.hotelGroupTopbar p a:hover {
color:var(--secondary-color);
;
text-decoration:none
}
.hotelGroupTopbar p.hotelGroupTopbarSocial {
font-size:16px
}
.hotelGroupTopbar p.hotelGroupTopbarSocial .fa {
margin-right:0
}
.hotelGroupTopbar .gTranslate {
margin-left:10px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget {
position:relative;
font-size:0
}
.hotelGroupTheme #google_translate_element .goog-te-gadget:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
pointer-events:none;
color:#000;
font-size:18px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget a.goog-logo-link {
display:none
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
height:30px;
padding:0 30px 0 10px;
letter-spacing:.03em;
border-radius:0;
border:1px solid #d5d5d5;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
cursor:pointer;
font-size:12px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo:focus {
outline:0;
border-color:#a7a7a7
}
.hotelGroupNavbar {
position:relative;
z-index:100
}
.hotelGroupNavbar .navbar {
width:100%;
margin:0;
padding:10px 0;
display:flex;
align-items:center;
min-height:60px
}
.hotelGroupNavbar .navbar-header .navbar-brand {
height:auto
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:90px
}
.hotelGroupNavbar .navbar-collapse {
padding:0!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
width:inherit;
align-items:center;
padding-right:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:5px 0 0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
line-height:1;
color:#30353e;
text-transform:uppercase;
letter-spacing:.03em;
transition:all .3s ease;
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:active,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:focus,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:hover,.hotelGroupNavbar .navbar.navbar-plain ul.nav li.active a {
color:var(--secondary-color);
;
background-color:transparent
}
.hotelGroupNavbar .nav .open>a,.hotelGroupNavbar .nav .open>a:focus,.hotelGroupNavbar .nav .open>a:hover {
background:none;
border:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown a .caret:after {
top:-7px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown.open a .caret:after {
top:-3px
}
.hotelGroupNavbar .dropdown-menu {
border-radius:0;
background:#FFF
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li {
display:block
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
font-weight:400;
display:block;
padding:15px 20px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdownRight .dropdown-menu {
left:auto;
right:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-family:Bellota;
background:var(--primary-color);
border:1px solid var(--primary-color);
color:#fff;
box-shadow:none;
border-radius:0;
font-size:14px;
font-weight:700;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
transition:all .3s ease;
padding:12px 18px
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:focus,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:hover {
border-color:var(--secondary-color);
;
background:var(--secondary-color);
;
cursor:pointer;
color:#fff;
text-decoration:none;
box-shadow:none;
outline:0
}
.hotelGroupSlideshowContainer {
color:#FFF
}
.hotelGroupSlideshowContainer p,.hotelGroupSlideshowContainer a {
color:#FFF
}
.hotelGroupSlideshowContainer .carousel-inner>.item {
transition:none;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item img {
animation:bloomEffects 1s ease;
animation-fill-mode:forwards
}
@keyframes bloomEffects {
0% {
transform:scale(1)
}
100% {
transform:scale(1.1)
}
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:60px;
font-weight:700;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
font-size:18px;
font-weight:400;
line-height:1.4;
letter-spacing:.06em;
margin:0 auto 60px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
background:#000;
border-color:#000
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
font-family:Chakra Petch;
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
background-color:transparent;
color:#fff;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto;
height:50px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:active {
background-color:#FFF;
border-color:#FFF;
color:#000
}
.hotelGroupSlideshow {
max-height:600px;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupSlideshowContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
background:#000;
border:1px solid #000
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:auto;
right:0
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
left:auto;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li:hover,.hotelGroupSlideshowContainer .carousel-indicators li:focus,.hotelGroupSlideshowContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupSlideshowContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupSlideshowContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBookingContainer {
position:relative;
background:#1b1b1b;
color:#FFF;
padding:40px 0
}
.hotelSubGroupTheme.hotelGroupBookingContainer {
position:relative;
background:var(--secondary-color);
;
color:#FFF
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0 30px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupBookingContainer .boxnew {
width:100%;
text-align:center
}
.hotelGroupBookingContainer .boxnew p {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupBookingContainer .boxnew p label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p input {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupBookingContainer .boxnew p select {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
font-family:Bellota;
font-size:18px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:50px;
border-radius:0;
padding:10px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:var(--secondary-color);
!important;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn {
background-color:#000;
color:#fff;
border:1px solid #000
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupBookingContainer .boxnew p br {
display:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:25px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:25px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1) {
max-width:300px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(4) {
margin-top:28px
}
.hotelGroupTheme .bbres_fieldset,.hotelGroupTheme .HGCalender,.hotelGroupTheme .HGBEBtn {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select,.hotelGroupTheme .HGSelectOuter {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:300px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select:before,.hotelGroupTheme .HGSelectOuter:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:20px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupTheme .bbres_fieldset label,.hotelGroupTheme .bbres_select label,.hotelGroupTheme .form-control label,.hotelGroupTheme .HGSelectOuter label,.hotelGroupTheme .HGCalender label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset input,.hotelGroupTheme .HGCalender input,.hotelGroupTheme input.form-control {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme textarea.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:auto;
background:#fff;
width:100%;
padding:20px;
border-radius:0;
font-size:13px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger {
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
font-size:0;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px
}
.hotelGroupTheme .HGCalender:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupTheme .bbres_select select,.hotelGroupTheme .HGSelectOuter select,.hotelGroupTheme select.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupTheme input.form-control:focus,.hotelGroupTheme select.form-control:focus,.hotelGroupTheme select:focus,.hotelGroupTheme textarea.form-control:focus,.hotelGroupTheme textarea:focus {
border-color:#152161;
background:#fff;
outline:0
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn,.hotelGroupTheme .HGBEBtn #bb_resBtn {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
line-height:1.8;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:#000;
color:#fff;
border:1px solid #000;
height:50px;
border-radius:0;
padding:15px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn:active,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:focus,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:hover,.hotelGroupTheme .HGBEBtn #bb_resBtn:active,.hotelGroupTheme .HGBEBtn #bb_resBtn:focus,.hotelGroupTheme .HGBEBtn #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupWelcomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupWelcomeInner {
display:flex;
align-items:center
}
.hotelGroupWelcomeContent {
width:48%
}
.hotelGroupWelcomeImgOuter {
width:52%;
padding-left:100px
}
.hotelGroupPropertyContainer {
position:relative;
padding:1px 0;
display:flex;
justify-content:center
}
.hotelGroupPropertyInner {
position:relative;
display:flex;
min-height:600px;
flex-flow:row wrap;
max-width:1600px
}
.hotelGroupPropertyContainerAlter .hotelGroupPropertyInner {
flex-direction:row-reverse
}
.hotelGroupPropertyImage {
width:60%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.hotelGroupPropertyContent {
width:40%;
padding:60px;
display:flex;
flex-flow:column;
justify-content:center;
text-align:left
}
h3.hotelGroupPropertyContentTitle {
margin:0 0 30px;
font-size:42px;
line-height:1.2;
letter-spacing:2px;
color:#30353e
}
p.hotelGroupPropertyContentText {
color:inherit;
margin:0 0 50px;
font-size:17px;
line-height:1.8;
letter-spacing:.03em
}
.hotelGroupHomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupHomeContainer .hotelGroupHomeContent {
text-align:center
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:60px;
padding-top:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:16px;
line-height:2
}
.hotelGroupAmenityContainer {
position:relative;
background:var(--primary-color);
color:#FFF;
padding:80px 0 40px;
text-align:center
}
.hotelGroupAmenityContainer {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f06b6379b36d_bannerImg002.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupAmenityContainer h2,.hotelGroupAmenityContainer h3,.hotelGroupAmenityContainer h4,.hotelGroupAmenityContainer p {
color:#FFF
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px;
padding-top:30px
}
.hotelGroupAmenityContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#e6c6a1;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupAmenityBtnOuter {
margin:60px 0 0
}
.hotelGroupAmenityList {
display:flex;
flex-flow:row wrap;
align-items:flex-start;
justify-content:flex-start
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
position:relative;
display:flex;
text-align:left;
padding:40px;
align-items:flex-start;
width:33%;
justify-content:flex-start;
margin:0;
align-items:center
}
.hotelGroupAmenityItemImg {
min-width:60px;
min-height:60px;
background:rgb(0 0 0 / .2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
margin:0 10px 0 0
}
.hotelGroupAmenityItemImg img {
max-width:30px;
max-height:30px
}
.hotelGroupAmenityItemContent h3 {
margin:0 0 6px;
font-weight:600;
letter-spacing:1px;
font-size:20px;
line-height:1
}
.hotelGroupAmenityItemContent p {
margin:0;
font-size:14px;
letter-spacing:.03em
}
body .hotelGroupFooter {
background:#1b1b1b;
color:#c5c5c5
}
.hotelGroupFooter .HGfooterTitle {
color:#FFF;
font-family:Bellota;
font-size:24px;
letter-spacing:3px;
font-weight:700;
text-transform:uppercase;
margin:0 0 30px
}
.hotelGroupFooter ul.list-basic li a:not(.btn) {
color:#c5c5c5;
text-decoration:none
}
.hotelGroupFooter ul.list-basic li a:not(.btn):hover,.hotelGroupFooter ul.list-basic li a:not(.btn):focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic {
display:flex;
flex-flow:row wrap
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic li {
width:50%
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic {
display:flex;
flex-flow:column
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic li {
width:initial
}
body .hotelGroupFooterbtm {
background:#101010;
color:#c5c5c5;
padding:10px 0;
font-size:14px
}
body .hotelGroupFooterbtm .footerBtmInner {
display:flex;
justify-content:space-between;
align-items:center
}
body .hotelGroupFooterbtm p {
margin:0;
font-family:Chakra Petch
}
body .hotelGroupFooterbtm p a {
color:#c5c5c5;
text-decoration:none
}
body .hotelGroupFooterbtm p a:hover,body .hotelGroupFooterbtm p a:focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterContact ul.list-basic li {
position:relative;
padding-left:30px
}
body .hotelGroupFooter p,body .hotelGroupFooter ul li,body .hotelGroupFooter p a {
margin-bottom:10px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
color:#c5c5c5;
letter-spacing:.03em
}
body .hotelGroupFooter .HGfooterContact li .fa {
position:absolute;
left:0;
top:3px;
font-size:20px;
font-weight:400;
line-height:1
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial {
margin:10px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial li .fa {
position:relative;
top:initial
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-map-marker {
left:2px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-envelope-open-o {
font-size:14px;
left:1px;
top:4px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-mobile {
font-size:22px;
left:3px;
top:1px
}
.hotelGroupRoomContainer {
padding:80px 0
}
.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-end
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
position:relative;
z-index:1;
width:80%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:600px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
position:absolute;
right:10px;
bottom:70px;
width:50px;
z-index:2;
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #000;
background:#000;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators {
background:none;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
position:absolute;
width:600px;
background:#FFF;
padding:30px;
left:0;
top:50%;
display:block;
z-index:2;
transform:translateY(-50%);
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:48px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupRoomContainer .hotelGroupRoomContentText {
margin:0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities {
margin:20px 0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic {
display:flex;
flex-flow:row wrap
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic li {
width:50%;
display:flex;
align-items:center;
margin:0 0 15px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesImg img {
max-height:24px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesTxt p {
margin:0 0 0 10px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice {
margin:0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice strong {
font-size:22px;
font-weight:700;
margin:0;
letter-spacing:-.02em
}
.hotelGroupRoomContainer .hotelGroupRoomPrice span {
border-bottom:1px dashed;
cursor:help;
margin:0 0 0 5px
}
.hotelGroupRoomContainerAlter .hotelGroupRoomInner {
justify-content:flex-start
}
.hotelGroupRoomContainerAlter .hotelGroupRoomContent {
left:auto;
right:0
}
.hotelGroupRoomContainerAlter .hotelGroupRoomImage .carouselNavOuter {
right:auto;
left:10px
}
.hotelGroupTheme .mapWrapper iframe {
margin:0;
padding:0;
outline:0;
border:0;
display:inline-block;
vertical-align:top
}
.hotelGroupGalleryContainer {
padding:0 0 80px;
text-align:center
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:80px
}
.hotelGroupBody .modal-dialog {
margin:15px auto 0;
max-width:900px!important
}
.hotelGroupBody .modal-header {
padding:0;
border-bottom:0 solid #e5e5e5;
background:0
}
.hotelGroupBody .modal-title {
display:none
}
.hotelGroupBody .modal button.close {
z-index:110;
right:10px;
top:10px;
outline:0
}
.hotelGroupBody .modal button.close:focus,.hotelGroupBody .modal button.close:hover {
outline:0
}
.hotelGroupBody .ekko-lightbox-nav-overlay .glyphicon {
height:100%;
display:flex;
align-items:center;
text-align:right
}
.hotelGroupBody .glyphicon.glyphicon-chevron-left {
justify-content:flex-start
}
.hotelGroupBody .glyphicon.glyphicon-chevron-right {
justify-content:flex-end
}
.hotelGroupBody .ekko-lightbox-nav-overlay a:focus,.hotelGroupBody .ekko-lightbox-nav-overlay a:hover {
text-decoration:none
}
.hotelGroupBody .modal-dialog img {
width:100%
}
.hotelGroupBody .modal-dialog .ekko-lightbox-container {
max-height:550px;
overflow:hidden
}
.hotelGroupHeadBlock {
padding:60px 0;
text-align:center
}
.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
margin:0
}
.hotelGroupPageTitle {
padding:100px 0;
color:#FFF;
background-color:rgba(0,0,0,0);
background-position:50% 60%
}
.hotelGroupPageTitle h2 {
color:#FFF;
text-align:center;
margin:0
}
.hotelGroupPageTitle h2 span {
color:#FFF;
font-family:Chakra Petch;
margin:10px 0 0
}
.hotelGroupContactContainer {
padding:80px 0
}
.hotelGroupContactContainer .form-group,.hotelGroupContactContainer .input-group {
margin:0 0 20px
}
.hotelGroupContactContainer h3 {
font-size:28px;
font-weight:700;
letter-spacing:1px;
margin:0 0 20px;
color:#30353e
}
.hotelGroupContactContainer h3.hotelGroupContactHeading {
margin:0 0 10px
}
.hotelGroupContactContainer p.hotelGroupContactDesc {
margin:0 0 40px
}
.hotelGroupContactDetails ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactDetails p,.hotelGroupContactDetails ul li,.hotelGroupContactDetails p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactDetails li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactDetails ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
.hotelGroupContactDetails li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactDetails li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactDetails li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn) {
color:#4f4f4f
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding-left:30px
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial .HGfooterSocial li .fa {
position:relative;
top:initial
}
.hotelGroupContactlistContainer {
background:#f8f8f8;
padding:80px 0
}
.hotelGroupContactlistContainer .hotelGroupContactblock {
position:relative;
padding:30px;
background:#FFF;
box-shadow:0 7px 12px -4px rgba(0,0,0,.1);
margin:0 5px
}
.hotelGroupContactlistContainer .hotelGroupContactblock a {
white-space:normal;
word-break:break-all
}
.hotelGroupContactlistContainer .hotelGroupContactblock h4 {
margin:0 0 30px;
font-size:22px;
font-weight:700
}
.hotelGroupContactlistContainer ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactlistContainer p,.hotelGroupContactlistContainer ul li,.hotelGroupContactlistContainer p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactlistContainer li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactlistContainer ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 10px 0 0
}
.hotelGroupContactlistContainer li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactlistContainer li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactlistContainer li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding:0;
margin:0 15px 0 0
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li .fa {
position:relative
}
.hotelGroupAboutSliderContainer {
padding:80px 0
}
.hotelGroupAboutWelcomeContainer {
padding:0 0 80px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption h3 {
font-size:54px;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption p {
font-size:16px;
font-weight:400;
line-height:1.8;
letter-spacing:.05em;
margin:0 auto 60px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn {
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:active {
background:#FFF;
color:#000
}
.hotelGroupAboutSliderContainer .carousel-inner .item [data-component=image]:before {
content:"";
top:0;
left:0;
right:0;
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.54);
z-index:1;
display:none
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
background:#000;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupAboutSliderContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li:hover,.hotelGroupAboutSliderContainer .carousel-indicators li:focus,.hotelGroupAboutSliderContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupAboutSliderContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupAboutSliderContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a:hover,.hotelGroupBody .ui-datepicker.ui-widget-content td a:focus,.hotelGroupBody .ui-datepicker.ui-widget-content td a:active {
text-decoration:none
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a.ui-state-active {
background:var(--secondary-color);
;
color:#fff;
text-decoration:none
}
.hotelGroupthankyouPage {
padding:80px 0;
text-align:center
}
.hotelSubGroupContentContainer {
padding:80px 0;
text-align:center
}
.hotelGroupContentContainer {
padding:80px 0 0;
text-align:center
}
.hotelSubGroupContentContainer .hotelGroupRoomContent {
padding:50px
}
.hotelSubGroupContentContainer h2,.hotelGroupContentContainer h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:80px 0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerLast {
padding-bottom:100px
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:absolute;
right:30px;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:10px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn {
font-size:16px;
height:auto;
font-family:Bellota;
line-height:1;
padding:15px 20px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn:nth-of-type(2) {
margin-left:5px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoomAmenitiesTxt {
display:none
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:0 20px 0 0;
width:initial
}
.hotelSubGroupTheme .hotelGroupRoomAmenities {
margin:30px 0 20px
}
.hotelSubGroupTheme .hotelGroupRoomImage {
box-shadow:0 50px 40px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px;
letter-spacing:2px;
padding:30px 0 0;
text-transform:none;
color:#30353e
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
opacity:.8
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:18px;
line-height:2
}
.hotelSubGroupTheme .hotelGroupWelcomeImg {
box-shadow:0 30px 30px -20px rgba(0,0,0,.2);
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover {
box-shadow:0 30px 30px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg img {
transition:all .4s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1.03)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
padding:30px 0 0;
margin:0 0 30px;
color:#30353e
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px;
text-transform:none;
margin-bottom:60px;
padding:30px 0 0
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
margin:0;
padding:1px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper.margin-bottom-10px {
margin-bottom:0;
overflow:hidden;
position:relative
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper img {
transition:all .6s ease
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper:hover img {
transform:scale(1.1)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:before {
content:"";
background:rgba(0,0,0,.6);
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all .3s ease;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:hover:before {
top:0;
opacity:0;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a {
position:relative;
display:block
}
.hotelGroupBtnOuter {
margin:60px auto 0;
text-align:center
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
display:flex
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:50%;
padding:20px 20px 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage {
position:relative;
z-index:1;
width:initial
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent {
position:relative;
top:0;
transform:translateY(0%);
width:initial;
text-align:left
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:0;
transition:all .6s ease;
margin:40px 0 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 14px rgb(255 255 255 / .3)
}
.hotelGroupTestimonialHome {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f7c5d480856d_spa.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupTestimonialHome .overly,.hotelGroupAmenityContainer .overly {
background:rgba(0,0,0,.6)
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter {
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:80%;
margin:0 auto
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-family:Bellota;
font-weight:400;
font-size:18px;
color:#FFF;
line-height:2;
letter-spacing:1px;
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
content:'\f10d';
font-family:fontAwesome;
font-size:72px;
margin:0;
opacity:.3;
position:absolute;
left:-50px;
top:-30px;
line-height:1
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
position:relative;
margin:0 auto;
left:0;
right:0;
top:0;
width:100%;
padding:50px
}
.hotelGroupTestimonialHome .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF;
display:none
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:hover,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:focus,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupTestimonialHome .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupTestimonialHome .carousel-indicators {
background:none;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li:hover,.hotelGroupTestimonialHome .carousel-indicators li:focus,.hotelGroupTestimonialHome .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupTestimonialHome .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupTestimonialHome .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupTestimonialHome .nav-indicators-in .carousel-indicators-wrapper {
right:0;
left:0;
bottom:-30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption h3 {
letter-spacing:1px
}
.hotelGroupTestimonialHome h2 {
color:#FFF;
text-align:center
}
.hotelGroupTestimonialHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#FFF;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-40px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionHome {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupAttractionHomeInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupAttractionBlock {
position:relative;
width:calc(33.33% - 40px);
margin:0 20px;
overflow:hidden
}
.hotelGroupAttractionImg {
position:relative;
z-index:1
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:400px;
transition:all .6s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:absolute;
bottom:-90px;
left:0;
background:rgba(0,0,0,.6);
display:block;
color:#FFF;
z-index:2;
padding:20px;
transition:all .3s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionContent {
bottom:0
}
.hotelGroupAttractionContent p {
color:#FFF
}
.hotelGroupAttractionHome h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupAttractionHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionContent h3 {
margin:0 0 15px;
letter-spacing:1px;
font-size:26px;
color:#fff
}
.hotelGroupAttractionContent p {
color:#FFF;
font-size:14px;
letter-spacing:.03em;
margin:0
}
.hotelGroupPropertyContainer {
padding:80px 0 80px
}
.hotelGroupPropertyPage.hotelGroupPropertyContainer {
padding:0 0 80px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupPropertyContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupPropertyContainerInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyBlock {
width:33%;
margin:0 20px;
position:relative;
overflow:hidden
}
.hotelGroupPropertyBlock:after {
content:"";
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
transition:all .3s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover:after {
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:450px;
transition:all .8s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1.1)
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
text-align:center;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:11;
background:rgba(0,0,0,.5);
opacity:1;
transition:all .3s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:0
}
.hotelGroupPropertyBlock a {
color:var(--secondary-color)
}
.hotelGroupPropertyBlock h3 {
letter-spacing:1px;
font-size:24px;
font-weight:400;
margin:0;
color:#FFF
}
.hotelGroupPropertyBlock p {
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#909090
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
font-size:13px;
text-transform:none;
letter-spacing:.03em;
margin:20px 0 0
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockLabel {
margin:0 0 10px;
font-size:12px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
display:flex;
flex-flow:column;
align-items:flex-start;
border:1px solid;
padding:30px;
position:absolute;
left:0;
top:-100%;
z-index:11;
width:100%;
height:100%;
max-height:450px;
transition:all .6s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockContent {
top:0;
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:absolute;
bottom:-100%;
left:30px;
z-index:11;
transition:all .6s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:30px
}
.hotelGroupPropertyLogoContainer {
padding:20px 0
}
.hotelGroupPropertyLogoInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyLogo {
margin:20px
}
.hotelGroupPropertyLogo img {
max-height:80px;
transition:all .6s ease;
opacity:.6
}
.hotelGroupPropertyLogo:hover img {
opacity:1
}
.hotelGroupRewardContainer {
padding:100px 0;
background-image:url(images/uploads/1/5f7ef5d09cd88_gift.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment:fixed
}
.hotelGroupRewardContainer:before {
content:"";
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
position:absolute;
left:0;
right:0;
top:0;
pointer-events:none;
width:100%;
height:100%
}
.hotelGroupRewardContainer h2 {
color:#FFF;
margin:0 0 10px;
text-transform:none
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupRewardContainer p {
color:#FFF;
margin:0;
letter-spacing:.06em;
font-size:14px
}
.hotelGroupRewardContainer .btn-secondary {
letter-spacing:2px
}
.hotelGroupContentsContainer {
padding:60px 0
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
position:relative;
padding:80px 0;
text-align:center;
background:inherit
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer:before {
content:"";
display:none
}
.hotelGroupAmenityPage .hotelGroupAmenityItemContent h3,.hotelGroupAmenityPage .hotelGroupAmenityItemContent p {
color:#30353e
}
.hotelGroupAmenityPage .hotelGroupAmenityItemImg {
background:none;
border:0;
align-items:flex-start;
padding:0;
min-height:initial;
min-width:initial
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:80px 0 0
}
.hotelGroupAttractionPage.hotelGroupAttractionHome {
background:inherit;
padding-top:40px
}
.hotelGroupTheme .tooltip {
white-space:nowrap
}
.hotelGroupTheme .tooltip .tooltip-inner {
background-color:#000;
font-size:10px;
letter-spacing:.05em
}
.hotelGroupTheme .tooltip.top .tooltip-arrow {
bottom:1px;
border-top-color:#000
}
.hotelGroupTheme .tooltip.top-left .tooltip-arrow,.hotelGroupTheme .tooltip.top-right .tooltip-arrow,.hotelGroupTheme .tooltip.top .tooltip-arrow {
border-top-color:#000
}
.hotelSubGroupNavbar {
background:#1b1b1b
}
.hotelSubGroupNavbar .navbar-nav>li>a {
padding:15px;
color:#FFF;
line-height:1;
font-size:13px;
letter-spacing:.05em;
transition:all .3s ease
}
.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:var(--secondary-color);
;
color:#FFF
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:1px solid #424242
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a {
font-weight:700
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active {
background:#1b1b1b
}
.hotelGroupRestaurantContainer {
padding:80px 0
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:36px;
text-transform:none
}
.hotelSubGroupRestaurantPage {
padding:80px 0 0;
text-align:center
}
.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupRestaurantPage p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelGroupRestaurantBlock {
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:row-reverse
}
.hotelGroupRestaurantImg {
width:50%;
overflow:hidden
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
max-height:400px;
min-height:400px;
width:100%;
transition:all .3s ease
}
.hotelGroupRestaurantBlock:hover .hotelGroupRestaurantImg img {
transform:scale(1.1)
}
.hotelGroupRestaurantContent {
width:50%;
padding:40px;
border:1px solid #dedede;
min-height:400px;
max-height:400px;
display:flex;
flex-flow:column;
justify-content:center
}
.hotelGroupRestaurantContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.hotelGroupRestaurantContent p {
margin-bottom:30px
}
.hotelGroupBanquetsContainer {
padding:80px 0
}
.hotelGroupBanquetsInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupBanquetsBlock {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:calc(50% - 40px);
margin:0 20px 60px;
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease;
overflow:hidden
}
.hotelGroupBanquetsBlock:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelGroupBanquetsImg {
position:relative;
z-index:1;
max-height:350px;
overflow:hidden
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 24px rgb(255 255 255 / .3)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
min-height:350px;
max-height:350px;
transition:all .6s ease
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1.1)
}
.hotelGroupBanquetsContent {
background:#FFF;
transition:all .3s ease;
padding:30px
}
.hotelGroupBanquetsContent h3 {
font-size:32px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupBanquetsContent p {
margin:0
}
.hotelGroupNavbar .navbar-header #subNavicon {
display:none
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:none
}
.hotelGroupCovidpage {
padding:80px 0
}
.hotelGroupCovidpage h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupCovidpage p {
margin-bottom:20px
}
.hotelGroupTheme .nomargintop {
margin-top:0!important
}
.helloBarContainer {
background:var(--primary-color);
color:#FFF;
text-align:center;
padding:15px 0
}
.helloBarContainer p {
margin:0;
line-height:1;
font-size:14px;
color:#FFF
}
.helloBarContainer p .fa {
margin:0 10px 0 0
}
.helloBarContainer p a {
color:#FFF;
text-transform:uppercase;
font-weight:600;
margin:0 0 0 20px;
text-decoration:none;
border-bottom:1px solid #FFF
}
.helloBarContainer p a:hover,.helloBarContainer p a:focus {
color:#FFF;
text-decoration:none;
border-bottom-color:rgba(255,255,255,.5)
}
.helloBarContainer a.helloBarClose {
cursor:pointer;
color:rgba(255,255,255,.5);
font-size:24px;
font-weight:300;
line-height:1;
margin:0 0 0 20px;
transition:all .2s ease-out
}
.helloBarContainer a.helloBarClose:hover,.helloBarContainer a.helloBarClose:focus {
text-decoration:none;
color:rgba(255,255,255,1)
}
.helloBarInner {
position:relative;
z-index:11;
display:flex;
justify-content:center;
align-items:center
}
.rewardsTopcontainer {
padding:80px 0
}
.rewardsTopcontainerInner {
display:flex;
flex-flow:row-reverse
}
.rewardsTopcontainerImage {
width:55%;
padding-left:50px
}
.rewardsTopcontainerContent {
width:45%
}
.rewardsTopcontainerContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.rewardsOffers {
background:var(--primary-color);
color:#FFF;
padding:80px 0
}
.rewardsForm {
max-width:500px;
margin:0 auto
}
.rewardsForm h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px;
text-align:center
}
.hotelGroupAmenityContainer.rewardsOffers:before {
background-image:url(images/uploads/1/5f92a8c42060e_gift4.jpg)
}
.hotelGroupTheme.privacyPage {
padding:80px 0
}
.hotelGroupTheme.privacyPage h2 {
font-size:32px;
font-weight:700;
color:#30353e;
text-transform:none;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupTheme.privacyPage p {
}
.hotelGroupTheme.privacyPage p strong {
font-size:18px;
margin-top:20px;
margin-bottom:5px;
display:inline-block
}
.hotelGroupTheme ul.privacyList {
margin:30px 0
}
.hotelGroupTheme ul.privacyList li {
margin-bottom:10px
}
.hotelGroupTheme ul.privacyList li:last-of-type {
margin-bottom:0
}
.hotelSubGroupAboutSliderContainer {
padding:40px 0 80px
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display:none
}
.grecaptcha-badge {
display:none!important
}
.boxnew button.btn.crssearchbtn:hover {
background:#45b5c6!important
}
.hotelgroup-subnavbar {
position:sticky;
z-index:99;
top:0
}
.group-row {
display:flex;
align-items:center
}
div#gallery2 img {
min-height:230px;
max-height:230px;
min-width:387px;
height:100%;
width:100%
}
.ekko-lightbox-container img {
min-width: 1000px;
min-height: 600px;
max-height: 600px;
height:100%;
width:100%
}
.modal-dialog{
max-width: 1000px !important;
}
@media(min-width:1601px) {
.hotelGroupSlideshowContainer .carousel .item img {
width:100%
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
}
@media(max-width:1199px) {
.hotelGroupNavbar .navbar-header .navbar-brand a {
max-width:200px
}
.hotelGroupNavbar .container {
padding:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
padding:0;
margin:0;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar .navbar-buttons {
margin:0 0 0 15px!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-size:12px;
padding:10px;
margin:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-centered .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left-right .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons {
min-height:initial;
min-width:initial
}
.hotelGroupNavbar .navbar {
padding:0;
border:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar-header {
float:none;
width:100%;
padding:0;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
border-bottom:1px solid #efefef
}
.hotelGroupNavbar .navbar-header .navbar-brand {
min-height:initial;
height:initial;
max-width:initial;
padding:0;
margin:0 10px 0 0;
width:calc(100% - 80px)
}
.hotelGroupNavbar .navbar-header .navbar-toggle {
width:50px;
float:none;
margin:0;
padding:0;
font-size:24px;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar-header .navbar-toggle.collapsed .fa-bars:before {
content:"\F0C9"
}
.hotelGroupNavbar .navbar-header .navbar-toggle .fa-bars:before {
content:"\F00D"
}
.hotelGroupNavbar .navbar-header #subNavicon {
width:50px;
float:none;
margin:0;
padding:0;
color:#4f4f4f;
font-size:24px;
text-align:center;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
display:none!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse.in {
display:block!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:20px 10px;
margin:0;
box-shadow:none;
min-width:100%;
width:100%;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li {
display:block;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.open {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav .dropdown.open>a {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
padding:10px 30px;
text-transform:none
}
.hotelSubGroupNavbar {
background:#FFF
}
.hotelSubGroupNavbar #subGroupNavigation {
padding:0;
margin:0 -15px
}
.hotelSubGroupNavbar #subGroupNavigation.collapse {
display:none!important
}
.hotelSubGroupNavbar #subGroupNavigation.collapse.in {
display:block!important
}
.hotelSubGroupNavbar #subGroupNavigation .navbar-nav {
float:none;
padding:20px
}
.hotelSubGroupNavbar .navbar-nav>li {
display:block;
float:none
}
.hotelSubGroupNavbar .navbar-nav>li>a {
font-family:Chakra Petch;
color:#30353e;
font-size:14px;
font-weight:600;
padding:10px 0
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:60px
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:0
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active,.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:#FFF;
color:var(--secondary-color)
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:block;
margin:0 20px 20px 20px
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow.navbar-buttons>* {
display:block
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow .btn {
font-size:15px;
line-height:1;
padding:15px 20px
}
.hotelGroupWelcomeContent {
width:50%
}
.hotelGroupWelcomeImgOuter {
width:50%;
padding-left:50px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:16px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
position:relative;
font-size:40px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
flex-direction:column;
justify-content:center
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
margin:0 auto;
width:90%
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2)
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:90%;
margin:0 auto;
position:relative;
top:0;
transform:translateY(0%)
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:36px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:400px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding:40px 0 60px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:60px 0 0
}
.hotelGroupContactContainer {
padding:60px 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:50%;
padding-bottom:0;
margin:20px 0
}
.hotelGroupContactlistContainer {
padding:60px 0
}
.hotelGroupFormContainer {
max-width:100%
}
.hotelGroupRestaurantContent {
max-height:initial
}
.hotelGroupRestaurantBlock {
align-items:stretch
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:100%;
max-height:initial
}
.hotelGroupCovidpage {
padding:40px 0
}
}
@media(max-width:991px) {
.group-row {
display:flex
}
body.hotelGroupBody #page {
overflow-x:hidden
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
display:none
}
.hotelGroupTopbar .hotelGroupTopbarLeft .inline-wrapper {
justify-content:flex-start
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper {
justify-content:flex-end
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper>[data-component=image] {
display:none
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:36px
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
display:none
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
display:none
}
.hotelGroupBookingContainer #bb_resBookingBox {
flex-direction:column
}
.hotelGroupBookingContainer .boxnew p {
max-width:300px;
margin:15px 0
}
.hotelGroupTheme h2 {
font-size:42px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:60px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span {
position:relative;
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:30px
}
.hotelGroupPropertyContainerInner {
flex-flow:row wrap
}
.hotelGroupPropertyBlock {
width:calc(50% - 40px);
margin-bottom:30px
}
.hotelGroupAttractionBlock {
width:calc(50% - 40px)
}
.hotelGroupAttractionHome {
padding:60px 0
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:column;
margin:40px 20px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupRestaurantImg {
width:initial
}
.hotelGroupRestaurantContent {
width:initial;
min-height:initial;
max-height:initial;
padding:30px
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:initial;
max-height:initial
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:36px;
top:-10px
}
.hotelGroupWelcomeContainer {
padding:60px 0
}
.hotelGroupWelcomeInner {
flex-direction:column
}
.hotelGroupWelcomeContent {
width:initial;
text-align:center
}
.hotelGroupWelcomeImgOuter {
width:initial;
padding-left:0;
margin:40px auto 0;
max-width:600px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
flex-direction:column
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
width:initial
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
flex-direction:column;
text-align:center
}
.hotelGroupAmenityItemImg {
margin:0 auto 30px
}
.hotelGroupGalleryContainer {
padding-bottom:60px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:60px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:flex;
flex-flow:row wrap;
justify-content:center
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:33.33%
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:100%
}
.hotelGroupTestimonialHome h2 span {
font-size:30px;
top:-30px
}
body .hotelGroupFooter .col-sm-4 {
width:100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 30px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
display:none
}
.hotelGroupHeadBlock {
padding-bottom:30px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:42px
}
.hotelGroupBookingContainer .boxnew p input {
height:40px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
bottom:6px
}
.hotelGroupBookingContainer .boxnew p select {
height:40px
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
height:44px
}
.hotelGroupPageTitle {
padding:80px 0
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2 {
font-size:32px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:350px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:auto;
margin:40px 0 0
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
width:100%;
left:0;
right:0;
bottom:auto;
top:45%;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:auto;
right:auto;
left:5px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.right.carousel-control {
left:auto;
right:5px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:100%
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
width:100%
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
display:none
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:30px 0
}
.hotelSubGroupContentContainer {
padding:60px 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
margin:0 10px
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p,.hotelGroupTheme p {
font-size:15px
}
.hotelGroupContactDetails li .fa.fa-map-marker {
top:0
}
.hotelGroupContactDetails {
margin:60px 0 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:100%;
margin:30px 0
}
.hotelGroupContactlistContainer {
padding:40px 0
}
.hotelGroupContentContainer {
padding-top:60px
}
.hotelGroupContentContainer h2 {
font-size:36px
}
.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupRestaurantBlock {
align-items:initial
}
.hotelGroupBanquetsBlock {
width:100%;
margin:0 10px 60px
}
.hotelGroupBanquetsBlock:last-of-type {
margin-bottom:0
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
max-height:initial;
min-height:initial
}
.rewardsTopcontainer {
padding:60px 0
}
.rewardsTopcontainerInner {
flex-direction:column
}
.rewardsTopcontainerImage {
width:initial;
padding-left:0;
margin:0 auto 30px
}
.rewardsTopcontainerContent {
width:initial
}
.hotelGroupTheme.privacyPage {
padding:40px 0
}
.hotelGroupAboutSliderContainer {
padding:50px 0
}
.hotelGroupAboutWelcomeContainer {
padding-bottom:50px
}
}
@media(max-width:767px) {
.ekko-lightbox-container img {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
div#gallery2 img {
min-height:100%;
max-height:100%;
min-width:100%
}
.hotelGroupNavbar .navbar-two {
padding:10px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:block
}
#whatsapp-message {
bottom:90px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupSlideshowContainer .carouselNavOuter {
width:100%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
left:10px;
right:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
top:auto;
bottom:10px;
left:auto;
right:10px
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:relative;
bottom:auto;
background:#FFF;
color:#4f4f4f;
min-height:200px
}
.hotelGroupAttractionContent h3 {
font-size:24px;
font-weight:600
}
.hotelGroupAttractionContent p {
color:#4f4f4f
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:initial
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column;
justify-content:center;
text-align:center
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1)
}
.hotelGroupAmenityItemContent h3 {
margin-bottom:15px
}
.hotelGroupContactContainer {
padding:40px 0
}
.hotelGroupPageTitle h2 span {
line-height:1.6
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1)
}
.CovidpageInner {
padding:0 10px
}
.hotelGroupCovidpage h3 {
font-size:28px
}
.rewardsTopcontainer {
padding:40px 0
}
.rewardsTopcontainerInner {
padding:0 10px
}
.hotelGroupTheme ul.privacyList {
padding:0 0 0 20px
}
.privacyPageInner {
padding:0 10px
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
display:none
}
}
@media(max-width:640px) {
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
display:none
}
.hotelGroupRewardContainer {
padding:80px 0
}
.hotelGroupRestaurantContainer {
padding:60px 0
}
.hotelGroupPropertyBlock {
width:100%;
border:1px solid #e0e0e0
}
.hotelGroupPropertyBlockImg {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
position:relative;
top:0;
max-height:450px;
opacity:1;
border-color:#e0e0e0
}
.hotelGroupPropertyBlock h3 {
color:#30353e;
font-weight:600
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
margin-top:15px;
font-size:14px;
font-weight:400
}
.hotelGroupAttractionBlock {
width:100%;
box-shadow:0 3px 6px -1px rgba(0,0,0,.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
min-height:initial;
padding:30px
}
.hotelGroupAttractionImg {
max-height:350px;
overflow:hidden
}
.hotelGroupAttractionContent h3 {
color:#fff;
font-size:30px
}
.hotelGroupRewardInner {
padding:0 10px
}
.hotelGroupPropertyLogoInner {
flex-flow:row wrap
}
.hotelGroupPropertyLogo {
width:calc(50% - 40px)
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:initial
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:50px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
max-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:relative;
bottom:0;
left:25px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:25px;
border:0
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 30px
}
.hotelGroupTheme .btn.btn-primary {
padding:14px 18px;
font-size:15px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
background:rgba(0,0,0,.3)
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:1
}
.hotelGroupPropertyBlock:hover:after {
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1)
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:300px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:30px;
margin-bottom:15px
}
.hotelGroupPageTitle {
padding:60px 0
}
.hotelGroupPageTitle h2 {
font-size:32px
}
.hotelGroupPageTitle h2 span {
font-size:14px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelSubGroupRestaurantPage h2 {
font-size:30px;
letter-spacing:.03em
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-top:0
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:60px 0 0
}
.hotelGroupCovidpage h3 {
margin-top:30px
}
.hotelGroupAmenityItemContent {
margin:0 auto
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:100%
}
.rewardsOffers.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
}
@media(max-width:580px) {
.hotelGroupSlideshowContainer .carousel .item img {
min-height:300px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:30px;
letter-spacing:2px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control,.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
bottom:-20px
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:70px
}
.hotelGroupTheme h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:15px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:30px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
margin:0
}
.hotelGroupTopbar p.hotelGroupTopbarPhone a {
margin-bottom:0
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-size:16px
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
display:block
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupPageTitle {
padding:40px 0
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:40px 10px 0
}
.hotelGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:20px 0 60px
}
.hotelGroupBanquetsContent h3 {
font-size:26px
}
.hotelGroupCovidpage h3 {
font-size:26px;
margin-bottom:15px
}
.hotelGroupTheme.privacyPage h2 {
font-size:26px
}
.hotelGroupAboutSliderInner,.hotelGroupAboutWelcomeInner {
padding:0 10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:30px;
margin-bottom:20px
}
}
@media(max-width:500px) {
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
display:block
}
}
@media(max-width:479px) {
.hotelGroupRestaurantContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:30px 10px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupPropertyBlock {
margin:20px 10px
}
.hotelGroupAttractionBlock {
margin:20px 10px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:40px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
margin-bottom:0
}
.hotelGroupAttractionHome {
padding:40px 0
}
.hotelGroupAttractionHome h2 {
margin-bottom:30px
}
.hotelGroupTheme h2 {
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:24px;
top:-10px
}
.hotelGroupAttractionContent h3 {
font-size:24px
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
padding:20px
}
.hotelGroupPropertyLogo {
width:calc(50% - 20px);
margin:10px
}
.hotelGroupRewardContainer {
padding:60px 0;
background-attachment:initial;
background-position:50% 100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 20px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:250px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:24px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2,.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:26px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
padding:20px 0
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:10px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
padding:25px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelGroupPropertyBlockImg,.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:260px
}
.hotelGroupFooter .HGfooterTitle {
font-size:20px
}
.hotelGroupTheme p {
font-size:13px
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupBtnOuter {
margin-top:40px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
margin-bottom:30px
}
.hotelGroupGalleryContainer {
padding-bottom:50px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
padding:50px 20px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
font-size:60px;
top:-20px;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:220px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelSubGroupContentContainer {
padding:40px 0 20px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:26px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding-top:40px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-bottom:40px
}
.hotelGroupBanquetsContent {
padding:20px
}
.rewardsTopcontainerContent h3,.rewardsForm h3,.rewardsForm h3 {
font-size:28px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
.helloBarContainer p a {
margin-left:10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:24px
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
bottom:20px
}
.hotelGroupAboutSliderInner .carousel .item img {
min-height:180px
}
}
@media(max-width:359px) {
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
max-width:140px
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:260px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:24px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 20px;
left:20px
}
}
* img{
object-fit: cover;
}
:root {
--primary-color:#c6ab62;
--secondary-color:#b48744;
--btn-hover:#b48744;
--white:#fff;
--primary-text-color:#333;
--black:#000;
--placeholder:#757575;
--background-color:#0f0f0f
}
body.hotelGroupBody {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f;
overflow-x:hidden
}
.yummy .col-lg-1,.yummy .col-lg-2,.yummy .col-lg-3,.yummy .col-lg-4,.yummy .col-lg-5,.yummy .col-lg-6,.yummy .col-lg-7,.yummy .col-lg-8,.yummy .col-lg-9,.yummy .col-lg-10,.yummy .col-lg-11,.yummy .col-lg-12,.yummy .col-lg-15,.yummy .col-md-1,.yummy .col-md-2,.yummy .col-md-3,.yummy .col-md-4,.yummy .col-md-5,.yummy .col-md-6,.yummy .col-md-7,.yummy .col-md-8,.yummy .col-md-9,.yummy .col-md-10,.yummy .col-md-11,.yummy .col-md-12,.yummy .col-md-15,.yummy .col-sm-1,.yummy .col-sm-2,.yummy .col-sm-3,.yummy .col-sm-4,.yummy .col-sm-5,.yummy .col-sm-6,.yummy .col-sm-7,.yummy .col-sm-8,.yummy .col-sm-9,.yummy .col-sm-10,.yummy .col-sm-11,.yummy .col-sm-12,.yummy .col-sm-15,.yummy .col-xs-1,.yummy .col-xs-2,.yummy .col-xs-3,.yummy .col-xs-4,.yummy .col-xs-5,.yummy .col-xs-6,.yummy .col-xs-7,.yummy .col-xs-8,.yummy .col-xs-9,.yummy .col-xs-10,.yummy .col-xs-11,.yummy .col-xs-12,.yummy .col-xs-15 {
padding-right:15px;
padding-left:15px;
padding-bottom:0
}
.yummy p {
margin:0
}
#whatsapp-message {
position:fixed;
margin-bottom:1vh;
bottom:35px;
right:5px;
width:65px;
height:65px;
overflow:hidden;
visibility:visible;
z-index:2147483639;
background:0;
border:0;
transition:transform .2s ease-in-out;
backface-visibility:hidden;
opacity:1;
transform:translateY(0%)
}
.hotelGroupTheme,body .hotelGroupTheme {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTheme a,.hotelGroupTheme p a {
text-decoration:none;
color:var(--primary-color)
}
.hotelGroupTheme a:hover,.hotelGroupTheme a:focus,.hotelGroupTheme p a:hover,.hotelGroupTheme p a:focus {
text-decoration:none;
color:var(--secondary-color)
}
.hotelGroupTheme .btn.btn-primary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-primary:focus,.hotelGroupTheme .btn.btn-primary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelGroupTheme .btn.btn-secondary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:transparent;
color:var(--primary-color);
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-secondary:focus,.hotelGroupTheme .btn.btn-secondary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#FFF
}
.hotelGroupTheme .h1,.hotelGroupTheme .h2,.hotelGroupTheme .h3,.hotelGroupTheme .h4,.hotelGroupTheme .h5,.hotelGroupTheme .h6,.hotelGroupTheme h1,.hotelGroupTheme h2,.hotelGroupTheme h3,.hotelGroupTheme h4,.hotelGroupTheme h5,.hotelGroupTheme h6 {
font-family:Bellota;
font-weight:400
}
.header.fixed {
position:fixed;
top:0;
box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
-webkit-box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
left:0;
right:0;
margin:0 auto;
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
.hotelGroupTheme h2 {
margin:0 0 30px;
position:relative;
color:#30353e;
margin:0 0 30px;
font-size:48px;
line-height:1.2;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase
}
.hotelGroupTheme h2 span {
display:block;
font-size:16px;
font-weight:400;
margin:0 0 10px;
color:var(--secondary-color)
}
.hotelGroupTheme p {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTopbar {
padding:12px 0;
border-bottom:1px solid #efefef
}
.hotelGroupTopbar .inline-wrapper {
align-items:center
}
.hotelGroupTopbar p {
margin:0 10px 0;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
margin-left:0
}
.hotelGroupTopbar p .fa {
margin-right:10px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone .fa {
font-size:18px;
position:relative;
top:1px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
position:relative;
top:-1px
}
.hotelGroupTopbar p a {
color:#4f4f4f;
text-decoration:none;
transition:all .3s ease
}
.hotelGroupTopbar p a:focus,.hotelGroupTopbar p a:hover {
color:var(--secondary-color);
;
text-decoration:none
}
.hotelGroupTopbar p.hotelGroupTopbarSocial {
font-size:16px
}
.hotelGroupTopbar p.hotelGroupTopbarSocial .fa {
margin-right:0
}
.hotelGroupTopbar .gTranslate {
margin-left:10px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget {
position:relative;
font-size:0
}
.hotelGroupTheme #google_translate_element .goog-te-gadget:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
pointer-events:none;
color:#000;
font-size:18px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget a.goog-logo-link {
display:none
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
height:30px;
padding:0 30px 0 10px;
letter-spacing:.03em;
border-radius:0;
border:1px solid #d5d5d5;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
cursor:pointer;
font-size:12px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo:focus {
outline:0;
border-color:#a7a7a7
}
.hotelGroupNavbar {
position:relative;
z-index:100
}
.hotelGroupNavbar .navbar {
width:100%;
margin:0;
padding:10px 0;
display:flex;
align-items:center;
min-height:60px
}
.hotelGroupNavbar .navbar-header .navbar-brand {
height:auto
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:90px
}
.hotelGroupNavbar .navbar-collapse {
padding:0!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
width:inherit;
align-items:center;
padding-right:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:5px 0 0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
line-height:1;
color:#30353e;
text-transform:uppercase;
letter-spacing:.03em;
transition:all .3s ease;
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:active,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:focus,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:hover,.hotelGroupNavbar .navbar.navbar-plain ul.nav li.active a {
color:var(--secondary-color);
;
background-color:transparent
}
.hotelGroupNavbar .nav .open>a,.hotelGroupNavbar .nav .open>a:focus,.hotelGroupNavbar .nav .open>a:hover {
background:none;
border:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown a .caret:after {
top:-7px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown.open a .caret:after {
top:-3px
}
.hotelGroupNavbar .dropdown-menu {
border-radius:0;
background:#FFF
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li {
display:block
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
font-weight:400;
display:block;
padding:15px 20px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdownRight .dropdown-menu {
left:auto;
right:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-family:Bellota;
background:var(--primary-color);
border:1px solid var(--primary-color);
color:#fff;
box-shadow:none;
border-radius:0;
font-size:14px;
font-weight:700;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
transition:all .3s ease;
padding:12px 18px
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:focus,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:hover {
border-color:var(--secondary-color);
;
background:var(--secondary-color);
;
cursor:pointer;
color:#fff;
text-decoration:none;
box-shadow:none;
outline:0
}
.hotelGroupSlideshowContainer {
color:#FFF
}
.hotelGroupSlideshowContainer p,.hotelGroupSlideshowContainer a {
color:#FFF
}
.hotelGroupSlideshowContainer .carousel-inner>.item {
transition:none;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item img {
animation:bloomEffects 1s ease;
animation-fill-mode:forwards
}
@keyframes bloomEffects {
0% {
transform:scale(1)
}
100% {
transform:scale(1.1)
}
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:60px;
font-weight:700;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
font-size:18px;
font-weight:400;
line-height:1.4;
letter-spacing:.06em;
margin:0 auto 60px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
background:#000;
border-color:#000
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
font-family:Chakra Petch;
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
background-color:transparent;
color:#fff;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto;
height:50px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:active {
background-color:#FFF;
border-color:#FFF;
color:#000
}
.hotelGroupSlideshow {
max-height:600px;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupSlideshowContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
background:#000;
border:1px solid #000
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:auto;
right:0
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
left:auto;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li:hover,.hotelGroupSlideshowContainer .carousel-indicators li:focus,.hotelGroupSlideshowContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupSlideshowContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupSlideshowContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBookingContainer {
position:relative;
background:#1b1b1b;
color:#FFF;
padding:40px 0
}
.hotelSubGroupTheme.hotelGroupBookingContainer {
position:relative;
background:var(--secondary-color);
;
color:#FFF
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0 30px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupBookingContainer .boxnew {
width:100%;
text-align:center
}
.hotelGroupBookingContainer .boxnew p {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupBookingContainer .boxnew p label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p input {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupBookingContainer .boxnew p select {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
font-family:Bellota;
font-size:18px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:50px;
border-radius:0;
padding:10px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:var(--secondary-color);
!important;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn {
background-color:#000;
color:#fff;
border:1px solid #000
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupBookingContainer .boxnew p br {
display:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:25px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:25px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1) {
max-width:300px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(4) {
margin-top:28px
}
.hotelGroupTheme .bbres_fieldset,.hotelGroupTheme .HGCalender,.hotelGroupTheme .HGBEBtn {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select,.hotelGroupTheme .HGSelectOuter {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:300px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select:before,.hotelGroupTheme .HGSelectOuter:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:20px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupTheme .bbres_fieldset label,.hotelGroupTheme .bbres_select label,.hotelGroupTheme .form-control label,.hotelGroupTheme .HGSelectOuter label,.hotelGroupTheme .HGCalender label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset input,.hotelGroupTheme .HGCalender input,.hotelGroupTheme input.form-control {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme textarea.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:auto;
background:#fff;
width:100%;
padding:20px;
border-radius:0;
font-size:13px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger {
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
font-size:0;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px
}
.hotelGroupTheme .HGCalender:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupTheme .bbres_select select,.hotelGroupTheme .HGSelectOuter select,.hotelGroupTheme select.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupTheme input.form-control:focus,.hotelGroupTheme select.form-control:focus,.hotelGroupTheme select:focus,.hotelGroupTheme textarea.form-control:focus,.hotelGroupTheme textarea:focus {
border-color:#152161;
background:#fff;
outline:0
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn,.hotelGroupTheme .HGBEBtn #bb_resBtn {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
line-height:1.8;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:#000;
color:#fff;
border:1px solid #000;
height:50px;
border-radius:0;
padding:15px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn:active,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:focus,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:hover,.hotelGroupTheme .HGBEBtn #bb_resBtn:active,.hotelGroupTheme .HGBEBtn #bb_resBtn:focus,.hotelGroupTheme .HGBEBtn #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupWelcomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupWelcomeInner {
display:flex;
align-items:center
}
.hotelGroupWelcomeContent {
width:48%
}
.hotelGroupWelcomeImgOuter {
width:52%;
padding-left:100px
}
.hotelGroupPropertyContainer {
position:relative;
padding:1px 0;
display:flex;
justify-content:center
}
.hotelGroupPropertyInner {
position:relative;
display:flex;
min-height:600px;
flex-flow:row wrap;
max-width:1600px
}
.hotelGroupPropertyContainerAlter .hotelGroupPropertyInner {
flex-direction:row-reverse
}
.hotelGroupPropertyImage {
width:60%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.hotelGroupPropertyContent {
width:40%;
padding:60px;
display:flex;
flex-flow:column;
justify-content:center;
text-align:left
}
h3.hotelGroupPropertyContentTitle {
margin:0 0 30px;
font-size:42px;
line-height:1.2;
letter-spacing:2px;
color:#30353e
}
p.hotelGroupPropertyContentText {
color:inherit;
margin:0 0 50px;
font-size:17px;
line-height:1.8;
letter-spacing:.03em
}
.hotelGroupHomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupHomeContainer .hotelGroupHomeContent {
text-align:center
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:60px;
padding-top:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:16px;
line-height:2
}
.hotelGroupAmenityContainer {
position:relative;
background:var(--primary-color);
color:#FFF;
padding:80px 0 40px;
text-align:center
}
.hotelGroupAmenityContainer {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f06b6379b36d_bannerImg002.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupAmenityContainer h2,.hotelGroupAmenityContainer h3,.hotelGroupAmenityContainer h4,.hotelGroupAmenityContainer p {
color:#FFF
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px;
padding-top:30px
}
.hotelGroupAmenityContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#e6c6a1;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupAmenityBtnOuter {
margin:60px 0 0
}
.hotelGroupAmenityList {
display:flex;
flex-flow:row wrap;
align-items:flex-start;
justify-content:flex-start
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
position:relative;
display:flex;
text-align:left;
padding:40px;
align-items:flex-start;
width:33%;
justify-content:flex-start;
margin:0;
align-items:center
}
.hotelGroupAmenityItemImg {
min-width:60px;
min-height:60px;
background:rgb(0 0 0 / .2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
margin:0 10px 0 0
}
.hotelGroupAmenityItemImg img {
max-width:30px;
max-height:30px
}
.hotelGroupAmenityItemContent h3 {
margin:0 0 6px;
font-weight:600;
letter-spacing:1px;
font-size:20px;
line-height:1
}
.hotelGroupAmenityItemContent p {
margin:0;
font-size:14px;
letter-spacing:.03em
}
body .hotelGroupFooter {
background:#1b1b1b;
color:#c5c5c5
}
.hotelGroupFooter .HGfooterTitle {
color:#FFF;
font-family:Bellota;
font-size:24px;
letter-spacing:3px;
font-weight:700;
text-transform:uppercase;
margin:0 0 30px
}
.hotelGroupFooter ul.list-basic li a:not(.btn) {
color:#c5c5c5;
text-decoration:none
}
.hotelGroupFooter ul.list-basic li a:not(.btn):hover,.hotelGroupFooter ul.list-basic li a:not(.btn):focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic {
display:flex;
flex-flow:row wrap
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic li {
width:50%
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic {
display:flex;
flex-flow:column
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic li {
width:initial
}
body .hotelGroupFooterbtm {
background:#101010;
color:#c5c5c5;
padding:10px 0;
font-size:14px
}
body .hotelGroupFooterbtm .footerBtmInner {
display:flex;
justify-content:space-between;
align-items:center
}
body .hotelGroupFooterbtm p {
margin:0;
font-family:Chakra Petch
}
body .hotelGroupFooterbtm p a {
color:#c5c5c5;
text-decoration:none
}
body .hotelGroupFooterbtm p a:hover,body .hotelGroupFooterbtm p a:focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterContact ul.list-basic li {
position:relative;
padding-left:30px
}
body .hotelGroupFooter p,body .hotelGroupFooter ul li,body .hotelGroupFooter p a {
margin-bottom:10px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
color:#c5c5c5;
letter-spacing:.03em
}
body .hotelGroupFooter .HGfooterContact li .fa {
position:absolute;
left:0;
top:3px;
font-size:20px;
font-weight:400;
line-height:1
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial {
margin:10px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial li .fa {
position:relative;
top:initial
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-map-marker {
left:2px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-envelope-open-o {
font-size:14px;
left:1px;
top:4px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-mobile {
font-size:22px;
left:3px;
top:1px
}
.hotelGroupRoomContainer {
padding:80px 0
}
.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-end
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
position:relative;
z-index:1;
width:80%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:600px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
position:absolute;
right:10px;
bottom:70px;
width:50px;
z-index:2;
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #000;
background:#000;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators {
background:none;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
position:absolute;
width:600px;
background:#FFF;
padding:30px;
left:0;
top:50%;
display:block;
z-index:2;
transform:translateY(-50%);
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:48px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupRoomContainer .hotelGroupRoomContentText {
margin:0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities {
margin:20px 0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic {
display:flex;
flex-flow:row wrap
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic li {
width:50%;
display:flex;
align-items:center;
margin:0 0 15px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesImg img {
max-height:24px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesTxt p {
margin:0 0 0 10px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice {
margin:0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice strong {
font-size:22px;
font-weight:700;
margin:0;
letter-spacing:-.02em
}
.hotelGroupRoomContainer .hotelGroupRoomPrice span {
border-bottom:1px dashed;
cursor:help;
margin:0 0 0 5px
}
.hotelGroupRoomContainerAlter .hotelGroupRoomInner {
justify-content:flex-start
}
.hotelGroupRoomContainerAlter .hotelGroupRoomContent {
left:auto;
right:0
}
.hotelGroupRoomContainerAlter .hotelGroupRoomImage .carouselNavOuter {
right:auto;
left:10px
}
.hotelGroupTheme .mapWrapper iframe {
margin:0;
padding:0;
outline:0;
border:0;
display:inline-block;
vertical-align:top
}
.hotelGroupGalleryContainer {
padding:0 0 80px;
text-align:center
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:80px
}
.hotelGroupBody .modal-dialog {
margin:15px auto 0;
max-width:900px!important
}
.hotelGroupBody .modal-header {
padding:0;
border-bottom:0 solid #e5e5e5;
background:0
}
.hotelGroupBody .modal-title {
display:none
}
.hotelGroupBody .modal button.close {
z-index:110;
right:10px;
top:10px;
outline:0
}
.hotelGroupBody .modal button.close:focus,.hotelGroupBody .modal button.close:hover {
outline:0
}
.hotelGroupBody .ekko-lightbox-nav-overlay .glyphicon {
height:100%;
display:flex;
align-items:center;
text-align:right
}
.hotelGroupBody .glyphicon.glyphicon-chevron-left {
justify-content:flex-start
}
.hotelGroupBody .glyphicon.glyphicon-chevron-right {
justify-content:flex-end
}
.hotelGroupBody .ekko-lightbox-nav-overlay a:focus,.hotelGroupBody .ekko-lightbox-nav-overlay a:hover {
text-decoration:none
}
.hotelGroupBody .modal-dialog img {
width:100%
}
.hotelGroupBody .modal-dialog .ekko-lightbox-container {
max-height:550px;
overflow:hidden
}
.hotelGroupHeadBlock {
padding:60px 0;
text-align:center
}
.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
margin:0
}
.hotelGroupPageTitle {
padding:100px 0;
color:#FFF;
background-color:rgba(0,0,0,0);
background-position:50% 60%
}
.hotelGroupPageTitle h2 {
color:#FFF;
text-align:center;
margin:0
}
.hotelGroupPageTitle h2 span {
color:#FFF;
font-family:Chakra Petch;
margin:10px 0 0
}
.hotelGroupContactContainer {
padding:80px 0
}
.hotelGroupContactContainer .form-group,.hotelGroupContactContainer .input-group {
margin:0 0 20px
}
.hotelGroupContactContainer h3 {
font-size:28px;
font-weight:700;
letter-spacing:1px;
margin:0 0 20px;
color:#30353e
}
.hotelGroupContactContainer h3.hotelGroupContactHeading {
margin:0 0 10px
}
.hotelGroupContactContainer p.hotelGroupContactDesc {
margin:0 0 40px
}
.hotelGroupContactDetails ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactDetails p,.hotelGroupContactDetails ul li,.hotelGroupContactDetails p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactDetails li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactDetails ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
.hotelGroupContactDetails li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactDetails li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactDetails li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn) {
color:#4f4f4f
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding-left:30px
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial .HGfooterSocial li .fa {
position:relative;
top:initial
}
.hotelGroupContactlistContainer {
background:#f8f8f8;
padding:80px 0
}
.hotelGroupContactlistContainer .hotelGroupContactblock {
position:relative;
padding:30px;
background:#FFF;
box-shadow:0 7px 12px -4px rgba(0,0,0,.1);
margin:0 5px
}
.hotelGroupContactlistContainer .hotelGroupContactblock a {
white-space:normal;
word-break:break-all
}
.hotelGroupContactlistContainer .hotelGroupContactblock h4 {
margin:0 0 30px;
font-size:22px;
font-weight:700
}
.hotelGroupContactlistContainer ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactlistContainer p,.hotelGroupContactlistContainer ul li,.hotelGroupContactlistContainer p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactlistContainer li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactlistContainer ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 10px 0 0
}
.hotelGroupContactlistContainer li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactlistContainer li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactlistContainer li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding:0;
margin:0 15px 0 0
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li .fa {
position:relative
}
.hotelGroupAboutSliderContainer {
padding:80px 0
}
.hotelGroupAboutWelcomeContainer {
padding:0 0 80px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption h3 {
font-size:54px;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption p {
font-size:16px;
font-weight:400;
line-height:1.8;
letter-spacing:.05em;
margin:0 auto 60px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn {
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:active {
background:#FFF;
color:#000
}
.hotelGroupAboutSliderContainer .carousel-inner .item [data-component=image]:before {
content:"";
top:0;
left:0;
right:0;
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.54);
z-index:1;
display:none
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
background:#000;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupAboutSliderContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li:hover,.hotelGroupAboutSliderContainer .carousel-indicators li:focus,.hotelGroupAboutSliderContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupAboutSliderContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupAboutSliderContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a:hover,.hotelGroupBody .ui-datepicker.ui-widget-content td a:focus,.hotelGroupBody .ui-datepicker.ui-widget-content td a:active {
text-decoration:none
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a.ui-state-active {
background:var(--secondary-color);
;
color:#fff;
text-decoration:none
}
.hotelGroupthankyouPage {
padding:80px 0;
text-align:center
}
.hotelSubGroupContentContainer {
padding:80px 0;
text-align:center
}
.hotelGroupContentContainer {
padding:80px 0 0;
text-align:center
}
.hotelSubGroupContentContainer .hotelGroupRoomContent {
padding:50px
}
.hotelSubGroupContentContainer h2,.hotelGroupContentContainer h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:80px 0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerLast {
padding-bottom:100px
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:absolute;
right:30px;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:10px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn {
font-size:16px;
height:auto;
font-family:Bellota;
line-height:1;
padding:15px 20px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn:nth-of-type(2) {
margin-left:5px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoomAmenitiesTxt {
display:none
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:0 20px 0 0;
width:initial
}
.hotelSubGroupTheme .hotelGroupRoomAmenities {
margin:30px 0 20px
}
.hotelSubGroupTheme .hotelGroupRoomImage {
box-shadow:0 50px 40px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px;
letter-spacing:2px;
padding:30px 0 0;
text-transform:none;
color:#30353e
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
opacity:.8
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:18px;
line-height:2
}
.hotelSubGroupTheme .hotelGroupWelcomeImg {
box-shadow:0 30px 30px -20px rgba(0,0,0,.2);
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover {
box-shadow:0 30px 30px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg img {
transition:all .4s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1.03)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
padding:30px 0 0;
margin:0 0 30px;
color:#30353e
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px;
text-transform:none;
margin-bottom:60px;
padding:30px 0 0
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
margin:0;
padding:1px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper.margin-bottom-10px {
margin-bottom:0;
overflow:hidden;
position:relative
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper img {
transition:all .6s ease
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper:hover img {
transform:scale(1.1)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:before {
content:"";
background:rgba(0,0,0,.6);
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all .3s ease;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:hover:before {
top:0;
opacity:0;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a {
position:relative;
display:block
}
.hotelGroupBtnOuter {
margin:60px auto 0;
text-align:center
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
display:flex
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:50%;
padding:20px 20px 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage {
position:relative;
z-index:1;
width:initial
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent {
position:relative;
top:0;
transform:translateY(0%);
width:initial;
text-align:left
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:0;
transition:all .6s ease;
margin:40px 0 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 14px rgb(255 255 255 / .3)
}
.hotelGroupTestimonialHome {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f7c5d480856d_spa.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupTestimonialHome .overly,.hotelGroupAmenityContainer .overly {
background:rgba(0,0,0,.6)
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter {
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:80%;
margin:0 auto
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-family:Bellota;
font-weight:400;
font-size:18px;
color:#FFF;
line-height:2;
letter-spacing:1px;
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
content:'\f10d';
font-family:fontAwesome;
font-size:72px;
margin:0;
opacity:.3;
position:absolute;
left:-50px;
top:-30px;
line-height:1
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
position:relative;
margin:0 auto;
left:0;
right:0;
top:0;
width:100%;
padding:50px
}
.hotelGroupTestimonialHome .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF;
display:none
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:hover,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:focus,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupTestimonialHome .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupTestimonialHome .carousel-indicators {
background:none;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li:hover,.hotelGroupTestimonialHome .carousel-indicators li:focus,.hotelGroupTestimonialHome .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupTestimonialHome .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupTestimonialHome .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupTestimonialHome .nav-indicators-in .carousel-indicators-wrapper {
right:0;
left:0;
bottom:-30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption h3 {
letter-spacing:1px
}
.hotelGroupTestimonialHome h2 {
color:#FFF;
text-align:center
}
.hotelGroupTestimonialHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#FFF;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-40px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionHome {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupAttractionHomeInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupAttractionBlock {
position:relative;
width:calc(33.33% - 40px);
margin:0 20px;
overflow:hidden
}
.hotelGroupAttractionImg {
position:relative;
z-index:1
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:400px;
transition:all .6s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:absolute;
bottom:-90px;
left:0;
background:rgba(0,0,0,.6);
display:block;
color:#FFF;
z-index:2;
padding:20px;
transition:all .3s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionContent {
bottom:0
}
.hotelGroupAttractionContent p {
color:#FFF
}
.hotelGroupAttractionHome h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupAttractionHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionContent h3 {
margin:0 0 15px;
letter-spacing:1px;
font-size:26px;
color:#fff
}
.hotelGroupAttractionContent p {
color:#FFF;
font-size:14px;
letter-spacing:.03em;
margin:0
}
.hotelGroupPropertyContainer {
padding:80px 0 80px
}
.hotelGroupPropertyPage.hotelGroupPropertyContainer {
padding:0 0 80px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupPropertyContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupPropertyContainerInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyBlock {
width:33%;
margin:0 20px;
position:relative;
overflow:hidden
}
.hotelGroupPropertyBlock:after {
content:"";
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
transition:all .3s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover:after {
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:450px;
transition:all .8s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1.1)
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
text-align:center;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:11;
background:rgba(0,0,0,.5);
opacity:1;
transition:all .3s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:0
}
.hotelGroupPropertyBlock a {
color:var(--secondary-color)
}
.hotelGroupPropertyBlock h3 {
letter-spacing:1px;
font-size:24px;
font-weight:400;
margin:0;
color:#FFF
}
.hotelGroupPropertyBlock p {
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#909090
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
font-size:13px;
text-transform:none;
letter-spacing:.03em;
margin:20px 0 0
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockLabel {
margin:0 0 10px;
font-size:12px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
display:flex;
flex-flow:column;
align-items:flex-start;
border:1px solid;
padding:30px;
position:absolute;
left:0;
top:-100%;
z-index:11;
width:100%;
height:100%;
max-height:450px;
transition:all .6s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockContent {
top:0;
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:absolute;
bottom:-100%;
left:30px;
z-index:11;
transition:all .6s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:30px
}
.hotelGroupPropertyLogoContainer {
padding:20px 0
}
.hotelGroupPropertyLogoInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyLogo {
margin:20px
}
.hotelGroupPropertyLogo img {
max-height:80px;
transition:all .6s ease;
opacity:.6
}
.hotelGroupPropertyLogo:hover img {
opacity:1
}
.hotelGroupRewardContainer {
padding:100px 0;
background-image:url(images/uploads/1/5f7ef5d09cd88_gift.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment:fixed
}
.hotelGroupRewardContainer:before {
content:"";
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
position:absolute;
left:0;
right:0;
top:0;
pointer-events:none;
width:100%;
height:100%
}
.hotelGroupRewardContainer h2 {
color:#FFF;
margin:0 0 10px;
text-transform:none
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupRewardContainer p {
color:#FFF;
margin:0;
letter-spacing:.06em;
font-size:14px
}
.hotelGroupRewardContainer .btn-secondary {
letter-spacing:2px
}
.hotelGroupContentsContainer {
padding:60px 0
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
position:relative;
padding:80px 0;
text-align:center;
background:inherit
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer:before {
content:"";
display:none
}
.hotelGroupAmenityPage .hotelGroupAmenityItemContent h3,.hotelGroupAmenityPage .hotelGroupAmenityItemContent p {
color:#30353e
}
.hotelGroupAmenityPage .hotelGroupAmenityItemImg {
background:none;
border:0;
align-items:flex-start;
padding:0;
min-height:initial;
min-width:initial
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:80px 0 0
}
.hotelGroupAttractionPage.hotelGroupAttractionHome {
background:inherit;
padding-top:40px
}
.hotelGroupTheme .tooltip {
white-space:nowrap
}
.hotelGroupTheme .tooltip .tooltip-inner {
background-color:#000;
font-size:10px;
letter-spacing:.05em
}
.hotelGroupTheme .tooltip.top .tooltip-arrow {
bottom:1px;
border-top-color:#000
}
.hotelGroupTheme .tooltip.top-left .tooltip-arrow,.hotelGroupTheme .tooltip.top-right .tooltip-arrow,.hotelGroupTheme .tooltip.top .tooltip-arrow {
border-top-color:#000
}
.hotelSubGroupNavbar {
background:#1b1b1b
}
.hotelSubGroupNavbar .navbar-nav>li>a {
padding:15px;
color:#FFF;
line-height:1;
font-size:13px;
letter-spacing:.05em;
transition:all .3s ease
}
.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:var(--secondary-color);
;
color:#FFF
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:1px solid #424242
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a {
font-weight:700
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active {
background:#1b1b1b
}
.hotelGroupRestaurantContainer {
padding:80px 0
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:36px;
text-transform:none
}
.hotelSubGroupRestaurantPage {
padding:80px 0 0;
text-align:center
}
.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupRestaurantPage p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelGroupRestaurantBlock {
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:row-reverse
}
.hotelGroupRestaurantImg {
width:50%;
overflow:hidden
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
max-height:400px;
min-height:400px;
width:100%;
transition:all .3s ease
}
.hotelGroupRestaurantBlock:hover .hotelGroupRestaurantImg img {
transform:scale(1.1)
}
.hotelGroupRestaurantContent {
width:50%;
padding:40px;
border:1px solid #dedede;
min-height:400px;
max-height:400px;
display:flex;
flex-flow:column;
justify-content:center
}
.hotelGroupRestaurantContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.hotelGroupRestaurantContent p {
margin-bottom:30px
}
.hotelGroupBanquetsContainer {
padding:80px 0
}
.hotelGroupBanquetsInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupBanquetsBlock {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:calc(50% - 40px);
margin:0 20px 60px;
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease;
overflow:hidden
}
.hotelGroupBanquetsBlock:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelGroupBanquetsImg {
position:relative;
z-index:1;
max-height:350px;
overflow:hidden
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 24px rgb(255 255 255 / .3)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
min-height:350px;
max-height:350px;
transition:all .6s ease
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1.1)
}
.hotelGroupBanquetsContent {
background:#FFF;
transition:all .3s ease;
padding:30px
}
.hotelGroupBanquetsContent h3 {
font-size:32px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupBanquetsContent p {
margin:0
}
.hotelGroupNavbar .navbar-header #subNavicon {
display:none
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:none
}
.hotelGroupCovidpage {
padding:80px 0
}
.hotelGroupCovidpage h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupCovidpage p {
margin-bottom:20px
}
.hotelGroupTheme .nomargintop {
margin-top:0!important
}
.helloBarContainer {
background:var(--primary-color);
color:#FFF;
text-align:center;
padding:15px 0
}
.helloBarContainer p {
margin:0;
line-height:1;
font-size:14px;
color:#FFF
}
.helloBarContainer p .fa {
margin:0 10px 0 0
}
.helloBarContainer p a {
color:#FFF;
text-transform:uppercase;
font-weight:600;
margin:0 0 0 20px;
text-decoration:none;
border-bottom:1px solid #FFF
}
.helloBarContainer p a:hover,.helloBarContainer p a:focus {
color:#FFF;
text-decoration:none;
border-bottom-color:rgba(255,255,255,.5)
}
.helloBarContainer a.helloBarClose {
cursor:pointer;
color:rgba(255,255,255,.5);
font-size:24px;
font-weight:300;
line-height:1;
margin:0 0 0 20px;
transition:all .2s ease-out
}
.helloBarContainer a.helloBarClose:hover,.helloBarContainer a.helloBarClose:focus {
text-decoration:none;
color:rgba(255,255,255,1)
}
.helloBarInner {
position:relative;
z-index:11;
display:flex;
justify-content:center;
align-items:center
}
.rewardsTopcontainer {
padding:80px 0
}
.rewardsTopcontainerInner {
display:flex;
flex-flow:row-reverse
}
.rewardsTopcontainerImage {
width:55%;
padding-left:50px
}
.rewardsTopcontainerContent {
width:45%
}
.rewardsTopcontainerContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.rewardsOffers {
background:var(--primary-color);
color:#FFF;
padding:80px 0
}
.rewardsForm {
max-width:500px;
margin:0 auto
}
.rewardsForm h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px;
text-align:center
}
.hotelGroupAmenityContainer.rewardsOffers:before {
background-image:url(images/uploads/1/5f92a8c42060e_gift4.jpg)
}
.hotelGroupTheme.privacyPage {
padding:80px 0
}
.hotelGroupTheme.privacyPage h2 {
font-size:32px;
font-weight:700;
color:#30353e;
text-transform:none;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupTheme.privacyPage p {
}
.hotelGroupTheme.privacyPage p strong {
font-size:18px;
margin-top:20px;
margin-bottom:5px;
display:inline-block
}
.hotelGroupTheme ul.privacyList {
margin:30px 0
}
.hotelGroupTheme ul.privacyList li {
margin-bottom:10px
}
.hotelGroupTheme ul.privacyList li:last-of-type {
margin-bottom:0
}
.hotelSubGroupAboutSliderContainer {
padding:40px 0 80px
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display:none
}
.grecaptcha-badge {
display:none!important
}
.boxnew button.btn.crssearchbtn:hover {
background:#45b5c6!important
}
.hotelgroup-subnavbar {
position:sticky;
z-index:99;
top:0
}
.group-row {
display:flex;
align-items:center
}
div#gallery2 img {
min-height:230px;
max-height:230px;
min-width:387px;
height:100%;
width:100%
}
.ekko-lightbox-container img {
min-width: 1000px;
min-height: 600px;
max-height: 600px;
height:100%;
width:100%
}
.modal-dialog{
max-width: 1000px !important;
}
@media(min-width:1601px) {
.hotelGroupSlideshowContainer .carousel .item img {
width:100%
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
}
@media(max-width:1199px) {
.hotelGroupNavbar .navbar-header .navbar-brand a {
max-width:200px
}
.hotelGroupNavbar .container {
padding:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
padding:0;
margin:0;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar .navbar-buttons {
margin:0 0 0 15px!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-size:12px;
padding:10px;
margin:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-centered .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left-right .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons {
min-height:initial;
min-width:initial
}
.hotelGroupNavbar .navbar {
padding:0;
border:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar-header {
float:none;
width:100%;
padding:0;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
border-bottom:1px solid #efefef
}
.hotelGroupNavbar .navbar-header .navbar-brand {
min-height:initial;
height:initial;
max-width:initial;
padding:0;
margin:0 10px 0 0;
width:calc(100% - 80px)
}
.hotelGroupNavbar .navbar-header .navbar-toggle {
width:50px;
float:none;
margin:0;
padding:0;
font-size:24px;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar-header .navbar-toggle.collapsed .fa-bars:before {
content:"\F0C9"
}
.hotelGroupNavbar .navbar-header .navbar-toggle .fa-bars:before {
content:"\F00D"
}
.hotelGroupNavbar .navbar-header #subNavicon {
width:50px;
float:none;
margin:0;
padding:0;
color:#4f4f4f;
font-size:24px;
text-align:center;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
display:none!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse.in {
display:block!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:20px 10px;
margin:0;
box-shadow:none;
min-width:100%;
width:100%;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li {
display:block;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.open {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav .dropdown.open>a {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
padding:10px 30px;
text-transform:none
}
.hotelSubGroupNavbar {
background:#FFF
}
.hotelSubGroupNavbar #subGroupNavigation {
padding:0;
margin:0 -15px
}
.hotelSubGroupNavbar #subGroupNavigation.collapse {
display:none!important
}
.hotelSubGroupNavbar #subGroupNavigation.collapse.in {
display:block!important
}
.hotelSubGroupNavbar #subGroupNavigation .navbar-nav {
float:none;
padding:20px
}
.hotelSubGroupNavbar .navbar-nav>li {
display:block;
float:none
}
.hotelSubGroupNavbar .navbar-nav>li>a {
font-family:Chakra Petch;
color:#30353e;
font-size:14px;
font-weight:600;
padding:10px 0
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:60px
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:0
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active,.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:#FFF;
color:var(--secondary-color)
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:block;
margin:0 20px 20px 20px
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow.navbar-buttons>* {
display:block
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow .btn {
font-size:15px;
line-height:1;
padding:15px 20px
}
.hotelGroupWelcomeContent {
width:50%
}
.hotelGroupWelcomeImgOuter {
width:50%;
padding-left:50px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:16px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
position:relative;
font-size:40px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
flex-direction:column;
justify-content:center
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
margin:0 auto;
width:90%
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2)
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:90%;
margin:0 auto;
position:relative;
top:0;
transform:translateY(0%)
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:36px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:400px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding:40px 0 60px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:60px 0 0
}
.hotelGroupContactContainer {
padding:60px 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:50%;
padding-bottom:0;
margin:20px 0
}
.hotelGroupContactlistContainer {
padding:60px 0
}
.hotelGroupFormContainer {
max-width:100%
}
.hotelGroupRestaurantContent {
max-height:initial
}
.hotelGroupRestaurantBlock {
align-items:stretch
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:100%;
max-height:initial
}
.hotelGroupCovidpage {
padding:40px 0
}
}
@media(max-width:991px) {
.group-row {
display:flex
}
body.hotelGroupBody #page {
overflow-x:hidden
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
display:none
}
.hotelGroupTopbar .hotelGroupTopbarLeft .inline-wrapper {
justify-content:flex-start
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper {
justify-content:flex-end
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper>[data-component=image] {
display:none
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:36px
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
display:none
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
display:none
}
.hotelGroupBookingContainer #bb_resBookingBox {
flex-direction:column
}
.hotelGroupBookingContainer .boxnew p {
max-width:300px;
margin:15px 0
}
.hotelGroupTheme h2 {
font-size:42px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:60px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span {
position:relative;
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:30px
}
.hotelGroupPropertyContainerInner {
flex-flow:row wrap
}
.hotelGroupPropertyBlock {
width:calc(50% - 40px);
margin-bottom:30px
}
.hotelGroupAttractionBlock {
width:calc(50% - 40px)
}
.hotelGroupAttractionHome {
padding:60px 0
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:column;
margin:40px 20px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupRestaurantImg {
width:initial
}
.hotelGroupRestaurantContent {
width:initial;
min-height:initial;
max-height:initial;
padding:30px
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:initial;
max-height:initial
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:36px;
top:-10px
}
.hotelGroupWelcomeContainer {
padding:60px 0
}
.hotelGroupWelcomeInner {
flex-direction:column
}
.hotelGroupWelcomeContent {
width:initial;
text-align:center
}
.hotelGroupWelcomeImgOuter {
width:initial;
padding-left:0;
margin:40px auto 0;
max-width:600px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
flex-direction:column
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
width:initial
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
flex-direction:column;
text-align:center
}
.hotelGroupAmenityItemImg {
margin:0 auto 30px
}
.hotelGroupGalleryContainer {
padding-bottom:60px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:60px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:flex;
flex-flow:row wrap;
justify-content:center
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:33.33%
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:100%
}
.hotelGroupTestimonialHome h2 span {
font-size:30px;
top:-30px
}
body .hotelGroupFooter .col-sm-4 {
width:100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 30px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
display:none
}
.hotelGroupHeadBlock {
padding-bottom:30px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:42px
}
.hotelGroupBookingContainer .boxnew p input {
height:40px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
bottom:6px
}
.hotelGroupBookingContainer .boxnew p select {
height:40px
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
height:44px
}
.hotelGroupPageTitle {
padding:80px 0
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2 {
font-size:32px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:350px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:auto;
margin:40px 0 0
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
width:100%;
left:0;
right:0;
bottom:auto;
top:45%;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:auto;
right:auto;
left:5px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.right.carousel-control {
left:auto;
right:5px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:100%
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
width:100%
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
display:none
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:30px 0
}
.hotelSubGroupContentContainer {
padding:60px 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
margin:0 10px
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p,.hotelGroupTheme p {
font-size:15px
}
.hotelGroupContactDetails li .fa.fa-map-marker {
top:0
}
.hotelGroupContactDetails {
margin:60px 0 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:100%;
margin:30px 0
}
.hotelGroupContactlistContainer {
padding:40px 0
}
.hotelGroupContentContainer {
padding-top:60px
}
.hotelGroupContentContainer h2 {
font-size:36px
}
.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupRestaurantBlock {
align-items:initial
}
.hotelGroupBanquetsBlock {
width:100%;
margin:0 10px 60px
}
.hotelGroupBanquetsBlock:last-of-type {
margin-bottom:0
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
max-height:initial;
min-height:initial
}
.rewardsTopcontainer {
padding:60px 0
}
.rewardsTopcontainerInner {
flex-direction:column
}
.rewardsTopcontainerImage {
width:initial;
padding-left:0;
margin:0 auto 30px
}
.rewardsTopcontainerContent {
width:initial
}
.hotelGroupTheme.privacyPage {
padding:40px 0
}
.hotelGroupAboutSliderContainer {
padding:50px 0
}
.hotelGroupAboutWelcomeContainer {
padding-bottom:50px
}
}
@media(max-width:767px) {
.ekko-lightbox-container img {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
div#gallery2 img {
min-height:100%;
max-height:100%;
min-width:100%
}
.hotelGroupNavbar .navbar-two {
padding:10px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:block
}
#whatsapp-message {
bottom:90px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupSlideshowContainer .carouselNavOuter {
width:100%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
left:10px;
right:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
top:auto;
bottom:10px;
left:auto;
right:10px
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:relative;
bottom:auto;
background:#FFF;
color:#4f4f4f;
min-height:200px
}
.hotelGroupAttractionContent h3 {
font-size:24px;
font-weight:600
}
.hotelGroupAttractionContent p {
color:#4f4f4f
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:initial
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column;
justify-content:center;
text-align:center
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1)
}
.hotelGroupAmenityItemContent h3 {
margin-bottom:15px
}
.hotelGroupContactContainer {
padding:40px 0
}
.hotelGroupPageTitle h2 span {
line-height:1.6
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1)
}
.CovidpageInner {
padding:0 10px
}
.hotelGroupCovidpage h3 {
font-size:28px
}
.rewardsTopcontainer {
padding:40px 0
}
.rewardsTopcontainerInner {
padding:0 10px
}
.hotelGroupTheme ul.privacyList {
padding:0 0 0 20px
}
.privacyPageInner {
padding:0 10px
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
display:none
}
}
@media(max-width:640px) {
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
display:none
}
.hotelGroupRewardContainer {
padding:80px 0
}
.hotelGroupRestaurantContainer {
padding:60px 0
}
.hotelGroupPropertyBlock {
width:100%;
border:1px solid #e0e0e0
}
.hotelGroupPropertyBlockImg {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
position:relative;
top:0;
max-height:450px;
opacity:1;
border-color:#e0e0e0
}
.hotelGroupPropertyBlock h3 {
color:#30353e;
font-weight:600
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
margin-top:15px;
font-size:14px;
font-weight:400
}
.hotelGroupAttractionBlock {
width:100%;
box-shadow:0 3px 6px -1px rgba(0,0,0,.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
min-height:initial;
padding:30px
}
.hotelGroupAttractionImg {
max-height:350px;
overflow:hidden
}
.hotelGroupAttractionContent h3 {
color:#fff;
font-size:30px
}
.hotelGroupRewardInner {
padding:0 10px
}
.hotelGroupPropertyLogoInner {
flex-flow:row wrap
}
.hotelGroupPropertyLogo {
width:calc(50% - 40px)
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:initial
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:50px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
max-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:relative;
bottom:0;
left:25px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:25px;
border:0
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 30px
}
.hotelGroupTheme .btn.btn-primary {
padding:14px 18px;
font-size:15px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
background:rgba(0,0,0,.3)
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:1
}
.hotelGroupPropertyBlock:hover:after {
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1)
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:300px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:30px;
margin-bottom:15px
}
.hotelGroupPageTitle {
padding:60px 0
}
.hotelGroupPageTitle h2 {
font-size:32px
}
.hotelGroupPageTitle h2 span {
font-size:14px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelSubGroupRestaurantPage h2 {
font-size:30px;
letter-spacing:.03em
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-top:0
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:60px 0 0
}
.hotelGroupCovidpage h3 {
margin-top:30px
}
.hotelGroupAmenityItemContent {
margin:0 auto
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:100%
}
.rewardsOffers.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
}
@media(max-width:580px) {
.hotelGroupSlideshowContainer .carousel .item img {
min-height:300px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:30px;
letter-spacing:2px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control,.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
bottom:-20px
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:70px
}
.hotelGroupTheme h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:15px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:30px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
margin:0
}
.hotelGroupTopbar p.hotelGroupTopbarPhone a {
margin-bottom:0
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-size:16px
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
display:block
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupPageTitle {
padding:40px 0
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:40px 10px 0
}
.hotelGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:20px 0 60px
}
.hotelGroupBanquetsContent h3 {
font-size:26px
}
.hotelGroupCovidpage h3 {
font-size:26px;
margin-bottom:15px
}
.hotelGroupTheme.privacyPage h2 {
font-size:26px
}
.hotelGroupAboutSliderInner,.hotelGroupAboutWelcomeInner {
padding:0 10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:30px;
margin-bottom:20px
}
}
@media(max-width:500px) {
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
display:block
}
}
@media(max-width:479px) {
.hotelGroupRestaurantContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:30px 10px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupPropertyBlock {
margin:20px 10px
}
.hotelGroupAttractionBlock {
margin:20px 10px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:40px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
margin-bottom:0
}
.hotelGroupAttractionHome {
padding:40px 0
}
.hotelGroupAttractionHome h2 {
margin-bottom:30px
}
.hotelGroupTheme h2 {
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:24px;
top:-10px
}
.hotelGroupAttractionContent h3 {
font-size:24px
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
padding:20px
}
.hotelGroupPropertyLogo {
width:calc(50% - 20px);
margin:10px
}
.hotelGroupRewardContainer {
padding:60px 0;
background-attachment:initial;
background-position:50% 100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 20px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:250px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:24px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2,.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:26px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
padding:20px 0
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:10px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
padding:25px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelGroupPropertyBlockImg,.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:260px
}
.hotelGroupFooter .HGfooterTitle {
font-size:20px
}
.hotelGroupTheme p {
font-size:13px
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupBtnOuter {
margin-top:40px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
margin-bottom:30px
}
.hotelGroupGalleryContainer {
padding-bottom:50px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
padding:50px 20px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
font-size:60px;
top:-20px;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:220px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelSubGroupContentContainer {
padding:40px 0 20px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:26px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding-top:40px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-bottom:40px
}
.hotelGroupBanquetsContent {
padding:20px
}
.rewardsTopcontainerContent h3,.rewardsForm h3,.rewardsForm h3 {
font-size:28px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
.helloBarContainer p a {
margin-left:10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:24px
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
bottom:20px
}
.hotelGroupAboutSliderInner .carousel .item img {
min-height:180px
}
}
@media(max-width:359px) {
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
max-width:140px
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:260px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:24px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 20px;
left:20px
}
}
* img{
object-fit: cover;
}
:root {
--primary-color:#c6ab62;
--secondary-color:#b48744;
--btn-hover:#b48744;
--white:#fff;
--primary-text-color:#333;
--black:#000;
--placeholder:#757575;
--background-color:#0f0f0f
}
body.hotelGroupBody {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f;
overflow-x:hidden
}
.yummy .col-lg-1,.yummy .col-lg-2,.yummy .col-lg-3,.yummy .col-lg-4,.yummy .col-lg-5,.yummy .col-lg-6,.yummy .col-lg-7,.yummy .col-lg-8,.yummy .col-lg-9,.yummy .col-lg-10,.yummy .col-lg-11,.yummy .col-lg-12,.yummy .col-lg-15,.yummy .col-md-1,.yummy .col-md-2,.yummy .col-md-3,.yummy .col-md-4,.yummy .col-md-5,.yummy .col-md-6,.yummy .col-md-7,.yummy .col-md-8,.yummy .col-md-9,.yummy .col-md-10,.yummy .col-md-11,.yummy .col-md-12,.yummy .col-md-15,.yummy .col-sm-1,.yummy .col-sm-2,.yummy .col-sm-3,.yummy .col-sm-4,.yummy .col-sm-5,.yummy .col-sm-6,.yummy .col-sm-7,.yummy .col-sm-8,.yummy .col-sm-9,.yummy .col-sm-10,.yummy .col-sm-11,.yummy .col-sm-12,.yummy .col-sm-15,.yummy .col-xs-1,.yummy .col-xs-2,.yummy .col-xs-3,.yummy .col-xs-4,.yummy .col-xs-5,.yummy .col-xs-6,.yummy .col-xs-7,.yummy .col-xs-8,.yummy .col-xs-9,.yummy .col-xs-10,.yummy .col-xs-11,.yummy .col-xs-12,.yummy .col-xs-15 {
padding-right:15px;
padding-left:15px;
padding-bottom:0
}
.yummy p {
margin:0
}
#whatsapp-message {
position:fixed;
margin-bottom:1vh;
bottom:35px;
right:5px;
width:65px;
height:65px;
overflow:hidden;
visibility:visible;
z-index:2147483639;
background:0;
border:0;
transition:transform .2s ease-in-out;
backface-visibility:hidden;
opacity:1;
transform:translateY(0%)
}
.hotelGroupTheme,body .hotelGroupTheme {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTheme a,.hotelGroupTheme p a {
text-decoration:none;
color:var(--primary-color)
}
.hotelGroupTheme a:hover,.hotelGroupTheme a:focus,.hotelGroupTheme p a:hover,.hotelGroupTheme p a:focus {
text-decoration:none;
color:var(--secondary-color)
}
.hotelGroupTheme .btn.btn-primary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-primary:focus,.hotelGroupTheme .btn.btn-primary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelGroupTheme .btn.btn-secondary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:transparent;
color:var(--primary-color);
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-secondary:focus,.hotelGroupTheme .btn.btn-secondary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#FFF
}
.hotelGroupTheme .h1,.hotelGroupTheme .h2,.hotelGroupTheme .h3,.hotelGroupTheme .h4,.hotelGroupTheme .h5,.hotelGroupTheme .h6,.hotelGroupTheme h1,.hotelGroupTheme h2,.hotelGroupTheme h3,.hotelGroupTheme h4,.hotelGroupTheme h5,.hotelGroupTheme h6 {
font-family:Bellota;
font-weight:400
}
.header.fixed {
position:fixed;
top:0;
box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
-webkit-box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
left:0;
right:0;
margin:0 auto;
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
.hotelGroupTheme h2 {
margin:0 0 30px;
position:relative;
color:#30353e;
margin:0 0 30px;
font-size:48px;
line-height:1.2;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase
}
.hotelGroupTheme h2 span {
display:block;
font-size:16px;
font-weight:400;
margin:0 0 10px;
color:var(--secondary-color)
}
.hotelGroupTheme p {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTopbar {
padding:12px 0;
border-bottom:1px solid #efefef
}
.hotelGroupTopbar .inline-wrapper {
align-items:center
}
.hotelGroupTopbar p {
margin:0 10px 0;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
margin-left:0
}
.hotelGroupTopbar p .fa {
margin-right:10px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone .fa {
font-size:18px;
position:relative;
top:1px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
position:relative;
top:-1px
}
.hotelGroupTopbar p a {
color:#4f4f4f;
text-decoration:none;
transition:all .3s ease
}
.hotelGroupTopbar p a:focus,.hotelGroupTopbar p a:hover {
color:var(--secondary-color);
;
text-decoration:none
}
.hotelGroupTopbar p.hotelGroupTopbarSocial {
font-size:16px
}
.hotelGroupTopbar p.hotelGroupTopbarSocial .fa {
margin-right:0
}
.hotelGroupTopbar .gTranslate {
margin-left:10px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget {
position:relative;
font-size:0
}
.hotelGroupTheme #google_translate_element .goog-te-gadget:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
pointer-events:none;
color:#000;
font-size:18px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget a.goog-logo-link {
display:none
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
height:30px;
padding:0 30px 0 10px;
letter-spacing:.03em;
border-radius:0;
border:1px solid #d5d5d5;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
cursor:pointer;
font-size:12px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo:focus {
outline:0;
border-color:#a7a7a7
}
.hotelGroupNavbar {
position:relative;
z-index:100
}
.hotelGroupNavbar .navbar {
width:100%;
margin:0;
padding:10px 0;
display:flex;
align-items:center;
min-height:60px
}
.hotelGroupNavbar .navbar-header .navbar-brand {
height:auto
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:90px
}
.hotelGroupNavbar .navbar-collapse {
padding:0!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
width:inherit;
align-items:center;
padding-right:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:5px 0 0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
line-height:1;
color:#30353e;
text-transform:uppercase;
letter-spacing:.03em;
transition:all .3s ease;
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:active,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:focus,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:hover,.hotelGroupNavbar .navbar.navbar-plain ul.nav li.active a {
color:var(--secondary-color);
;
background-color:transparent
}
.hotelGroupNavbar .nav .open>a,.hotelGroupNavbar .nav .open>a:focus,.hotelGroupNavbar .nav .open>a:hover {
background:none;
border:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown a .caret:after {
top:-7px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown.open a .caret:after {
top:-3px
}
.hotelGroupNavbar .dropdown-menu {
border-radius:0;
background:#FFF
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li {
display:block
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
font-weight:400;
display:block;
padding:15px 20px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdownRight .dropdown-menu {
left:auto;
right:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-family:Bellota;
background:var(--primary-color);
border:1px solid var(--primary-color);
color:#fff;
box-shadow:none;
border-radius:0;
font-size:14px;
font-weight:700;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
transition:all .3s ease;
padding:12px 18px
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:focus,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:hover {
border-color:var(--secondary-color);
;
background:var(--secondary-color);
;
cursor:pointer;
color:#fff;
text-decoration:none;
box-shadow:none;
outline:0
}
.hotelGroupSlideshowContainer {
color:#FFF
}
.hotelGroupSlideshowContainer p,.hotelGroupSlideshowContainer a {
color:#FFF
}
.hotelGroupSlideshowContainer .carousel-inner>.item {
transition:none;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item img {
animation:bloomEffects 1s ease;
animation-fill-mode:forwards
}
@keyframes bloomEffects {
0% {
transform:scale(1)
}
100% {
transform:scale(1.1)
}
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:60px;
font-weight:700;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
font-size:18px;
font-weight:400;
line-height:1.4;
letter-spacing:.06em;
margin:0 auto 60px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
background:#000;
border-color:#000
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
font-family:Chakra Petch;
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
background-color:transparent;
color:#fff;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto;
height:50px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:active {
background-color:#FFF;
border-color:#FFF;
color:#000
}
.hotelGroupSlideshow {
max-height:600px;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupSlideshowContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
background:#000;
border:1px solid #000
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:auto;
right:0
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
left:auto;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li:hover,.hotelGroupSlideshowContainer .carousel-indicators li:focus,.hotelGroupSlideshowContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupSlideshowContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupSlideshowContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBookingContainer {
position:relative;
background:#1b1b1b;
color:#FFF;
padding:40px 0
}
.hotelSubGroupTheme.hotelGroupBookingContainer {
position:relative;
background:var(--secondary-color);
;
color:#FFF
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0 30px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupBookingContainer .boxnew {
width:100%;
text-align:center
}
.hotelGroupBookingContainer .boxnew p {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupBookingContainer .boxnew p label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p input {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupBookingContainer .boxnew p select {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
font-family:Bellota;
font-size:18px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:50px;
border-radius:0;
padding:10px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:var(--secondary-color);
!important;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn {
background-color:#000;
color:#fff;
border:1px solid #000
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupBookingContainer .boxnew p br {
display:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:25px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:25px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1) {
max-width:300px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(4) {
margin-top:28px
}
.hotelGroupTheme .bbres_fieldset,.hotelGroupTheme .HGCalender,.hotelGroupTheme .HGBEBtn {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select,.hotelGroupTheme .HGSelectOuter {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:300px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select:before,.hotelGroupTheme .HGSelectOuter:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:20px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupTheme .bbres_fieldset label,.hotelGroupTheme .bbres_select label,.hotelGroupTheme .form-control label,.hotelGroupTheme .HGSelectOuter label,.hotelGroupTheme .HGCalender label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset input,.hotelGroupTheme .HGCalender input,.hotelGroupTheme input.form-control {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme textarea.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:auto;
background:#fff;
width:100%;
padding:20px;
border-radius:0;
font-size:13px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger {
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
font-size:0;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px
}
.hotelGroupTheme .HGCalender:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupTheme .bbres_select select,.hotelGroupTheme .HGSelectOuter select,.hotelGroupTheme select.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupTheme input.form-control:focus,.hotelGroupTheme select.form-control:focus,.hotelGroupTheme select:focus,.hotelGroupTheme textarea.form-control:focus,.hotelGroupTheme textarea:focus {
border-color:#152161;
background:#fff;
outline:0
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn,.hotelGroupTheme .HGBEBtn #bb_resBtn {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
line-height:1.8;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:#000;
color:#fff;
border:1px solid #000;
height:50px;
border-radius:0;
padding:15px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn:active,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:focus,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:hover,.hotelGroupTheme .HGBEBtn #bb_resBtn:active,.hotelGroupTheme .HGBEBtn #bb_resBtn:focus,.hotelGroupTheme .HGBEBtn #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupWelcomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupWelcomeInner {
display:flex;
align-items:center
}
.hotelGroupWelcomeContent {
width:48%
}
.hotelGroupWelcomeImgOuter {
width:52%;
padding-left:100px
}
.hotelGroupPropertyContainer {
position:relative;
padding:1px 0;
display:flex;
justify-content:center
}
.hotelGroupPropertyInner {
position:relative;
display:flex;
min-height:600px;
flex-flow:row wrap;
max-width:1600px
}
.hotelGroupPropertyContainerAlter .hotelGroupPropertyInner {
flex-direction:row-reverse
}
.hotelGroupPropertyImage {
width:60%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.hotelGroupPropertyContent {
width:40%;
padding:60px;
display:flex;
flex-flow:column;
justify-content:center;
text-align:left
}
h3.hotelGroupPropertyContentTitle {
margin:0 0 30px;
font-size:42px;
line-height:1.2;
letter-spacing:2px;
color:#30353e
}
p.hotelGroupPropertyContentText {
color:inherit;
margin:0 0 50px;
font-size:17px;
line-height:1.8;
letter-spacing:.03em
}
.hotelGroupHomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupHomeContainer .hotelGroupHomeContent {
text-align:center
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:60px;
padding-top:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:16px;
line-height:2
}
.hotelGroupAmenityContainer {
position:relative;
background:var(--primary-color);
color:#FFF;
padding:80px 0 40px;
text-align:center
}
.hotelGroupAmenityContainer {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f06b6379b36d_bannerImg002.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupAmenityContainer h2,.hotelGroupAmenityContainer h3,.hotelGroupAmenityContainer h4,.hotelGroupAmenityContainer p {
color:#FFF
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px;
padding-top:30px
}
.hotelGroupAmenityContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#e6c6a1;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupAmenityBtnOuter {
margin:60px 0 0
}
.hotelGroupAmenityList {
display:flex;
flex-flow:row wrap;
align-items:flex-start;
justify-content:flex-start
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
position:relative;
display:flex;
text-align:left;
padding:40px;
align-items:flex-start;
width:33%;
justify-content:flex-start;
margin:0;
align-items:center
}
.hotelGroupAmenityItemImg {
min-width:60px;
min-height:60px;
background:rgb(0 0 0 / .2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
margin:0 10px 0 0
}
.hotelGroupAmenityItemImg img {
max-width:30px;
max-height:30px
}
.hotelGroupAmenityItemContent h3 {
margin:0 0 6px;
font-weight:600;
letter-spacing:1px;
font-size:20px;
line-height:1
}
.hotelGroupAmenityItemContent p {
margin:0;
font-size:14px;
letter-spacing:.03em
}
body .hotelGroupFooter {
background:#1b1b1b;
color:#c5c5c5
}
.hotelGroupFooter .HGfooterTitle {
color:#FFF;
font-family:Bellota;
font-size:24px;
letter-spacing:3px;
font-weight:700;
text-transform:uppercase;
margin:0 0 30px
}
.hotelGroupFooter ul.list-basic li a:not(.btn) {
color:#c5c5c5;
text-decoration:none
}
.hotelGroupFooter ul.list-basic li a:not(.btn):hover,.hotelGroupFooter ul.list-basic li a:not(.btn):focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic {
display:flex;
flex-flow:row wrap
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic li {
width:50%
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic {
display:flex;
flex-flow:column
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic li {
width:initial
}
body .hotelGroupFooterbtm {
background:#101010;
color:#c5c5c5;
padding:10px 0;
font-size:14px
}
body .hotelGroupFooterbtm .footerBtmInner {
display:flex;
justify-content:space-between;
align-items:center
}
body .hotelGroupFooterbtm p {
margin:0;
font-family:Chakra Petch
}
body .hotelGroupFooterbtm p a {
color:#c5c5c5;
text-decoration:none
}
body .hotelGroupFooterbtm p a:hover,body .hotelGroupFooterbtm p a:focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterContact ul.list-basic li {
position:relative;
padding-left:30px
}
body .hotelGroupFooter p,body .hotelGroupFooter ul li,body .hotelGroupFooter p a {
margin-bottom:10px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
color:#c5c5c5;
letter-spacing:.03em
}
body .hotelGroupFooter .HGfooterContact li .fa {
position:absolute;
left:0;
top:3px;
font-size:20px;
font-weight:400;
line-height:1
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial {
margin:10px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial li .fa {
position:relative;
top:initial
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-map-marker {
left:2px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-envelope-open-o {
font-size:14px;
left:1px;
top:4px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-mobile {
font-size:22px;
left:3px;
top:1px
}
.hotelGroupRoomContainer {
padding:80px 0
}
.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-end
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
position:relative;
z-index:1;
width:80%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:600px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
position:absolute;
right:10px;
bottom:70px;
width:50px;
z-index:2;
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #000;
background:#000;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators {
background:none;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
position:absolute;
width:600px;
background:#FFF;
padding:30px;
left:0;
top:50%;
display:block;
z-index:2;
transform:translateY(-50%);
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:48px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupRoomContainer .hotelGroupRoomContentText {
margin:0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities {
margin:20px 0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic {
display:flex;
flex-flow:row wrap
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic li {
width:50%;
display:flex;
align-items:center;
margin:0 0 15px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesImg img {
max-height:24px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesTxt p {
margin:0 0 0 10px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice {
margin:0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice strong {
font-size:22px;
font-weight:700;
margin:0;
letter-spacing:-.02em
}
.hotelGroupRoomContainer .hotelGroupRoomPrice span {
border-bottom:1px dashed;
cursor:help;
margin:0 0 0 5px
}
.hotelGroupRoomContainerAlter .hotelGroupRoomInner {
justify-content:flex-start
}
.hotelGroupRoomContainerAlter .hotelGroupRoomContent {
left:auto;
right:0
}
.hotelGroupRoomContainerAlter .hotelGroupRoomImage .carouselNavOuter {
right:auto;
left:10px
}
.hotelGroupTheme .mapWrapper iframe {
margin:0;
padding:0;
outline:0;
border:0;
display:inline-block;
vertical-align:top
}
.hotelGroupGalleryContainer {
padding:0 0 80px;
text-align:center
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:80px
}
.hotelGroupBody .modal-dialog {
margin:15px auto 0;
max-width:900px!important
}
.hotelGroupBody .modal-header {
padding:0;
border-bottom:0 solid #e5e5e5;
background:0
}
.hotelGroupBody .modal-title {
display:none
}
.hotelGroupBody .modal button.close {
z-index:110;
right:10px;
top:10px;
outline:0
}
.hotelGroupBody .modal button.close:focus,.hotelGroupBody .modal button.close:hover {
outline:0
}
.hotelGroupBody .ekko-lightbox-nav-overlay .glyphicon {
height:100%;
display:flex;
align-items:center;
text-align:right
}
.hotelGroupBody .glyphicon.glyphicon-chevron-left {
justify-content:flex-start
}
.hotelGroupBody .glyphicon.glyphicon-chevron-right {
justify-content:flex-end
}
.hotelGroupBody .ekko-lightbox-nav-overlay a:focus,.hotelGroupBody .ekko-lightbox-nav-overlay a:hover {
text-decoration:none
}
.hotelGroupBody .modal-dialog img {
width:100%
}
.hotelGroupBody .modal-dialog .ekko-lightbox-container {
max-height:550px;
overflow:hidden
}
.hotelGroupHeadBlock {
padding:60px 0;
text-align:center
}
.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
margin:0
}
.hotelGroupPageTitle {
padding:100px 0;
color:#FFF;
background-color:rgba(0,0,0,0);
background-position:50% 60%
}
.hotelGroupPageTitle h2 {
color:#FFF;
text-align:center;
margin:0
}
.hotelGroupPageTitle h2 span {
color:#FFF;
font-family:Chakra Petch;
margin:10px 0 0
}
.hotelGroupContactContainer {
padding:80px 0
}
.hotelGroupContactContainer .form-group,.hotelGroupContactContainer .input-group {
margin:0 0 20px
}
.hotelGroupContactContainer h3 {
font-size:28px;
font-weight:700;
letter-spacing:1px;
margin:0 0 20px;
color:#30353e
}
.hotelGroupContactContainer h3.hotelGroupContactHeading {
margin:0 0 10px
}
.hotelGroupContactContainer p.hotelGroupContactDesc {
margin:0 0 40px
}
.hotelGroupContactDetails ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactDetails p,.hotelGroupContactDetails ul li,.hotelGroupContactDetails p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactDetails li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactDetails ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
.hotelGroupContactDetails li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactDetails li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactDetails li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn) {
color:#4f4f4f
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding-left:30px
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial .HGfooterSocial li .fa {
position:relative;
top:initial
}
.hotelGroupContactlistContainer {
background:#f8f8f8;
padding:80px 0
}
.hotelGroupContactlistContainer .hotelGroupContactblock {
position:relative;
padding:30px;
background:#FFF;
box-shadow:0 7px 12px -4px rgba(0,0,0,.1);
margin:0 5px
}
.hotelGroupContactlistContainer .hotelGroupContactblock a {
white-space:normal;
word-break:break-all
}
.hotelGroupContactlistContainer .hotelGroupContactblock h4 {
margin:0 0 30px;
font-size:22px;
font-weight:700
}
.hotelGroupContactlistContainer ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactlistContainer p,.hotelGroupContactlistContainer ul li,.hotelGroupContactlistContainer p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactlistContainer li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactlistContainer ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 10px 0 0
}
.hotelGroupContactlistContainer li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactlistContainer li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactlistContainer li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding:0;
margin:0 15px 0 0
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li .fa {
position:relative
}
.hotelGroupAboutSliderContainer {
padding:80px 0
}
.hotelGroupAboutWelcomeContainer {
padding:0 0 80px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption h3 {
font-size:54px;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption p {
font-size:16px;
font-weight:400;
line-height:1.8;
letter-spacing:.05em;
margin:0 auto 60px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn {
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:active {
background:#FFF;
color:#000
}
.hotelGroupAboutSliderContainer .carousel-inner .item [data-component=image]:before {
content:"";
top:0;
left:0;
right:0;
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.54);
z-index:1;
display:none
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
background:#000;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupAboutSliderContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li:hover,.hotelGroupAboutSliderContainer .carousel-indicators li:focus,.hotelGroupAboutSliderContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupAboutSliderContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupAboutSliderContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a:hover,.hotelGroupBody .ui-datepicker.ui-widget-content td a:focus,.hotelGroupBody .ui-datepicker.ui-widget-content td a:active {
text-decoration:none
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a.ui-state-active {
background:var(--secondary-color);
;
color:#fff;
text-decoration:none
}
.hotelGroupthankyouPage {
padding:80px 0;
text-align:center
}
.hotelSubGroupContentContainer {
padding:80px 0;
text-align:center
}
.hotelGroupContentContainer {
padding:80px 0 0;
text-align:center
}
.hotelSubGroupContentContainer .hotelGroupRoomContent {
padding:50px
}
.hotelSubGroupContentContainer h2,.hotelGroupContentContainer h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:80px 0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerLast {
padding-bottom:100px
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:absolute;
right:30px;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:10px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn {
font-size:16px;
height:auto;
font-family:Bellota;
line-height:1;
padding:15px 20px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn:nth-of-type(2) {
margin-left:5px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoomAmenitiesTxt {
display:none
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:0 20px 0 0;
width:initial
}
.hotelSubGroupTheme .hotelGroupRoomAmenities {
margin:30px 0 20px
}
.hotelSubGroupTheme .hotelGroupRoomImage {
box-shadow:0 50px 40px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px;
letter-spacing:2px;
padding:30px 0 0;
text-transform:none;
color:#30353e
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
opacity:.8
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:18px;
line-height:2
}
.hotelSubGroupTheme .hotelGroupWelcomeImg {
box-shadow:0 30px 30px -20px rgba(0,0,0,.2);
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover {
box-shadow:0 30px 30px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg img {
transition:all .4s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1.03)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
padding:30px 0 0;
margin:0 0 30px;
color:#30353e
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px;
text-transform:none;
margin-bottom:60px;
padding:30px 0 0
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
margin:0;
padding:1px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper.margin-bottom-10px {
margin-bottom:0;
overflow:hidden;
position:relative
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper img {
transition:all .6s ease
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper:hover img {
transform:scale(1.1)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:before {
content:"";
background:rgba(0,0,0,.6);
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all .3s ease;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:hover:before {
top:0;
opacity:0;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a {
position:relative;
display:block
}
.hotelGroupBtnOuter {
margin:60px auto 0;
text-align:center
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
display:flex
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:50%;
padding:20px 20px 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage {
position:relative;
z-index:1;
width:initial
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent {
position:relative;
top:0;
transform:translateY(0%);
width:initial;
text-align:left
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:0;
transition:all .6s ease;
margin:40px 0 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 14px rgb(255 255 255 / .3)
}
.hotelGroupTestimonialHome {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f7c5d480856d_spa.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupTestimonialHome .overly,.hotelGroupAmenityContainer .overly {
background:rgba(0,0,0,.6)
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter {
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:80%;
margin:0 auto
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-family:Bellota;
font-weight:400;
font-size:18px;
color:#FFF;
line-height:2;
letter-spacing:1px;
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
content:'\f10d';
font-family:fontAwesome;
font-size:72px;
margin:0;
opacity:.3;
position:absolute;
left:-50px;
top:-30px;
line-height:1
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
position:relative;
margin:0 auto;
left:0;
right:0;
top:0;
width:100%;
padding:50px
}
.hotelGroupTestimonialHome .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF;
display:none
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:hover,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:focus,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupTestimonialHome .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupTestimonialHome .carousel-indicators {
background:none;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li:hover,.hotelGroupTestimonialHome .carousel-indicators li:focus,.hotelGroupTestimonialHome .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupTestimonialHome .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupTestimonialHome .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupTestimonialHome .nav-indicators-in .carousel-indicators-wrapper {
right:0;
left:0;
bottom:-30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption h3 {
letter-spacing:1px
}
.hotelGroupTestimonialHome h2 {
color:#FFF;
text-align:center
}
.hotelGroupTestimonialHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#FFF;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-40px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionHome {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupAttractionHomeInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupAttractionBlock {
position:relative;
width:calc(33.33% - 40px);
margin:0 20px;
overflow:hidden
}
.hotelGroupAttractionImg {
position:relative;
z-index:1
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:400px;
transition:all .6s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:absolute;
bottom:-90px;
left:0;
background:rgba(0,0,0,.6);
display:block;
color:#FFF;
z-index:2;
padding:20px;
transition:all .3s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionContent {
bottom:0
}
.hotelGroupAttractionContent p {
color:#FFF
}
.hotelGroupAttractionHome h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupAttractionHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionContent h3 {
margin:0 0 15px;
letter-spacing:1px;
font-size:26px;
color:#fff
}
.hotelGroupAttractionContent p {
color:#FFF;
font-size:14px;
letter-spacing:.03em;
margin:0
}
.hotelGroupPropertyContainer {
padding:80px 0 80px
}
.hotelGroupPropertyPage.hotelGroupPropertyContainer {
padding:0 0 80px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupPropertyContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupPropertyContainerInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyBlock {
width:33%;
margin:0 20px;
position:relative;
overflow:hidden
}
.hotelGroupPropertyBlock:after {
content:"";
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
transition:all .3s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover:after {
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:450px;
transition:all .8s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1.1)
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
text-align:center;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:11;
background:rgba(0,0,0,.5);
opacity:1;
transition:all .3s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:0
}
.hotelGroupPropertyBlock a {
color:var(--secondary-color)
}
.hotelGroupPropertyBlock h3 {
letter-spacing:1px;
font-size:24px;
font-weight:400;
margin:0;
color:#FFF
}
.hotelGroupPropertyBlock p {
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#909090
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
font-size:13px;
text-transform:none;
letter-spacing:.03em;
margin:20px 0 0
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockLabel {
margin:0 0 10px;
font-size:12px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
display:flex;
flex-flow:column;
align-items:flex-start;
border:1px solid;
padding:30px;
position:absolute;
left:0;
top:-100%;
z-index:11;
width:100%;
height:100%;
max-height:450px;
transition:all .6s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockContent {
top:0;
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:absolute;
bottom:-100%;
left:30px;
z-index:11;
transition:all .6s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:30px
}
.hotelGroupPropertyLogoContainer {
padding:20px 0
}
.hotelGroupPropertyLogoInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyLogo {
margin:20px
}
.hotelGroupPropertyLogo img {
max-height:80px;
transition:all .6s ease;
opacity:.6
}
.hotelGroupPropertyLogo:hover img {
opacity:1
}
.hotelGroupRewardContainer {
padding:100px 0;
background-image:url(images/uploads/1/5f7ef5d09cd88_gift.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment:fixed
}
.hotelGroupRewardContainer:before {
content:"";
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
position:absolute;
left:0;
right:0;
top:0;
pointer-events:none;
width:100%;
height:100%
}
.hotelGroupRewardContainer h2 {
color:#FFF;
margin:0 0 10px;
text-transform:none
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupRewardContainer p {
color:#FFF;
margin:0;
letter-spacing:.06em;
font-size:14px
}
.hotelGroupRewardContainer .btn-secondary {
letter-spacing:2px
}
.hotelGroupContentsContainer {
padding:60px 0
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
position:relative;
padding:80px 0;
text-align:center;
background:inherit
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer:before {
content:"";
display:none
}
.hotelGroupAmenityPage .hotelGroupAmenityItemContent h3,.hotelGroupAmenityPage .hotelGroupAmenityItemContent p {
color:#30353e
}
.hotelGroupAmenityPage .hotelGroupAmenityItemImg {
background:none;
border:0;
align-items:flex-start;
padding:0;
min-height:initial;
min-width:initial
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:80px 0 0
}
.hotelGroupAttractionPage.hotelGroupAttractionHome {
background:inherit;
padding-top:40px
}
.hotelGroupTheme .tooltip {
white-space:nowrap
}
.hotelGroupTheme .tooltip .tooltip-inner {
background-color:#000;
font-size:10px;
letter-spacing:.05em
}
.hotelGroupTheme .tooltip.top .tooltip-arrow {
bottom:1px;
border-top-color:#000
}
.hotelGroupTheme .tooltip.top-left .tooltip-arrow,.hotelGroupTheme .tooltip.top-right .tooltip-arrow,.hotelGroupTheme .tooltip.top .tooltip-arrow {
border-top-color:#000
}
.hotelSubGroupNavbar {
background:#1b1b1b
}
.hotelSubGroupNavbar .navbar-nav>li>a {
padding:15px;
color:#FFF;
line-height:1;
font-size:13px;
letter-spacing:.05em;
transition:all .3s ease
}
.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:var(--secondary-color);
;
color:#FFF
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:1px solid #424242
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a {
font-weight:700
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active {
background:#1b1b1b
}
.hotelGroupRestaurantContainer {
padding:80px 0
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:36px;
text-transform:none
}
.hotelSubGroupRestaurantPage {
padding:80px 0 0;
text-align:center
}
.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupRestaurantPage p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelGroupRestaurantBlock {
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:row-reverse
}
.hotelGroupRestaurantImg {
width:50%;
overflow:hidden
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
max-height:400px;
min-height:400px;
width:100%;
transition:all .3s ease
}
.hotelGroupRestaurantBlock:hover .hotelGroupRestaurantImg img {
transform:scale(1.1)
}
.hotelGroupRestaurantContent {
width:50%;
padding:40px;
border:1px solid #dedede;
min-height:400px;
max-height:400px;
display:flex;
flex-flow:column;
justify-content:center
}
.hotelGroupRestaurantContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.hotelGroupRestaurantContent p {
margin-bottom:30px
}
.hotelGroupBanquetsContainer {
padding:80px 0
}
.hotelGroupBanquetsInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupBanquetsBlock {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:calc(50% - 40px);
margin:0 20px 60px;
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease;
overflow:hidden
}
.hotelGroupBanquetsBlock:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelGroupBanquetsImg {
position:relative;
z-index:1;
max-height:350px;
overflow:hidden
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 24px rgb(255 255 255 / .3)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
min-height:350px;
max-height:350px;
transition:all .6s ease
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1.1)
}
.hotelGroupBanquetsContent {
background:#FFF;
transition:all .3s ease;
padding:30px
}
.hotelGroupBanquetsContent h3 {
font-size:32px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupBanquetsContent p {
margin:0
}
.hotelGroupNavbar .navbar-header #subNavicon {
display:none
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:none
}
.hotelGroupCovidpage {
padding:80px 0
}
.hotelGroupCovidpage h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupCovidpage p {
margin-bottom:20px
}
.hotelGroupTheme .nomargintop {
margin-top:0!important
}
.helloBarContainer {
background:var(--primary-color);
color:#FFF;
text-align:center;
padding:15px 0
}
.helloBarContainer p {
margin:0;
line-height:1;
font-size:14px;
color:#FFF
}
.helloBarContainer p .fa {
margin:0 10px 0 0
}
.helloBarContainer p a {
color:#FFF;
text-transform:uppercase;
font-weight:600;
margin:0 0 0 20px;
text-decoration:none;
border-bottom:1px solid #FFF
}
.helloBarContainer p a:hover,.helloBarContainer p a:focus {
color:#FFF;
text-decoration:none;
border-bottom-color:rgba(255,255,255,.5)
}
.helloBarContainer a.helloBarClose {
cursor:pointer;
color:rgba(255,255,255,.5);
font-size:24px;
font-weight:300;
line-height:1;
margin:0 0 0 20px;
transition:all .2s ease-out
}
.helloBarContainer a.helloBarClose:hover,.helloBarContainer a.helloBarClose:focus {
text-decoration:none;
color:rgba(255,255,255,1)
}
.helloBarInner {
position:relative;
z-index:11;
display:flex;
justify-content:center;
align-items:center
}
.rewardsTopcontainer {
padding:80px 0
}
.rewardsTopcontainerInner {
display:flex;
flex-flow:row-reverse
}
.rewardsTopcontainerImage {
width:55%;
padding-left:50px
}
.rewardsTopcontainerContent {
width:45%
}
.rewardsTopcontainerContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.rewardsOffers {
background:var(--primary-color);
color:#FFF;
padding:80px 0
}
.rewardsForm {
max-width:500px;
margin:0 auto
}
.rewardsForm h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px;
text-align:center
}
.hotelGroupAmenityContainer.rewardsOffers:before {
background-image:url(images/uploads/1/5f92a8c42060e_gift4.jpg)
}
.hotelGroupTheme.privacyPage {
padding:80px 0
}
.hotelGroupTheme.privacyPage h2 {
font-size:32px;
font-weight:700;
color:#30353e;
text-transform:none;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupTheme.privacyPage p {
}
.hotelGroupTheme.privacyPage p strong {
font-size:18px;
margin-top:20px;
margin-bottom:5px;
display:inline-block
}
.hotelGroupTheme ul.privacyList {
margin:30px 0
}
.hotelGroupTheme ul.privacyList li {
margin-bottom:10px
}
.hotelGroupTheme ul.privacyList li:last-of-type {
margin-bottom:0
}
.hotelSubGroupAboutSliderContainer {
padding:40px 0 80px
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display:none
}
.grecaptcha-badge {
display:none!important
}
.boxnew button.btn.crssearchbtn:hover {
background:#45b5c6!important
}
.hotelgroup-subnavbar {
position:sticky;
z-index:99;
top:0
}
.group-row {
display:flex;
align-items:center
}
div#gallery2 img {
min-height:230px;
max-height:230px;
min-width:387px;
height:100%;
width:100%
}
.ekko-lightbox-container img {
min-width: 1000px;
min-height: 600px;
max-height: 600px;
height:100%;
width:100%
}
.modal-dialog{
max-width: 1000px !important;
}
@media(min-width:1601px) {
.hotelGroupSlideshowContainer .carousel .item img {
width:100%
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
}
@media(max-width:1199px) {
.hotelGroupNavbar .navbar-header .navbar-brand a {
max-width:200px
}
.hotelGroupNavbar .container {
padding:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
padding:0;
margin:0;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar .navbar-buttons {
margin:0 0 0 15px!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-size:12px;
padding:10px;
margin:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-centered .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left-right .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons {
min-height:initial;
min-width:initial
}
.hotelGroupNavbar .navbar {
padding:0;
border:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar-header {
float:none;
width:100%;
padding:0;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
border-bottom:1px solid #efefef
}
.hotelGroupNavbar .navbar-header .navbar-brand {
min-height:initial;
height:initial;
max-width:initial;
padding:0;
margin:0 10px 0 0;
width:calc(100% - 80px)
}
.hotelGroupNavbar .navbar-header .navbar-toggle {
width:50px;
float:none;
margin:0;
padding:0;
font-size:24px;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar-header .navbar-toggle.collapsed .fa-bars:before {
content:"\F0C9"
}
.hotelGroupNavbar .navbar-header .navbar-toggle .fa-bars:before {
content:"\F00D"
}
.hotelGroupNavbar .navbar-header #subNavicon {
width:50px;
float:none;
margin:0;
padding:0;
color:#4f4f4f;
font-size:24px;
text-align:center;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
display:none!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse.in {
display:block!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:20px 10px;
margin:0;
box-shadow:none;
min-width:100%;
width:100%;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li {
display:block;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.open {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav .dropdown.open>a {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
padding:10px 30px;
text-transform:none
}
.hotelSubGroupNavbar {
background:#FFF
}
.hotelSubGroupNavbar #subGroupNavigation {
padding:0;
margin:0 -15px
}
.hotelSubGroupNavbar #subGroupNavigation.collapse {
display:none!important
}
.hotelSubGroupNavbar #subGroupNavigation.collapse.in {
display:block!important
}
.hotelSubGroupNavbar #subGroupNavigation .navbar-nav {
float:none;
padding:20px
}
.hotelSubGroupNavbar .navbar-nav>li {
display:block;
float:none
}
.hotelSubGroupNavbar .navbar-nav>li>a {
font-family:Chakra Petch;
color:#30353e;
font-size:14px;
font-weight:600;
padding:10px 0
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:60px
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:0
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active,.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:#FFF;
color:var(--secondary-color)
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:block;
margin:0 20px 20px 20px
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow.navbar-buttons>* {
display:block
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow .btn {
font-size:15px;
line-height:1;
padding:15px 20px
}
.hotelGroupWelcomeContent {
width:50%
}
.hotelGroupWelcomeImgOuter {
width:50%;
padding-left:50px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:16px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
position:relative;
font-size:40px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
flex-direction:column;
justify-content:center
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
margin:0 auto;
width:90%
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2)
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:90%;
margin:0 auto;
position:relative;
top:0;
transform:translateY(0%)
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:36px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:400px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding:40px 0 60px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:60px 0 0
}
.hotelGroupContactContainer {
padding:60px 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:50%;
padding-bottom:0;
margin:20px 0
}
.hotelGroupContactlistContainer {
padding:60px 0
}
.hotelGroupFormContainer {
max-width:100%
}
.hotelGroupRestaurantContent {
max-height:initial
}
.hotelGroupRestaurantBlock {
align-items:stretch
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:100%;
max-height:initial
}
.hotelGroupCovidpage {
padding:40px 0
}
}
@media(max-width:991px) {
.group-row {
display:flex
}
body.hotelGroupBody #page {
overflow-x:hidden
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
display:none
}
.hotelGroupTopbar .hotelGroupTopbarLeft .inline-wrapper {
justify-content:flex-start
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper {
justify-content:flex-end
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper>[data-component=image] {
display:none
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:36px
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
display:none
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
display:none
}
.hotelGroupBookingContainer #bb_resBookingBox {
flex-direction:column
}
.hotelGroupBookingContainer .boxnew p {
max-width:300px;
margin:15px 0
}
.hotelGroupTheme h2 {
font-size:42px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:60px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span {
position:relative;
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:30px
}
.hotelGroupPropertyContainerInner {
flex-flow:row wrap
}
.hotelGroupPropertyBlock {
width:calc(50% - 40px);
margin-bottom:30px
}
.hotelGroupAttractionBlock {
width:calc(50% - 40px)
}
.hotelGroupAttractionHome {
padding:60px 0
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:column;
margin:40px 20px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupRestaurantImg {
width:initial
}
.hotelGroupRestaurantContent {
width:initial;
min-height:initial;
max-height:initial;
padding:30px
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:initial;
max-height:initial
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:36px;
top:-10px
}
.hotelGroupWelcomeContainer {
padding:60px 0
}
.hotelGroupWelcomeInner {
flex-direction:column
}
.hotelGroupWelcomeContent {
width:initial;
text-align:center
}
.hotelGroupWelcomeImgOuter {
width:initial;
padding-left:0;
margin:40px auto 0;
max-width:600px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
flex-direction:column
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
width:initial
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
flex-direction:column;
text-align:center
}
.hotelGroupAmenityItemImg {
margin:0 auto 30px
}
.hotelGroupGalleryContainer {
padding-bottom:60px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:60px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:flex;
flex-flow:row wrap;
justify-content:center
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:33.33%
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:100%
}
.hotelGroupTestimonialHome h2 span {
font-size:30px;
top:-30px
}
body .hotelGroupFooter .col-sm-4 {
width:100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 30px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
display:none
}
.hotelGroupHeadBlock {
padding-bottom:30px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:42px
}
.hotelGroupBookingContainer .boxnew p input {
height:40px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
bottom:6px
}
.hotelGroupBookingContainer .boxnew p select {
height:40px
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
height:44px
}
.hotelGroupPageTitle {
padding:80px 0
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2 {
font-size:32px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:350px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:auto;
margin:40px 0 0
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
width:100%;
left:0;
right:0;
bottom:auto;
top:45%;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:auto;
right:auto;
left:5px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.right.carousel-control {
left:auto;
right:5px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:100%
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
width:100%
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
display:none
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:30px 0
}
.hotelSubGroupContentContainer {
padding:60px 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
margin:0 10px
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p,.hotelGroupTheme p {
font-size:15px
}
.hotelGroupContactDetails li .fa.fa-map-marker {
top:0
}
.hotelGroupContactDetails {
margin:60px 0 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:100%;
margin:30px 0
}
.hotelGroupContactlistContainer {
padding:40px 0
}
.hotelGroupContentContainer {
padding-top:60px
}
.hotelGroupContentContainer h2 {
font-size:36px
}
.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupRestaurantBlock {
align-items:initial
}
.hotelGroupBanquetsBlock {
width:100%;
margin:0 10px 60px
}
.hotelGroupBanquetsBlock:last-of-type {
margin-bottom:0
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
max-height:initial;
min-height:initial
}
.rewardsTopcontainer {
padding:60px 0
}
.rewardsTopcontainerInner {
flex-direction:column
}
.rewardsTopcontainerImage {
width:initial;
padding-left:0;
margin:0 auto 30px
}
.rewardsTopcontainerContent {
width:initial
}
.hotelGroupTheme.privacyPage {
padding:40px 0
}
.hotelGroupAboutSliderContainer {
padding:50px 0
}
.hotelGroupAboutWelcomeContainer {
padding-bottom:50px
}
}
@media(max-width:767px) {
.ekko-lightbox-container img {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
div#gallery2 img {
min-height:100%;
max-height:100%;
min-width:100%
}
.hotelGroupNavbar .navbar-two {
padding:10px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:block
}
#whatsapp-message {
bottom:90px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupSlideshowContainer .carouselNavOuter {
width:100%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
left:10px;
right:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
top:auto;
bottom:10px;
left:auto;
right:10px
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:relative;
bottom:auto;
background:#FFF;
color:#4f4f4f;
min-height:200px
}
.hotelGroupAttractionContent h3 {
font-size:24px;
font-weight:600
}
.hotelGroupAttractionContent p {
color:#4f4f4f
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:initial
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column;
justify-content:center;
text-align:center
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1)
}
.hotelGroupAmenityItemContent h3 {
margin-bottom:15px
}
.hotelGroupContactContainer {
padding:40px 0
}
.hotelGroupPageTitle h2 span {
line-height:1.6
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1)
}
.CovidpageInner {
padding:0 10px
}
.hotelGroupCovidpage h3 {
font-size:28px
}
.rewardsTopcontainer {
padding:40px 0
}
.rewardsTopcontainerInner {
padding:0 10px
}
.hotelGroupTheme ul.privacyList {
padding:0 0 0 20px
}
.privacyPageInner {
padding:0 10px
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
display:none
}
}
@media(max-width:640px) {
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
display:none
}
.hotelGroupRewardContainer {
padding:80px 0
}
.hotelGroupRestaurantContainer {
padding:60px 0
}
.hotelGroupPropertyBlock {
width:100%;
border:1px solid #e0e0e0
}
.hotelGroupPropertyBlockImg {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
position:relative;
top:0;
max-height:450px;
opacity:1;
border-color:#e0e0e0
}
.hotelGroupPropertyBlock h3 {
color:#30353e;
font-weight:600
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
margin-top:15px;
font-size:14px;
font-weight:400
}
.hotelGroupAttractionBlock {
width:100%;
box-shadow:0 3px 6px -1px rgba(0,0,0,.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
min-height:initial;
padding:30px
}
.hotelGroupAttractionImg {
max-height:350px;
overflow:hidden
}
.hotelGroupAttractionContent h3 {
color:#fff;
font-size:30px
}
.hotelGroupRewardInner {
padding:0 10px
}
.hotelGroupPropertyLogoInner {
flex-flow:row wrap
}
.hotelGroupPropertyLogo {
width:calc(50% - 40px)
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:initial
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:50px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
max-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:relative;
bottom:0;
left:25px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:25px;
border:0
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 30px
}
.hotelGroupTheme .btn.btn-primary {
padding:14px 18px;
font-size:15px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
background:rgba(0,0,0,.3)
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:1
}
.hotelGroupPropertyBlock:hover:after {
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1)
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:300px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:30px;
margin-bottom:15px
}
.hotelGroupPageTitle {
padding:60px 0
}
.hotelGroupPageTitle h2 {
font-size:32px
}
.hotelGroupPageTitle h2 span {
font-size:14px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelSubGroupRestaurantPage h2 {
font-size:30px;
letter-spacing:.03em
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-top:0
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:60px 0 0
}
.hotelGroupCovidpage h3 {
margin-top:30px
}
.hotelGroupAmenityItemContent {
margin:0 auto
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:100%
}
.rewardsOffers.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
}
@media(max-width:580px) {
.hotelGroupSlideshowContainer .carousel .item img {
min-height:300px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:30px;
letter-spacing:2px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control,.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
bottom:-20px
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:70px
}
.hotelGroupTheme h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:15px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:30px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
margin:0
}
.hotelGroupTopbar p.hotelGroupTopbarPhone a {
margin-bottom:0
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-size:16px
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
display:block
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupPageTitle {
padding:40px 0
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:40px 10px 0
}
.hotelGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:20px 0 60px
}
.hotelGroupBanquetsContent h3 {
font-size:26px
}
.hotelGroupCovidpage h3 {
font-size:26px;
margin-bottom:15px
}
.hotelGroupTheme.privacyPage h2 {
font-size:26px
}
.hotelGroupAboutSliderInner,.hotelGroupAboutWelcomeInner {
padding:0 10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:30px;
margin-bottom:20px
}
}
@media(max-width:500px) {
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
display:block
}
}
@media(max-width:479px) {
.hotelGroupRestaurantContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:30px 10px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupPropertyBlock {
margin:20px 10px
}
.hotelGroupAttractionBlock {
margin:20px 10px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:40px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
margin-bottom:0
}
.hotelGroupAttractionHome {
padding:40px 0
}
.hotelGroupAttractionHome h2 {
margin-bottom:30px
}
.hotelGroupTheme h2 {
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:24px;
top:-10px
}
.hotelGroupAttractionContent h3 {
font-size:24px
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
padding:20px
}
.hotelGroupPropertyLogo {
width:calc(50% - 20px);
margin:10px
}
.hotelGroupRewardContainer {
padding:60px 0;
background-attachment:initial;
background-position:50% 100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 20px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:250px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:24px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2,.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:26px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
padding:20px 0
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:10px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
padding:25px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelGroupPropertyBlockImg,.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:260px
}
.hotelGroupFooter .HGfooterTitle {
font-size:20px
}
.hotelGroupTheme p {
font-size:13px
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupBtnOuter {
margin-top:40px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
margin-bottom:30px
}
.hotelGroupGalleryContainer {
padding-bottom:50px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
padding:50px 20px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
font-size:60px;
top:-20px;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:220px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelSubGroupContentContainer {
padding:40px 0 20px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:26px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding-top:40px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-bottom:40px
}
.hotelGroupBanquetsContent {
padding:20px
}
.rewardsTopcontainerContent h3,.rewardsForm h3,.rewardsForm h3 {
font-size:28px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
.helloBarContainer p a {
margin-left:10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:24px
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
bottom:20px
}
.hotelGroupAboutSliderInner .carousel .item img {
min-height:180px
}
}
@media(max-width:359px) {
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
max-width:140px
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:260px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:24px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 20px;
left:20px
}
}
* img{
object-fit: cover;
}
:root {
--primary-color:#c6ab62;
--secondary-color:#b48744;
--btn-hover:#b48744;
--white:#fff;
--primary-text-color:#333;
--black:#000;
--placeholder:#757575;
--background-color:#0f0f0f
}
body.hotelGroupBody {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f;
overflow-x:hidden
}
.yummy .col-lg-1,.yummy .col-lg-2,.yummy .col-lg-3,.yummy .col-lg-4,.yummy .col-lg-5,.yummy .col-lg-6,.yummy .col-lg-7,.yummy .col-lg-8,.yummy .col-lg-9,.yummy .col-lg-10,.yummy .col-lg-11,.yummy .col-lg-12,.yummy .col-lg-15,.yummy .col-md-1,.yummy .col-md-2,.yummy .col-md-3,.yummy .col-md-4,.yummy .col-md-5,.yummy .col-md-6,.yummy .col-md-7,.yummy .col-md-8,.yummy .col-md-9,.yummy .col-md-10,.yummy .col-md-11,.yummy .col-md-12,.yummy .col-md-15,.yummy .col-sm-1,.yummy .col-sm-2,.yummy .col-sm-3,.yummy .col-sm-4,.yummy .col-sm-5,.yummy .col-sm-6,.yummy .col-sm-7,.yummy .col-sm-8,.yummy .col-sm-9,.yummy .col-sm-10,.yummy .col-sm-11,.yummy .col-sm-12,.yummy .col-sm-15,.yummy .col-xs-1,.yummy .col-xs-2,.yummy .col-xs-3,.yummy .col-xs-4,.yummy .col-xs-5,.yummy .col-xs-6,.yummy .col-xs-7,.yummy .col-xs-8,.yummy .col-xs-9,.yummy .col-xs-10,.yummy .col-xs-11,.yummy .col-xs-12,.yummy .col-xs-15 {
padding-right:15px;
padding-left:15px;
padding-bottom:0
}
.yummy p {
margin:0
}
#whatsapp-message {
position:fixed;
margin-bottom:1vh;
bottom:35px;
right:5px;
width:65px;
height:65px;
overflow:hidden;
visibility:visible;
z-index:2147483639;
background:0;
border:0;
transition:transform .2s ease-in-out;
backface-visibility:hidden;
opacity:1;
transform:translateY(0%)
}
.hotelGroupTheme,body .hotelGroupTheme {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTheme a,.hotelGroupTheme p a {
text-decoration:none;
color:var(--primary-color)
}
.hotelGroupTheme a:hover,.hotelGroupTheme a:focus,.hotelGroupTheme p a:hover,.hotelGroupTheme p a:focus {
text-decoration:none;
color:var(--secondary-color)
}
.hotelGroupTheme .btn.btn-primary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-primary:focus,.hotelGroupTheme .btn.btn-primary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelGroupTheme .btn.btn-secondary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:transparent;
color:var(--primary-color);
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-secondary:focus,.hotelGroupTheme .btn.btn-secondary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#FFF
}
.hotelGroupTheme .h1,.hotelGroupTheme .h2,.hotelGroupTheme .h3,.hotelGroupTheme .h4,.hotelGroupTheme .h5,.hotelGroupTheme .h6,.hotelGroupTheme h1,.hotelGroupTheme h2,.hotelGroupTheme h3,.hotelGroupTheme h4,.hotelGroupTheme h5,.hotelGroupTheme h6 {
font-family:Bellota;
font-weight:400
}
.header.fixed {
position:fixed;
top:0;
box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
-webkit-box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
left:0;
right:0;
margin:0 auto;
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
.hotelGroupTheme h2 {
margin:0 0 30px;
position:relative;
color:#30353e;
margin:0 0 30px;
font-size:48px;
line-height:1.2;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase
}
.hotelGroupTheme h2 span {
display:block;
font-size:16px;
font-weight:400;
margin:0 0 10px;
color:var(--secondary-color)
}
.hotelGroupTheme p {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTopbar {
padding:12px 0;
border-bottom:1px solid #efefef
}
.hotelGroupTopbar .inline-wrapper {
align-items:center
}
.hotelGroupTopbar p {
margin:0 10px 0;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
margin-left:0
}
.hotelGroupTopbar p .fa {
margin-right:10px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone .fa {
font-size:18px;
position:relative;
top:1px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
position:relative;
top:-1px
}
.hotelGroupTopbar p a {
color:#4f4f4f;
text-decoration:none;
transition:all .3s ease
}
.hotelGroupTopbar p a:focus,.hotelGroupTopbar p a:hover {
color:var(--secondary-color);
;
text-decoration:none
}
.hotelGroupTopbar p.hotelGroupTopbarSocial {
font-size:16px
}
.hotelGroupTopbar p.hotelGroupTopbarSocial .fa {
margin-right:0
}
.hotelGroupTopbar .gTranslate {
margin-left:10px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget {
position:relative;
font-size:0
}
.hotelGroupTheme #google_translate_element .goog-te-gadget:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
pointer-events:none;
color:#000;
font-size:18px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget a.goog-logo-link {
display:none
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
height:30px;
padding:0 30px 0 10px;
letter-spacing:.03em;
border-radius:0;
border:1px solid #d5d5d5;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
cursor:pointer;
font-size:12px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo:focus {
outline:0;
border-color:#a7a7a7
}
.hotelGroupNavbar {
position:relative;
z-index:100
}
.hotelGroupNavbar .navbar {
width:100%;
margin:0;
padding:10px 0;
display:flex;
align-items:center;
min-height:60px
}
.hotelGroupNavbar .navbar-header .navbar-brand {
height:auto
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:90px
}
.hotelGroupNavbar .navbar-collapse {
padding:0!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
width:inherit;
align-items:center;
padding-right:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:5px 0 0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
line-height:1;
color:#30353e;
text-transform:uppercase;
letter-spacing:.03em;
transition:all .3s ease;
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:active,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:focus,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:hover,.hotelGroupNavbar .navbar.navbar-plain ul.nav li.active a {
color:var(--secondary-color);
;
background-color:transparent
}
.hotelGroupNavbar .nav .open>a,.hotelGroupNavbar .nav .open>a:focus,.hotelGroupNavbar .nav .open>a:hover {
background:none;
border:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown a .caret:after {
top:-7px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown.open a .caret:after {
top:-3px
}
.hotelGroupNavbar .dropdown-menu {
border-radius:0;
background:#FFF
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li {
display:block
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
font-weight:400;
display:block;
padding:15px 20px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdownRight .dropdown-menu {
left:auto;
right:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-family:Bellota;
background:var(--primary-color);
border:1px solid var(--primary-color);
color:#fff;
box-shadow:none;
border-radius:0;
font-size:14px;
font-weight:700;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
transition:all .3s ease;
padding:12px 18px
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:focus,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:hover {
border-color:var(--secondary-color);
;
background:var(--secondary-color);
;
cursor:pointer;
color:#fff;
text-decoration:none;
box-shadow:none;
outline:0
}
.hotelGroupSlideshowContainer {
color:#FFF
}
.hotelGroupSlideshowContainer p,.hotelGroupSlideshowContainer a {
color:#FFF
}
.hotelGroupSlideshowContainer .carousel-inner>.item {
transition:none;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item img {
animation:bloomEffects 1s ease;
animation-fill-mode:forwards
}
@keyframes bloomEffects {
0% {
transform:scale(1)
}
100% {
transform:scale(1.1)
}
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:60px;
font-weight:700;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
font-size:18px;
font-weight:400;
line-height:1.4;
letter-spacing:.06em;
margin:0 auto 60px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
background:#000;
border-color:#000
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
font-family:Chakra Petch;
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
background-color:transparent;
color:#fff;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto;
height:50px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:active {
background-color:#FFF;
border-color:#FFF;
color:#000
}
.hotelGroupSlideshow {
max-height:600px;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupSlideshowContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
background:#000;
border:1px solid #000
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:auto;
right:0
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
left:auto;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li:hover,.hotelGroupSlideshowContainer .carousel-indicators li:focus,.hotelGroupSlideshowContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupSlideshowContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupSlideshowContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBookingContainer {
position:relative;
background:#1b1b1b;
color:#FFF;
padding:40px 0
}
.hotelSubGroupTheme.hotelGroupBookingContainer {
position:relative;
background:var(--secondary-color);
;
color:#FFF
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0 30px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupBookingContainer .boxnew {
width:100%;
text-align:center
}
.hotelGroupBookingContainer .boxnew p {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupBookingContainer .boxnew p label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p input {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupBookingContainer .boxnew p select {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
font-family:Bellota;
font-size:18px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:50px;
border-radius:0;
padding:10px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:var(--secondary-color);
!important;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn {
background-color:#000;
color:#fff;
border:1px solid #000
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupBookingContainer .boxnew p br {
display:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:25px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:25px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1) {
max-width:300px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(4) {
margin-top:28px
}
.hotelGroupTheme .bbres_fieldset,.hotelGroupTheme .HGCalender,.hotelGroupTheme .HGBEBtn {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select,.hotelGroupTheme .HGSelectOuter {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:300px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select:before,.hotelGroupTheme .HGSelectOuter:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:20px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupTheme .bbres_fieldset label,.hotelGroupTheme .bbres_select label,.hotelGroupTheme .form-control label,.hotelGroupTheme .HGSelectOuter label,.hotelGroupTheme .HGCalender label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset input,.hotelGroupTheme .HGCalender input,.hotelGroupTheme input.form-control {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme textarea.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:auto;
background:#fff;
width:100%;
padding:20px;
border-radius:0;
font-size:13px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger {
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
font-size:0;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px
}
.hotelGroupTheme .HGCalender:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupTheme .bbres_select select,.hotelGroupTheme .HGSelectOuter select,.hotelGroupTheme select.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupTheme input.form-control:focus,.hotelGroupTheme select.form-control:focus,.hotelGroupTheme select:focus,.hotelGroupTheme textarea.form-control:focus,.hotelGroupTheme textarea:focus {
border-color:#152161;
background:#fff;
outline:0
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn,.hotelGroupTheme .HGBEBtn #bb_resBtn {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
line-height:1.8;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:#000;
color:#fff;
border:1px solid #000;
height:50px;
border-radius:0;
padding:15px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn:active,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:focus,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:hover,.hotelGroupTheme .HGBEBtn #bb_resBtn:active,.hotelGroupTheme .HGBEBtn #bb_resBtn:focus,.hotelGroupTheme .HGBEBtn #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupWelcomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupWelcomeInner {
display:flex;
align-items:center
}
.hotelGroupWelcomeContent {
width:48%
}
.hotelGroupWelcomeImgOuter {
width:52%;
padding-left:100px
}
.hotelGroupPropertyContainer {
position:relative;
padding:1px 0;
display:flex;
justify-content:center
}
.hotelGroupPropertyInner {
position:relative;
display:flex;
min-height:600px;
flex-flow:row wrap;
max-width:1600px
}
.hotelGroupPropertyContainerAlter .hotelGroupPropertyInner {
flex-direction:row-reverse
}
.hotelGroupPropertyImage {
width:60%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.hotelGroupPropertyContent {
width:40%;
padding:60px;
display:flex;
flex-flow:column;
justify-content:center;
text-align:left
}
h3.hotelGroupPropertyContentTitle {
margin:0 0 30px;
font-size:42px;
line-height:1.2;
letter-spacing:2px;
color:#30353e
}
p.hotelGroupPropertyContentText {
color:inherit;
margin:0 0 50px;
font-size:17px;
line-height:1.8;
letter-spacing:.03em
}
.hotelGroupHomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupHomeContainer .hotelGroupHomeContent {
text-align:center
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:60px;
padding-top:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:16px;
line-height:2
}
.hotelGroupAmenityContainer {
position:relative;
background:var(--primary-color);
color:#FFF;
padding:80px 0 40px;
text-align:center
}
.hotelGroupAmenityContainer {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f06b6379b36d_bannerImg002.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupAmenityContainer h2,.hotelGroupAmenityContainer h3,.hotelGroupAmenityContainer h4,.hotelGroupAmenityContainer p {
color:#FFF
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px;
padding-top:30px
}
.hotelGroupAmenityContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#e6c6a1;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupAmenityBtnOuter {
margin:60px 0 0
}
.hotelGroupAmenityList {
display:flex;
flex-flow:row wrap;
align-items:flex-start;
justify-content:flex-start
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
position:relative;
display:flex;
text-align:left;
padding:40px;
align-items:flex-start;
width:33%;
justify-content:flex-start;
margin:0;
align-items:center
}
.hotelGroupAmenityItemImg {
min-width:60px;
min-height:60px;
background:rgb(0 0 0 / .2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
margin:0 10px 0 0
}
.hotelGroupAmenityItemImg img {
max-width:30px;
max-height:30px
}
.hotelGroupAmenityItemContent h3 {
margin:0 0 6px;
font-weight:600;
letter-spacing:1px;
font-size:20px;
line-height:1
}
.hotelGroupAmenityItemContent p {
margin:0;
font-size:14px;
letter-spacing:.03em
}
body .hotelGroupFooter {
background:#1b1b1b;
color:#c5c5c5
}
.hotelGroupFooter .HGfooterTitle {
color:#FFF;
font-family:Bellota;
font-size:24px;
letter-spacing:3px;
font-weight:700;
text-transform:uppercase;
margin:0 0 30px
}
.hotelGroupFooter ul.list-basic li a:not(.btn) {
color:#c5c5c5;
text-decoration:none
}
.hotelGroupFooter ul.list-basic li a:not(.btn):hover,.hotelGroupFooter ul.list-basic li a:not(.btn):focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic {
display:flex;
flex-flow:row wrap
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic li {
width:50%
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic {
display:flex;
flex-flow:column
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic li {
width:initial
}
body .hotelGroupFooterbtm {
background:#101010;
color:#c5c5c5;
padding:10px 0;
font-size:14px
}
body .hotelGroupFooterbtm .footerBtmInner {
display:flex;
justify-content:space-between;
align-items:center
}
body .hotelGroupFooterbtm p {
margin:0;
font-family:Chakra Petch
}
body .hotelGroupFooterbtm p a {
color:#c5c5c5;
text-decoration:none
}
body .hotelGroupFooterbtm p a:hover,body .hotelGroupFooterbtm p a:focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterContact ul.list-basic li {
position:relative;
padding-left:30px
}
body .hotelGroupFooter p,body .hotelGroupFooter ul li,body .hotelGroupFooter p a {
margin-bottom:10px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
color:#c5c5c5;
letter-spacing:.03em
}
body .hotelGroupFooter .HGfooterContact li .fa {
position:absolute;
left:0;
top:3px;
font-size:20px;
font-weight:400;
line-height:1
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial {
margin:10px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial li .fa {
position:relative;
top:initial
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-map-marker {
left:2px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-envelope-open-o {
font-size:14px;
left:1px;
top:4px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-mobile {
font-size:22px;
left:3px;
top:1px
}
.hotelGroupRoomContainer {
padding:80px 0
}
.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-end
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
position:relative;
z-index:1;
width:80%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:600px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
position:absolute;
right:10px;
bottom:70px;
width:50px;
z-index:2;
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #000;
background:#000;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators {
background:none;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
position:absolute;
width:600px;
background:#FFF;
padding:30px;
left:0;
top:50%;
display:block;
z-index:2;
transform:translateY(-50%);
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:48px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupRoomContainer .hotelGroupRoomContentText {
margin:0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities {
margin:20px 0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic {
display:flex;
flex-flow:row wrap
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic li {
width:50%;
display:flex;
align-items:center;
margin:0 0 15px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesImg img {
max-height:24px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesTxt p {
margin:0 0 0 10px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice {
margin:0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice strong {
font-size:22px;
font-weight:700;
margin:0;
letter-spacing:-.02em
}
.hotelGroupRoomContainer .hotelGroupRoomPrice span {
border-bottom:1px dashed;
cursor:help;
margin:0 0 0 5px
}
.hotelGroupRoomContainerAlter .hotelGroupRoomInner {
justify-content:flex-start
}
.hotelGroupRoomContainerAlter .hotelGroupRoomContent {
left:auto;
right:0
}
.hotelGroupRoomContainerAlter .hotelGroupRoomImage .carouselNavOuter {
right:auto;
left:10px
}
.hotelGroupTheme .mapWrapper iframe {
margin:0;
padding:0;
outline:0;
border:0;
display:inline-block;
vertical-align:top
}
.hotelGroupGalleryContainer {
padding:0 0 80px;
text-align:center
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:80px
}
.hotelGroupBody .modal-dialog {
margin:15px auto 0;
max-width:900px!important
}
.hotelGroupBody .modal-header {
padding:0;
border-bottom:0 solid #e5e5e5;
background:0
}
.hotelGroupBody .modal-title {
display:none
}
.hotelGroupBody .modal button.close {
z-index:110;
right:10px;
top:10px;
outline:0
}
.hotelGroupBody .modal button.close:focus,.hotelGroupBody .modal button.close:hover {
outline:0
}
.hotelGroupBody .ekko-lightbox-nav-overlay .glyphicon {
height:100%;
display:flex;
align-items:center;
text-align:right
}
.hotelGroupBody .glyphicon.glyphicon-chevron-left {
justify-content:flex-start
}
.hotelGroupBody .glyphicon.glyphicon-chevron-right {
justify-content:flex-end
}
.hotelGroupBody .ekko-lightbox-nav-overlay a:focus,.hotelGroupBody .ekko-lightbox-nav-overlay a:hover {
text-decoration:none
}
.hotelGroupBody .modal-dialog img {
width:100%
}
.hotelGroupBody .modal-dialog .ekko-lightbox-container {
max-height:550px;
overflow:hidden
}
.hotelGroupHeadBlock {
padding:60px 0;
text-align:center
}
.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
margin:0
}
.hotelGroupPageTitle {
padding:100px 0;
color:#FFF;
background-color:rgba(0,0,0,0);
background-position:50% 60%
}
.hotelGroupPageTitle h2 {
color:#FFF;
text-align:center;
margin:0
}
.hotelGroupPageTitle h2 span {
color:#FFF;
font-family:Chakra Petch;
margin:10px 0 0
}
.hotelGroupContactContainer {
padding:80px 0
}
.hotelGroupContactContainer .form-group,.hotelGroupContactContainer .input-group {
margin:0 0 20px
}
.hotelGroupContactContainer h3 {
font-size:28px;
font-weight:700;
letter-spacing:1px;
margin:0 0 20px;
color:#30353e
}
.hotelGroupContactContainer h3.hotelGroupContactHeading {
margin:0 0 10px
}
.hotelGroupContactContainer p.hotelGroupContactDesc {
margin:0 0 40px
}
.hotelGroupContactDetails ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactDetails p,.hotelGroupContactDetails ul li,.hotelGroupContactDetails p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactDetails li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactDetails ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
.hotelGroupContactDetails li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactDetails li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactDetails li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn) {
color:#4f4f4f
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding-left:30px
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial .HGfooterSocial li .fa {
position:relative;
top:initial
}
.hotelGroupContactlistContainer {
background:#f8f8f8;
padding:80px 0
}
.hotelGroupContactlistContainer .hotelGroupContactblock {
position:relative;
padding:30px;
background:#FFF;
box-shadow:0 7px 12px -4px rgba(0,0,0,.1);
margin:0 5px
}
.hotelGroupContactlistContainer .hotelGroupContactblock a {
white-space:normal;
word-break:break-all
}
.hotelGroupContactlistContainer .hotelGroupContactblock h4 {
margin:0 0 30px;
font-size:22px;
font-weight:700
}
.hotelGroupContactlistContainer ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactlistContainer p,.hotelGroupContactlistContainer ul li,.hotelGroupContactlistContainer p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactlistContainer li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactlistContainer ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 10px 0 0
}
.hotelGroupContactlistContainer li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactlistContainer li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactlistContainer li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding:0;
margin:0 15px 0 0
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li .fa {
position:relative
}
.hotelGroupAboutSliderContainer {
padding:80px 0
}
.hotelGroupAboutWelcomeContainer {
padding:0 0 80px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption h3 {
font-size:54px;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption p {
font-size:16px;
font-weight:400;
line-height:1.8;
letter-spacing:.05em;
margin:0 auto 60px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn {
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:active {
background:#FFF;
color:#000
}
.hotelGroupAboutSliderContainer .carousel-inner .item [data-component=image]:before {
content:"";
top:0;
left:0;
right:0;
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.54);
z-index:1;
display:none
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
background:#000;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupAboutSliderContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li:hover,.hotelGroupAboutSliderContainer .carousel-indicators li:focus,.hotelGroupAboutSliderContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupAboutSliderContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupAboutSliderContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a:hover,.hotelGroupBody .ui-datepicker.ui-widget-content td a:focus,.hotelGroupBody .ui-datepicker.ui-widget-content td a:active {
text-decoration:none
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a.ui-state-active {
background:var(--secondary-color);
;
color:#fff;
text-decoration:none
}
.hotelGroupthankyouPage {
padding:80px 0;
text-align:center
}
.hotelSubGroupContentContainer {
padding:80px 0;
text-align:center
}
.hotelGroupContentContainer {
padding:80px 0 0;
text-align:center
}
.hotelSubGroupContentContainer .hotelGroupRoomContent {
padding:50px
}
.hotelSubGroupContentContainer h2,.hotelGroupContentContainer h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:80px 0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerLast {
padding-bottom:100px
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:absolute;
right:30px;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:10px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn {
font-size:16px;
height:auto;
font-family:Bellota;
line-height:1;
padding:15px 20px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn:nth-of-type(2) {
margin-left:5px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoomAmenitiesTxt {
display:none
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:0 20px 0 0;
width:initial
}
.hotelSubGroupTheme .hotelGroupRoomAmenities {
margin:30px 0 20px
}
.hotelSubGroupTheme .hotelGroupRoomImage {
box-shadow:0 50px 40px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px;
letter-spacing:2px;
padding:30px 0 0;
text-transform:none;
color:#30353e
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
opacity:.8
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:18px;
line-height:2
}
.hotelSubGroupTheme .hotelGroupWelcomeImg {
box-shadow:0 30px 30px -20px rgba(0,0,0,.2);
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover {
box-shadow:0 30px 30px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg img {
transition:all .4s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1.03)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
padding:30px 0 0;
margin:0 0 30px;
color:#30353e
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px;
text-transform:none;
margin-bottom:60px;
padding:30px 0 0
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
margin:0;
padding:1px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper.margin-bottom-10px {
margin-bottom:0;
overflow:hidden;
position:relative
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper img {
transition:all .6s ease
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper:hover img {
transform:scale(1.1)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:before {
content:"";
background:rgba(0,0,0,.6);
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all .3s ease;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:hover:before {
top:0;
opacity:0;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a {
position:relative;
display:block
}
.hotelGroupBtnOuter {
margin:60px auto 0;
text-align:center
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
display:flex
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:50%;
padding:20px 20px 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage {
position:relative;
z-index:1;
width:initial
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent {
position:relative;
top:0;
transform:translateY(0%);
width:initial;
text-align:left
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:0;
transition:all .6s ease;
margin:40px 0 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 14px rgb(255 255 255 / .3)
}
.hotelGroupTestimonialHome {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f7c5d480856d_spa.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupTestimonialHome .overly,.hotelGroupAmenityContainer .overly {
background:rgba(0,0,0,.6)
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter {
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:80%;
margin:0 auto
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-family:Bellota;
font-weight:400;
font-size:18px;
color:#FFF;
line-height:2;
letter-spacing:1px;
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
content:'\f10d';
font-family:fontAwesome;
font-size:72px;
margin:0;
opacity:.3;
position:absolute;
left:-50px;
top:-30px;
line-height:1
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
position:relative;
margin:0 auto;
left:0;
right:0;
top:0;
width:100%;
padding:50px
}
.hotelGroupTestimonialHome .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF;
display:none
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:hover,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:focus,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupTestimonialHome .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupTestimonialHome .carousel-indicators {
background:none;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li:hover,.hotelGroupTestimonialHome .carousel-indicators li:focus,.hotelGroupTestimonialHome .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupTestimonialHome .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupTestimonialHome .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupTestimonialHome .nav-indicators-in .carousel-indicators-wrapper {
right:0;
left:0;
bottom:-30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption h3 {
letter-spacing:1px
}
.hotelGroupTestimonialHome h2 {
color:#FFF;
text-align:center
}
.hotelGroupTestimonialHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#FFF;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-40px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionHome {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupAttractionHomeInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupAttractionBlock {
position:relative;
width:calc(33.33% - 40px);
margin:0 20px;
overflow:hidden
}
.hotelGroupAttractionImg {
position:relative;
z-index:1
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:400px;
transition:all .6s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:absolute;
bottom:-90px;
left:0;
background:rgba(0,0,0,.6);
display:block;
color:#FFF;
z-index:2;
padding:20px;
transition:all .3s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionContent {
bottom:0
}
.hotelGroupAttractionContent p {
color:#FFF
}
.hotelGroupAttractionHome h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupAttractionHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionContent h3 {
margin:0 0 15px;
letter-spacing:1px;
font-size:26px;
color:#fff
}
.hotelGroupAttractionContent p {
color:#FFF;
font-size:14px;
letter-spacing:.03em;
margin:0
}
.hotelGroupPropertyContainer {
padding:80px 0 80px
}
.hotelGroupPropertyPage.hotelGroupPropertyContainer {
padding:0 0 80px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupPropertyContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupPropertyContainerInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyBlock {
width:33%;
margin:0 20px;
position:relative;
overflow:hidden
}
.hotelGroupPropertyBlock:after {
content:"";
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
transition:all .3s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover:after {
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:450px;
transition:all .8s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1.1)
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
text-align:center;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:11;
background:rgba(0,0,0,.5);
opacity:1;
transition:all .3s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:0
}
.hotelGroupPropertyBlock a {
color:var(--secondary-color)
}
.hotelGroupPropertyBlock h3 {
letter-spacing:1px;
font-size:24px;
font-weight:400;
margin:0;
color:#FFF
}
.hotelGroupPropertyBlock p {
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#909090
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
font-size:13px;
text-transform:none;
letter-spacing:.03em;
margin:20px 0 0
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockLabel {
margin:0 0 10px;
font-size:12px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
display:flex;
flex-flow:column;
align-items:flex-start;
border:1px solid;
padding:30px;
position:absolute;
left:0;
top:-100%;
z-index:11;
width:100%;
height:100%;
max-height:450px;
transition:all .6s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockContent {
top:0;
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:absolute;
bottom:-100%;
left:30px;
z-index:11;
transition:all .6s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:30px
}
.hotelGroupPropertyLogoContainer {
padding:20px 0
}
.hotelGroupPropertyLogoInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyLogo {
margin:20px
}
.hotelGroupPropertyLogo img {
max-height:80px;
transition:all .6s ease;
opacity:.6
}
.hotelGroupPropertyLogo:hover img {
opacity:1
}
.hotelGroupRewardContainer {
padding:100px 0;
background-image:url(images/uploads/1/5f7ef5d09cd88_gift.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment:fixed
}
.hotelGroupRewardContainer:before {
content:"";
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
position:absolute;
left:0;
right:0;
top:0;
pointer-events:none;
width:100%;
height:100%
}
.hotelGroupRewardContainer h2 {
color:#FFF;
margin:0 0 10px;
text-transform:none
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupRewardContainer p {
color:#FFF;
margin:0;
letter-spacing:.06em;
font-size:14px
}
.hotelGroupRewardContainer .btn-secondary {
letter-spacing:2px
}
.hotelGroupContentsContainer {
padding:60px 0
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
position:relative;
padding:80px 0;
text-align:center;
background:inherit
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer:before {
content:"";
display:none
}
.hotelGroupAmenityPage .hotelGroupAmenityItemContent h3,.hotelGroupAmenityPage .hotelGroupAmenityItemContent p {
color:#30353e
}
.hotelGroupAmenityPage .hotelGroupAmenityItemImg {
background:none;
border:0;
align-items:flex-start;
padding:0;
min-height:initial;
min-width:initial
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:80px 0 0
}
.hotelGroupAttractionPage.hotelGroupAttractionHome {
background:inherit;
padding-top:40px
}
.hotelGroupTheme .tooltip {
white-space:nowrap
}
.hotelGroupTheme .tooltip .tooltip-inner {
background-color:#000;
font-size:10px;
letter-spacing:.05em
}
.hotelGroupTheme .tooltip.top .tooltip-arrow {
bottom:1px;
border-top-color:#000
}
.hotelGroupTheme .tooltip.top-left .tooltip-arrow,.hotelGroupTheme .tooltip.top-right .tooltip-arrow,.hotelGroupTheme .tooltip.top .tooltip-arrow {
border-top-color:#000
}
.hotelSubGroupNavbar {
background:#1b1b1b
}
.hotelSubGroupNavbar .navbar-nav>li>a {
padding:15px;
color:#FFF;
line-height:1;
font-size:13px;
letter-spacing:.05em;
transition:all .3s ease
}
.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:var(--secondary-color);
;
color:#FFF
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:1px solid #424242
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a {
font-weight:700
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active {
background:#1b1b1b
}
.hotelGroupRestaurantContainer {
padding:80px 0
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:36px;
text-transform:none
}
.hotelSubGroupRestaurantPage {
padding:80px 0 0;
text-align:center
}
.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupRestaurantPage p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelGroupRestaurantBlock {
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:row-reverse
}
.hotelGroupRestaurantImg {
width:50%;
overflow:hidden
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
max-height:400px;
min-height:400px;
width:100%;
transition:all .3s ease
}
.hotelGroupRestaurantBlock:hover .hotelGroupRestaurantImg img {
transform:scale(1.1)
}
.hotelGroupRestaurantContent {
width:50%;
padding:40px;
border:1px solid #dedede;
min-height:400px;
max-height:400px;
display:flex;
flex-flow:column;
justify-content:center
}
.hotelGroupRestaurantContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.hotelGroupRestaurantContent p {
margin-bottom:30px
}
.hotelGroupBanquetsContainer {
padding:80px 0
}
.hotelGroupBanquetsInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupBanquetsBlock {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:calc(50% - 40px);
margin:0 20px 60px;
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease;
overflow:hidden
}
.hotelGroupBanquetsBlock:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelGroupBanquetsImg {
position:relative;
z-index:1;
max-height:350px;
overflow:hidden
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 24px rgb(255 255 255 / .3)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
min-height:350px;
max-height:350px;
transition:all .6s ease
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1.1)
}
.hotelGroupBanquetsContent {
background:#FFF;
transition:all .3s ease;
padding:30px
}
.hotelGroupBanquetsContent h3 {
font-size:32px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupBanquetsContent p {
margin:0
}
.hotelGroupNavbar .navbar-header #subNavicon {
display:none
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:none
}
.hotelGroupCovidpage {
padding:80px 0
}
.hotelGroupCovidpage h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupCovidpage p {
margin-bottom:20px
}
.hotelGroupTheme .nomargintop {
margin-top:0!important
}
.helloBarContainer {
background:var(--primary-color);
color:#FFF;
text-align:center;
padding:15px 0
}
.helloBarContainer p {
margin:0;
line-height:1;
font-size:14px;
color:#FFF
}
.helloBarContainer p .fa {
margin:0 10px 0 0
}
.helloBarContainer p a {
color:#FFF;
text-transform:uppercase;
font-weight:600;
margin:0 0 0 20px;
text-decoration:none;
border-bottom:1px solid #FFF
}
.helloBarContainer p a:hover,.helloBarContainer p a:focus {
color:#FFF;
text-decoration:none;
border-bottom-color:rgba(255,255,255,.5)
}
.helloBarContainer a.helloBarClose {
cursor:pointer;
color:rgba(255,255,255,.5);
font-size:24px;
font-weight:300;
line-height:1;
margin:0 0 0 20px;
transition:all .2s ease-out
}
.helloBarContainer a.helloBarClose:hover,.helloBarContainer a.helloBarClose:focus {
text-decoration:none;
color:rgba(255,255,255,1)
}
.helloBarInner {
position:relative;
z-index:11;
display:flex;
justify-content:center;
align-items:center
}
.rewardsTopcontainer {
padding:80px 0
}
.rewardsTopcontainerInner {
display:flex;
flex-flow:row-reverse
}
.rewardsTopcontainerImage {
width:55%;
padding-left:50px
}
.rewardsTopcontainerContent {
width:45%
}
.rewardsTopcontainerContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.rewardsOffers {
background:var(--primary-color);
color:#FFF;
padding:80px 0
}
.rewardsForm {
max-width:500px;
margin:0 auto
}
.rewardsForm h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px;
text-align:center
}
.hotelGroupAmenityContainer.rewardsOffers:before {
background-image:url(images/uploads/1/5f92a8c42060e_gift4.jpg)
}
.hotelGroupTheme.privacyPage {
padding:80px 0
}
.hotelGroupTheme.privacyPage h2 {
font-size:32px;
font-weight:700;
color:#30353e;
text-transform:none;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupTheme.privacyPage p {
}
.hotelGroupTheme.privacyPage p strong {
font-size:18px;
margin-top:20px;
margin-bottom:5px;
display:inline-block
}
.hotelGroupTheme ul.privacyList {
margin:30px 0
}
.hotelGroupTheme ul.privacyList li {
margin-bottom:10px
}
.hotelGroupTheme ul.privacyList li:last-of-type {
margin-bottom:0
}
.hotelSubGroupAboutSliderContainer {
padding:40px 0 80px
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display:none
}
.grecaptcha-badge {
display:none!important
}
.boxnew button.btn.crssearchbtn:hover {
background:#45b5c6!important
}
.hotelgroup-subnavbar {
position:sticky;
z-index:99;
top:0
}
.group-row {
display:flex;
align-items:center
}
div#gallery2 img {
min-height:230px;
max-height:230px;
min-width:387px;
height:100%;
width:100%
}
.ekko-lightbox-container img {
min-width: 1000px;
min-height: 600px;
max-height: 600px;
height:100%;
width:100%
}
.modal-dialog{
max-width: 1000px !important;
}
@media(min-width:1601px) {
.hotelGroupSlideshowContainer .carousel .item img {
width:100%
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
}
@media(max-width:1199px) {
.hotelGroupNavbar .navbar-header .navbar-brand a {
max-width:200px
}
.hotelGroupNavbar .container {
padding:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
padding:0;
margin:0;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar .navbar-buttons {
margin:0 0 0 15px!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-size:12px;
padding:10px;
margin:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-centered .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left-right .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons {
min-height:initial;
min-width:initial
}
.hotelGroupNavbar .navbar {
padding:0;
border:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar-header {
float:none;
width:100%;
padding:0;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
border-bottom:1px solid #efefef
}
.hotelGroupNavbar .navbar-header .navbar-brand {
min-height:initial;
height:initial;
max-width:initial;
padding:0;
margin:0 10px 0 0;
width:calc(100% - 80px)
}
.hotelGroupNavbar .navbar-header .navbar-toggle {
width:50px;
float:none;
margin:0;
padding:0;
font-size:24px;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar-header .navbar-toggle.collapsed .fa-bars:before {
content:"\F0C9"
}
.hotelGroupNavbar .navbar-header .navbar-toggle .fa-bars:before {
content:"\F00D"
}
.hotelGroupNavbar .navbar-header #subNavicon {
width:50px;
float:none;
margin:0;
padding:0;
color:#4f4f4f;
font-size:24px;
text-align:center;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
display:none!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse.in {
display:block!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:20px 10px;
margin:0;
box-shadow:none;
min-width:100%;
width:100%;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li {
display:block;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.open {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav .dropdown.open>a {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
padding:10px 30px;
text-transform:none
}
.hotelSubGroupNavbar {
background:#FFF
}
.hotelSubGroupNavbar #subGroupNavigation {
padding:0;
margin:0 -15px
}
.hotelSubGroupNavbar #subGroupNavigation.collapse {
display:none!important
}
.hotelSubGroupNavbar #subGroupNavigation.collapse.in {
display:block!important
}
.hotelSubGroupNavbar #subGroupNavigation .navbar-nav {
float:none;
padding:20px
}
.hotelSubGroupNavbar .navbar-nav>li {
display:block;
float:none
}
.hotelSubGroupNavbar .navbar-nav>li>a {
font-family:Chakra Petch;
color:#30353e;
font-size:14px;
font-weight:600;
padding:10px 0
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:60px
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:0
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active,.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:#FFF;
color:var(--secondary-color)
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:block;
margin:0 20px 20px 20px
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow.navbar-buttons>* {
display:block
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow .btn {
font-size:15px;
line-height:1;
padding:15px 20px
}
.hotelGroupWelcomeContent {
width:50%
}
.hotelGroupWelcomeImgOuter {
width:50%;
padding-left:50px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:16px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
position:relative;
font-size:40px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
flex-direction:column;
justify-content:center
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
margin:0 auto;
width:90%
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2)
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:90%;
margin:0 auto;
position:relative;
top:0;
transform:translateY(0%)
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:36px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:400px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding:40px 0 60px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:60px 0 0
}
.hotelGroupContactContainer {
padding:60px 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:50%;
padding-bottom:0;
margin:20px 0
}
.hotelGroupContactlistContainer {
padding:60px 0
}
.hotelGroupFormContainer {
max-width:100%
}
.hotelGroupRestaurantContent {
max-height:initial
}
.hotelGroupRestaurantBlock {
align-items:stretch
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:100%;
max-height:initial
}
.hotelGroupCovidpage {
padding:40px 0
}
}
@media(max-width:991px) {
.group-row {
display:flex
}
body.hotelGroupBody #page {
overflow-x:hidden
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
display:none
}
.hotelGroupTopbar .hotelGroupTopbarLeft .inline-wrapper {
justify-content:flex-start
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper {
justify-content:flex-end
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper>[data-component=image] {
display:none
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:36px
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
display:none
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
display:none
}
.hotelGroupBookingContainer #bb_resBookingBox {
flex-direction:column
}
.hotelGroupBookingContainer .boxnew p {
max-width:300px;
margin:15px 0
}
.hotelGroupTheme h2 {
font-size:42px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:60px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span {
position:relative;
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:30px
}
.hotelGroupPropertyContainerInner {
flex-flow:row wrap
}
.hotelGroupPropertyBlock {
width:calc(50% - 40px);
margin-bottom:30px
}
.hotelGroupAttractionBlock {
width:calc(50% - 40px)
}
.hotelGroupAttractionHome {
padding:60px 0
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:column;
margin:40px 20px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupRestaurantImg {
width:initial
}
.hotelGroupRestaurantContent {
width:initial;
min-height:initial;
max-height:initial;
padding:30px
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:initial;
max-height:initial
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:36px;
top:-10px
}
.hotelGroupWelcomeContainer {
padding:60px 0
}
.hotelGroupWelcomeInner {
flex-direction:column
}
.hotelGroupWelcomeContent {
width:initial;
text-align:center
}
.hotelGroupWelcomeImgOuter {
width:initial;
padding-left:0;
margin:40px auto 0;
max-width:600px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
flex-direction:column
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
width:initial
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
flex-direction:column;
text-align:center
}
.hotelGroupAmenityItemImg {
margin:0 auto 30px
}
.hotelGroupGalleryContainer {
padding-bottom:60px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:60px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:flex;
flex-flow:row wrap;
justify-content:center
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:33.33%
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:100%
}
.hotelGroupTestimonialHome h2 span {
font-size:30px;
top:-30px
}
body .hotelGroupFooter .col-sm-4 {
width:100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 30px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
display:none
}
.hotelGroupHeadBlock {
padding-bottom:30px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:42px
}
.hotelGroupBookingContainer .boxnew p input {
height:40px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
bottom:6px
}
.hotelGroupBookingContainer .boxnew p select {
height:40px
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
height:44px
}
.hotelGroupPageTitle {
padding:80px 0
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2 {
font-size:32px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:350px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:auto;
margin:40px 0 0
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
width:100%;
left:0;
right:0;
bottom:auto;
top:45%;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:auto;
right:auto;
left:5px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.right.carousel-control {
left:auto;
right:5px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:100%
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
width:100%
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
display:none
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:30px 0
}
.hotelSubGroupContentContainer {
padding:60px 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
margin:0 10px
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p,.hotelGroupTheme p {
font-size:15px
}
.hotelGroupContactDetails li .fa.fa-map-marker {
top:0
}
.hotelGroupContactDetails {
margin:60px 0 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:100%;
margin:30px 0
}
.hotelGroupContactlistContainer {
padding:40px 0
}
.hotelGroupContentContainer {
padding-top:60px
}
.hotelGroupContentContainer h2 {
font-size:36px
}
.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupRestaurantBlock {
align-items:initial
}
.hotelGroupBanquetsBlock {
width:100%;
margin:0 10px 60px
}
.hotelGroupBanquetsBlock:last-of-type {
margin-bottom:0
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
max-height:initial;
min-height:initial
}
.rewardsTopcontainer {
padding:60px 0
}
.rewardsTopcontainerInner {
flex-direction:column
}
.rewardsTopcontainerImage {
width:initial;
padding-left:0;
margin:0 auto 30px
}
.rewardsTopcontainerContent {
width:initial
}
.hotelGroupTheme.privacyPage {
padding:40px 0
}
.hotelGroupAboutSliderContainer {
padding:50px 0
}
.hotelGroupAboutWelcomeContainer {
padding-bottom:50px
}
}
@media(max-width:767px) {
.ekko-lightbox-container img {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
div#gallery2 img {
min-height:100%;
max-height:100%;
min-width:100%
}
.hotelGroupNavbar .navbar-two {
padding:10px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:block
}
#whatsapp-message {
bottom:90px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupSlideshowContainer .carouselNavOuter {
width:100%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
left:10px;
right:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
top:auto;
bottom:10px;
left:auto;
right:10px
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:relative;
bottom:auto;
background:#FFF;
color:#4f4f4f;
min-height:200px
}
.hotelGroupAttractionContent h3 {
font-size:24px;
font-weight:600
}
.hotelGroupAttractionContent p {
color:#4f4f4f
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:initial
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column;
justify-content:center;
text-align:center
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1)
}
.hotelGroupAmenityItemContent h3 {
margin-bottom:15px
}
.hotelGroupContactContainer {
padding:40px 0
}
.hotelGroupPageTitle h2 span {
line-height:1.6
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1)
}
.CovidpageInner {
padding:0 10px
}
.hotelGroupCovidpage h3 {
font-size:28px
}
.rewardsTopcontainer {
padding:40px 0
}
.rewardsTopcontainerInner {
padding:0 10px
}
.hotelGroupTheme ul.privacyList {
padding:0 0 0 20px
}
.privacyPageInner {
padding:0 10px
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
display:none
}
}
@media(max-width:640px) {
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
display:none
}
.hotelGroupRewardContainer {
padding:80px 0
}
.hotelGroupRestaurantContainer {
padding:60px 0
}
.hotelGroupPropertyBlock {
width:100%;
border:1px solid #e0e0e0
}
.hotelGroupPropertyBlockImg {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
position:relative;
top:0;
max-height:450px;
opacity:1;
border-color:#e0e0e0
}
.hotelGroupPropertyBlock h3 {
color:#30353e;
font-weight:600
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
margin-top:15px;
font-size:14px;
font-weight:400
}
.hotelGroupAttractionBlock {
width:100%;
box-shadow:0 3px 6px -1px rgba(0,0,0,.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
min-height:initial;
padding:30px
}
.hotelGroupAttractionImg {
max-height:350px;
overflow:hidden
}
.hotelGroupAttractionContent h3 {
color:#fff;
font-size:30px
}
.hotelGroupRewardInner {
padding:0 10px
}
.hotelGroupPropertyLogoInner {
flex-flow:row wrap
}
.hotelGroupPropertyLogo {
width:calc(50% - 40px)
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:initial
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:50px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
max-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:relative;
bottom:0;
left:25px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:25px;
border:0
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 30px
}
.hotelGroupTheme .btn.btn-primary {
padding:14px 18px;
font-size:15px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
background:rgba(0,0,0,.3)
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:1
}
.hotelGroupPropertyBlock:hover:after {
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1)
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:300px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:30px;
margin-bottom:15px
}
.hotelGroupPageTitle {
padding:60px 0
}
.hotelGroupPageTitle h2 {
font-size:32px
}
.hotelGroupPageTitle h2 span {
font-size:14px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelSubGroupRestaurantPage h2 {
font-size:30px;
letter-spacing:.03em
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-top:0
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:60px 0 0
}
.hotelGroupCovidpage h3 {
margin-top:30px
}
.hotelGroupAmenityItemContent {
margin:0 auto
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:100%
}
.rewardsOffers.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
}
@media(max-width:580px) {
.hotelGroupSlideshowContainer .carousel .item img {
min-height:300px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:30px;
letter-spacing:2px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control,.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
bottom:-20px
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:70px
}
.hotelGroupTheme h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:15px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:30px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
margin:0
}
.hotelGroupTopbar p.hotelGroupTopbarPhone a {
margin-bottom:0
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-size:16px
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
display:block
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupPageTitle {
padding:40px 0
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:40px 10px 0
}
.hotelGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:20px 0 60px
}
.hotelGroupBanquetsContent h3 {
font-size:26px
}
.hotelGroupCovidpage h3 {
font-size:26px;
margin-bottom:15px
}
.hotelGroupTheme.privacyPage h2 {
font-size:26px
}
.hotelGroupAboutSliderInner,.hotelGroupAboutWelcomeInner {
padding:0 10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:30px;
margin-bottom:20px
}
}
@media(max-width:500px) {
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
display:block
}
}
@media(max-width:479px) {
.hotelGroupRestaurantContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:30px 10px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupPropertyBlock {
margin:20px 10px
}
.hotelGroupAttractionBlock {
margin:20px 10px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:40px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
margin-bottom:0
}
.hotelGroupAttractionHome {
padding:40px 0
}
.hotelGroupAttractionHome h2 {
margin-bottom:30px
}
.hotelGroupTheme h2 {
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:24px;
top:-10px
}
.hotelGroupAttractionContent h3 {
font-size:24px
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
padding:20px
}
.hotelGroupPropertyLogo {
width:calc(50% - 20px);
margin:10px
}
.hotelGroupRewardContainer {
padding:60px 0;
background-attachment:initial;
background-position:50% 100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 20px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:250px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:24px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2,.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:26px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
padding:20px 0
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:10px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
padding:25px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelGroupPropertyBlockImg,.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:260px
}
.hotelGroupFooter .HGfooterTitle {
font-size:20px
}
.hotelGroupTheme p {
font-size:13px
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupBtnOuter {
margin-top:40px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
margin-bottom:30px
}
.hotelGroupGalleryContainer {
padding-bottom:50px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
padding:50px 20px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
font-size:60px;
top:-20px;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:220px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelSubGroupContentContainer {
padding:40px 0 20px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:26px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding-top:40px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-bottom:40px
}
.hotelGroupBanquetsContent {
padding:20px
}
.rewardsTopcontainerContent h3,.rewardsForm h3,.rewardsForm h3 {
font-size:28px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
.helloBarContainer p a {
margin-left:10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:24px
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
bottom:20px
}
.hotelGroupAboutSliderInner .carousel .item img {
min-height:180px
}
}
@media(max-width:359px) {
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
max-width:140px
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:260px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:24px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 20px;
left:20px
}
}
* img{
object-fit: cover;
}
:root {
--primary-color:#c6ab62;
--secondary-color:#b48744;
--btn-hover:#b48744;
--white:#fff;
--primary-text-color:#333;
--black:#000;
--placeholder:#757575;
--background-color:#0f0f0f
}
body.hotelGroupBody {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f;
overflow-x:hidden
}
.yummy .col-lg-1,.yummy .col-lg-2,.yummy .col-lg-3,.yummy .col-lg-4,.yummy .col-lg-5,.yummy .col-lg-6,.yummy .col-lg-7,.yummy .col-lg-8,.yummy .col-lg-9,.yummy .col-lg-10,.yummy .col-lg-11,.yummy .col-lg-12,.yummy .col-lg-15,.yummy .col-md-1,.yummy .col-md-2,.yummy .col-md-3,.yummy .col-md-4,.yummy .col-md-5,.yummy .col-md-6,.yummy .col-md-7,.yummy .col-md-8,.yummy .col-md-9,.yummy .col-md-10,.yummy .col-md-11,.yummy .col-md-12,.yummy .col-md-15,.yummy .col-sm-1,.yummy .col-sm-2,.yummy .col-sm-3,.yummy .col-sm-4,.yummy .col-sm-5,.yummy .col-sm-6,.yummy .col-sm-7,.yummy .col-sm-8,.yummy .col-sm-9,.yummy .col-sm-10,.yummy .col-sm-11,.yummy .col-sm-12,.yummy .col-sm-15,.yummy .col-xs-1,.yummy .col-xs-2,.yummy .col-xs-3,.yummy .col-xs-4,.yummy .col-xs-5,.yummy .col-xs-6,.yummy .col-xs-7,.yummy .col-xs-8,.yummy .col-xs-9,.yummy .col-xs-10,.yummy .col-xs-11,.yummy .col-xs-12,.yummy .col-xs-15 {
padding-right:15px;
padding-left:15px;
padding-bottom:0
}
.yummy p {
margin:0
}
#whatsapp-message {
position:fixed;
margin-bottom:1vh;
bottom:35px;
right:5px;
width:65px;
height:65px;
overflow:hidden;
visibility:visible;
z-index:2147483639;
background:0;
border:0;
transition:transform .2s ease-in-out;
backface-visibility:hidden;
opacity:1;
transform:translateY(0%)
}
.hotelGroupTheme,body .hotelGroupTheme {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTheme a,.hotelGroupTheme p a {
text-decoration:none;
color:var(--primary-color)
}
.hotelGroupTheme a:hover,.hotelGroupTheme a:focus,.hotelGroupTheme p a:hover,.hotelGroupTheme p a:focus {
text-decoration:none;
color:var(--secondary-color)
}
.hotelGroupTheme .btn.btn-primary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-primary:focus,.hotelGroupTheme .btn.btn-primary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelGroupTheme .btn.btn-secondary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:transparent;
color:var(--primary-color);
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-secondary:focus,.hotelGroupTheme .btn.btn-secondary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#FFF
}
.hotelGroupTheme .h1,.hotelGroupTheme .h2,.hotelGroupTheme .h3,.hotelGroupTheme .h4,.hotelGroupTheme .h5,.hotelGroupTheme .h6,.hotelGroupTheme h1,.hotelGroupTheme h2,.hotelGroupTheme h3,.hotelGroupTheme h4,.hotelGroupTheme h5,.hotelGroupTheme h6 {
font-family:Bellota;
font-weight:400
}
.header.fixed {
position:fixed;
top:0;
box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
-webkit-box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
left:0;
right:0;
margin:0 auto;
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
.hotelGroupTheme h2 {
margin:0 0 30px;
position:relative;
color:#30353e;
margin:0 0 30px;
font-size:48px;
line-height:1.2;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase
}
.hotelGroupTheme h2 span {
display:block;
font-size:16px;
font-weight:400;
margin:0 0 10px;
color:var(--secondary-color)
}
.hotelGroupTheme p {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTopbar {
padding:12px 0;
border-bottom:1px solid #efefef
}
.hotelGroupTopbar .inline-wrapper {
align-items:center
}
.hotelGroupTopbar p {
margin:0 10px 0;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
margin-left:0
}
.hotelGroupTopbar p .fa {
margin-right:10px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone .fa {
font-size:18px;
position:relative;
top:1px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
position:relative;
top:-1px
}
.hotelGroupTopbar p a {
color:#4f4f4f;
text-decoration:none;
transition:all .3s ease
}
.hotelGroupTopbar p a:focus,.hotelGroupTopbar p a:hover {
color:var(--secondary-color);
;
text-decoration:none
}
.hotelGroupTopbar p.hotelGroupTopbarSocial {
font-size:16px
}
.hotelGroupTopbar p.hotelGroupTopbarSocial .fa {
margin-right:0
}
.hotelGroupTopbar .gTranslate {
margin-left:10px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget {
position:relative;
font-size:0
}
.hotelGroupTheme #google_translate_element .goog-te-gadget:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
pointer-events:none;
color:#000;
font-size:18px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget a.goog-logo-link {
display:none
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
height:30px;
padding:0 30px 0 10px;
letter-spacing:.03em;
border-radius:0;
border:1px solid #d5d5d5;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
cursor:pointer;
font-size:12px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo:focus {
outline:0;
border-color:#a7a7a7
}
.hotelGroupNavbar {
position:relative;
z-index:100
}
.hotelGroupNavbar .navbar {
width:100%;
margin:0;
padding:10px 0;
display:flex;
align-items:center;
min-height:60px
}
.hotelGroupNavbar .navbar-header .navbar-brand {
height:auto
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:90px
}
.hotelGroupNavbar .navbar-collapse {
padding:0!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
width:inherit;
align-items:center;
padding-right:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:5px 0 0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
line-height:1;
color:#30353e;
text-transform:uppercase;
letter-spacing:.03em;
transition:all .3s ease;
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:active,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:focus,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:hover,.hotelGroupNavbar .navbar.navbar-plain ul.nav li.active a {
color:var(--secondary-color);
;
background-color:transparent
}
.hotelGroupNavbar .nav .open>a,.hotelGroupNavbar .nav .open>a:focus,.hotelGroupNavbar .nav .open>a:hover {
background:none;
border:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown a .caret:after {
top:-7px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown.open a .caret:after {
top:-3px
}
.hotelGroupNavbar .dropdown-menu {
border-radius:0;
background:#FFF
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li {
display:block
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
font-weight:400;
display:block;
padding:15px 20px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdownRight .dropdown-menu {
left:auto;
right:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-family:Bellota;
background:var(--primary-color);
border:1px solid var(--primary-color);
color:#fff;
box-shadow:none;
border-radius:0;
font-size:14px;
font-weight:700;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
transition:all .3s ease;
padding:12px 18px
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:focus,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:hover {
border-color:var(--secondary-color);
;
background:var(--secondary-color);
;
cursor:pointer;
color:#fff;
text-decoration:none;
box-shadow:none;
outline:0
}
.hotelGroupSlideshowContainer {
color:#FFF
}
.hotelGroupSlideshowContainer p,.hotelGroupSlideshowContainer a {
color:#FFF
}
.hotelGroupSlideshowContainer .carousel-inner>.item {
transition:none;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item img {
animation:bloomEffects 1s ease;
animation-fill-mode:forwards
}
@keyframes bloomEffects {
0% {
transform:scale(1)
}
100% {
transform:scale(1.1)
}
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:60px;
font-weight:700;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
font-size:18px;
font-weight:400;
line-height:1.4;
letter-spacing:.06em;
margin:0 auto 60px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
background:#000;
border-color:#000
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
font-family:Chakra Petch;
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
background-color:transparent;
color:#fff;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto;
height:50px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:active {
background-color:#FFF;
border-color:#FFF;
color:#000
}
.hotelGroupSlideshow {
max-height:600px;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupSlideshowContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
background:#000;
border:1px solid #000
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:auto;
right:0
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
left:auto;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li:hover,.hotelGroupSlideshowContainer .carousel-indicators li:focus,.hotelGroupSlideshowContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupSlideshowContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupSlideshowContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBookingContainer {
position:relative;
background:#1b1b1b;
color:#FFF;
padding:40px 0
}
.hotelSubGroupTheme.hotelGroupBookingContainer {
position:relative;
background:var(--secondary-color);
;
color:#FFF
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0 30px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupBookingContainer .boxnew {
width:100%;
text-align:center
}
.hotelGroupBookingContainer .boxnew p {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupBookingContainer .boxnew p label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p input {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupBookingContainer .boxnew p select {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
font-family:Bellota;
font-size:18px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:50px;
border-radius:0;
padding:10px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:var(--secondary-color);
!important;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn {
background-color:#000;
color:#fff;
border:1px solid #000
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupBookingContainer .boxnew p br {
display:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:25px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:25px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1) {
max-width:300px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(4) {
margin-top:28px
}
.hotelGroupTheme .bbres_fieldset,.hotelGroupTheme .HGCalender,.hotelGroupTheme .HGBEBtn {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select,.hotelGroupTheme .HGSelectOuter {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:300px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select:before,.hotelGroupTheme .HGSelectOuter:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:20px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupTheme .bbres_fieldset label,.hotelGroupTheme .bbres_select label,.hotelGroupTheme .form-control label,.hotelGroupTheme .HGSelectOuter label,.hotelGroupTheme .HGCalender label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset input,.hotelGroupTheme .HGCalender input,.hotelGroupTheme input.form-control {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme textarea.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:auto;
background:#fff;
width:100%;
padding:20px;
border-radius:0;
font-size:13px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger {
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
font-size:0;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px
}
.hotelGroupTheme .HGCalender:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupTheme .bbres_select select,.hotelGroupTheme .HGSelectOuter select,.hotelGroupTheme select.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupTheme input.form-control:focus,.hotelGroupTheme select.form-control:focus,.hotelGroupTheme select:focus,.hotelGroupTheme textarea.form-control:focus,.hotelGroupTheme textarea:focus {
border-color:#152161;
background:#fff;
outline:0
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn,.hotelGroupTheme .HGBEBtn #bb_resBtn {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
line-height:1.8;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:#000;
color:#fff;
border:1px solid #000;
height:50px;
border-radius:0;
padding:15px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn:active,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:focus,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:hover,.hotelGroupTheme .HGBEBtn #bb_resBtn:active,.hotelGroupTheme .HGBEBtn #bb_resBtn:focus,.hotelGroupTheme .HGBEBtn #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupWelcomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupWelcomeInner {
display:flex;
align-items:center
}
.hotelGroupWelcomeContent {
width:48%
}
.hotelGroupWelcomeImgOuter {
width:52%;
padding-left:100px
}
.hotelGroupPropertyContainer {
position:relative;
padding:1px 0;
display:flex;
justify-content:center
}
.hotelGroupPropertyInner {
position:relative;
display:flex;
min-height:600px;
flex-flow:row wrap;
max-width:1600px
}
.hotelGroupPropertyContainerAlter .hotelGroupPropertyInner {
flex-direction:row-reverse
}
.hotelGroupPropertyImage {
width:60%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.hotelGroupPropertyContent {
width:40%;
padding:60px;
display:flex;
flex-flow:column;
justify-content:center;
text-align:left
}
h3.hotelGroupPropertyContentTitle {
margin:0 0 30px;
font-size:42px;
line-height:1.2;
letter-spacing:2px;
color:#30353e
}
p.hotelGroupPropertyContentText {
color:inherit;
margin:0 0 50px;
font-size:17px;
line-height:1.8;
letter-spacing:.03em
}
.hotelGroupHomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupHomeContainer .hotelGroupHomeContent {
text-align:center
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:60px;
padding-top:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:16px;
line-height:2
}
.hotelGroupAmenityContainer {
position:relative;
background:var(--primary-color);
color:#FFF;
padding:80px 0 40px;
text-align:center
}
.hotelGroupAmenityContainer {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f06b6379b36d_bannerImg002.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupAmenityContainer h2,.hotelGroupAmenityContainer h3,.hotelGroupAmenityContainer h4,.hotelGroupAmenityContainer p {
color:#FFF
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px;
padding-top:30px
}
.hotelGroupAmenityContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#e6c6a1;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupAmenityBtnOuter {
margin:60px 0 0
}
.hotelGroupAmenityList {
display:flex;
flex-flow:row wrap;
align-items:flex-start;
justify-content:flex-start
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
position:relative;
display:flex;
text-align:left;
padding:40px;
align-items:flex-start;
width:33%;
justify-content:flex-start;
margin:0;
align-items:center
}
.hotelGroupAmenityItemImg {
min-width:60px;
min-height:60px;
background:rgb(0 0 0 / .2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
margin:0 10px 0 0
}
.hotelGroupAmenityItemImg img {
max-width:30px;
max-height:30px
}
.hotelGroupAmenityItemContent h3 {
margin:0 0 6px;
font-weight:600;
letter-spacing:1px;
font-size:20px;
line-height:1
}
.hotelGroupAmenityItemContent p {
margin:0;
font-size:14px;
letter-spacing:.03em
}
body .hotelGroupFooter {
background:#1b1b1b;
color:#c5c5c5
}
.hotelGroupFooter .HGfooterTitle {
color:#FFF;
font-family:Bellota;
font-size:24px;
letter-spacing:3px;
font-weight:700;
text-transform:uppercase;
margin:0 0 30px
}
.hotelGroupFooter ul.list-basic li a:not(.btn) {
color:#c5c5c5;
text-decoration:none
}
.hotelGroupFooter ul.list-basic li a:not(.btn):hover,.hotelGroupFooter ul.list-basic li a:not(.btn):focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic {
display:flex;
flex-flow:row wrap
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic li {
width:50%
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic {
display:flex;
flex-flow:column
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic li {
width:initial
}
body .hotelGroupFooterbtm {
background:#101010;
color:#c5c5c5;
padding:10px 0;
font-size:14px
}
body .hotelGroupFooterbtm .footerBtmInner {
display:flex;
justify-content:space-between;
align-items:center
}
body .hotelGroupFooterbtm p {
margin:0;
font-family:Chakra Petch
}
body .hotelGroupFooterbtm p a {
color:#c5c5c5;
text-decoration:none
}
body .hotelGroupFooterbtm p a:hover,body .hotelGroupFooterbtm p a:focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterContact ul.list-basic li {
position:relative;
padding-left:30px
}
body .hotelGroupFooter p,body .hotelGroupFooter ul li,body .hotelGroupFooter p a {
margin-bottom:10px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
color:#c5c5c5;
letter-spacing:.03em
}
body .hotelGroupFooter .HGfooterContact li .fa {
position:absolute;
left:0;
top:3px;
font-size:20px;
font-weight:400;
line-height:1
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial {
margin:10px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial li .fa {
position:relative;
top:initial
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-map-marker {
left:2px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-envelope-open-o {
font-size:14px;
left:1px;
top:4px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-mobile {
font-size:22px;
left:3px;
top:1px
}
.hotelGroupRoomContainer {
padding:80px 0
}
.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-end
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
position:relative;
z-index:1;
width:80%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:600px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
position:absolute;
right:10px;
bottom:70px;
width:50px;
z-index:2;
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #000;
background:#000;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators {
background:none;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
position:absolute;
width:600px;
background:#FFF;
padding:30px;
left:0;
top:50%;
display:block;
z-index:2;
transform:translateY(-50%);
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:48px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupRoomContainer .hotelGroupRoomContentText {
margin:0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities {
margin:20px 0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic {
display:flex;
flex-flow:row wrap
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic li {
width:50%;
display:flex;
align-items:center;
margin:0 0 15px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesImg img {
max-height:24px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesTxt p {
margin:0 0 0 10px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice {
margin:0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice strong {
font-size:22px;
font-weight:700;
margin:0;
letter-spacing:-.02em
}
.hotelGroupRoomContainer .hotelGroupRoomPrice span {
border-bottom:1px dashed;
cursor:help;
margin:0 0 0 5px
}
.hotelGroupRoomContainerAlter .hotelGroupRoomInner {
justify-content:flex-start
}
.hotelGroupRoomContainerAlter .hotelGroupRoomContent {
left:auto;
right:0
}
.hotelGroupRoomContainerAlter .hotelGroupRoomImage .carouselNavOuter {
right:auto;
left:10px
}
.hotelGroupTheme .mapWrapper iframe {
margin:0;
padding:0;
outline:0;
border:0;
display:inline-block;
vertical-align:top
}
.hotelGroupGalleryContainer {
padding:0 0 80px;
text-align:center
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:80px
}
.hotelGroupBody .modal-dialog {
margin:15px auto 0;
max-width:900px!important
}
.hotelGroupBody .modal-header {
padding:0;
border-bottom:0 solid #e5e5e5;
background:0
}
.hotelGroupBody .modal-title {
display:none
}
.hotelGroupBody .modal button.close {
z-index:110;
right:10px;
top:10px;
outline:0
}
.hotelGroupBody .modal button.close:focus,.hotelGroupBody .modal button.close:hover {
outline:0
}
.hotelGroupBody .ekko-lightbox-nav-overlay .glyphicon {
height:100%;
display:flex;
align-items:center;
text-align:right
}
.hotelGroupBody .glyphicon.glyphicon-chevron-left {
justify-content:flex-start
}
.hotelGroupBody .glyphicon.glyphicon-chevron-right {
justify-content:flex-end
}
.hotelGroupBody .ekko-lightbox-nav-overlay a:focus,.hotelGroupBody .ekko-lightbox-nav-overlay a:hover {
text-decoration:none
}
.hotelGroupBody .modal-dialog img {
width:100%
}
.hotelGroupBody .modal-dialog .ekko-lightbox-container {
max-height:550px;
overflow:hidden
}
.hotelGroupHeadBlock {
padding:60px 0;
text-align:center
}
.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
margin:0
}
.hotelGroupPageTitle {
padding:100px 0;
color:#FFF;
background-color:rgba(0,0,0,0);
background-position:50% 60%
}
.hotelGroupPageTitle h2 {
color:#FFF;
text-align:center;
margin:0
}
.hotelGroupPageTitle h2 span {
color:#FFF;
font-family:Chakra Petch;
margin:10px 0 0
}
.hotelGroupContactContainer {
padding:80px 0
}
.hotelGroupContactContainer .form-group,.hotelGroupContactContainer .input-group {
margin:0 0 20px
}
.hotelGroupContactContainer h3 {
font-size:28px;
font-weight:700;
letter-spacing:1px;
margin:0 0 20px;
color:#30353e
}
.hotelGroupContactContainer h3.hotelGroupContactHeading {
margin:0 0 10px
}
.hotelGroupContactContainer p.hotelGroupContactDesc {
margin:0 0 40px
}
.hotelGroupContactDetails ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactDetails p,.hotelGroupContactDetails ul li,.hotelGroupContactDetails p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactDetails li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactDetails ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
.hotelGroupContactDetails li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactDetails li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactDetails li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn) {
color:#4f4f4f
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding-left:30px
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial .HGfooterSocial li .fa {
position:relative;
top:initial
}
.hotelGroupContactlistContainer {
background:#f8f8f8;
padding:80px 0
}
.hotelGroupContactlistContainer .hotelGroupContactblock {
position:relative;
padding:30px;
background:#FFF;
box-shadow:0 7px 12px -4px rgba(0,0,0,.1);
margin:0 5px
}
.hotelGroupContactlistContainer .hotelGroupContactblock a {
white-space:normal;
word-break:break-all
}
.hotelGroupContactlistContainer .hotelGroupContactblock h4 {
margin:0 0 30px;
font-size:22px;
font-weight:700
}
.hotelGroupContactlistContainer ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactlistContainer p,.hotelGroupContactlistContainer ul li,.hotelGroupContactlistContainer p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactlistContainer li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactlistContainer ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 10px 0 0
}
.hotelGroupContactlistContainer li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactlistContainer li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactlistContainer li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding:0;
margin:0 15px 0 0
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li .fa {
position:relative
}
.hotelGroupAboutSliderContainer {
padding:80px 0
}
.hotelGroupAboutWelcomeContainer {
padding:0 0 80px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption h3 {
font-size:54px;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption p {
font-size:16px;
font-weight:400;
line-height:1.8;
letter-spacing:.05em;
margin:0 auto 60px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn {
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:active {
background:#FFF;
color:#000
}
.hotelGroupAboutSliderContainer .carousel-inner .item [data-component=image]:before {
content:"";
top:0;
left:0;
right:0;
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.54);
z-index:1;
display:none
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
background:#000;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupAboutSliderContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li:hover,.hotelGroupAboutSliderContainer .carousel-indicators li:focus,.hotelGroupAboutSliderContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupAboutSliderContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupAboutSliderContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a:hover,.hotelGroupBody .ui-datepicker.ui-widget-content td a:focus,.hotelGroupBody .ui-datepicker.ui-widget-content td a:active {
text-decoration:none
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a.ui-state-active {
background:var(--secondary-color);
;
color:#fff;
text-decoration:none
}
.hotelGroupthankyouPage {
padding:80px 0;
text-align:center
}
.hotelSubGroupContentContainer {
padding:80px 0;
text-align:center
}
.hotelGroupContentContainer {
padding:80px 0 0;
text-align:center
}
.hotelSubGroupContentContainer .hotelGroupRoomContent {
padding:50px
}
.hotelSubGroupContentContainer h2,.hotelGroupContentContainer h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:80px 0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerLast {
padding-bottom:100px
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:absolute;
right:30px;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:10px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn {
font-size:16px;
height:auto;
font-family:Bellota;
line-height:1;
padding:15px 20px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn:nth-of-type(2) {
margin-left:5px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoomAmenitiesTxt {
display:none
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:0 20px 0 0;
width:initial
}
.hotelSubGroupTheme .hotelGroupRoomAmenities {
margin:30px 0 20px
}
.hotelSubGroupTheme .hotelGroupRoomImage {
box-shadow:0 50px 40px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px;
letter-spacing:2px;
padding:30px 0 0;
text-transform:none;
color:#30353e
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
opacity:.8
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:18px;
line-height:2
}
.hotelSubGroupTheme .hotelGroupWelcomeImg {
box-shadow:0 30px 30px -20px rgba(0,0,0,.2);
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover {
box-shadow:0 30px 30px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg img {
transition:all .4s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1.03)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
padding:30px 0 0;
margin:0 0 30px;
color:#30353e
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px;
text-transform:none;
margin-bottom:60px;
padding:30px 0 0
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
margin:0;
padding:1px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper.margin-bottom-10px {
margin-bottom:0;
overflow:hidden;
position:relative
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper img {
transition:all .6s ease
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper:hover img {
transform:scale(1.1)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:before {
content:"";
background:rgba(0,0,0,.6);
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all .3s ease;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:hover:before {
top:0;
opacity:0;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a {
position:relative;
display:block
}
.hotelGroupBtnOuter {
margin:60px auto 0;
text-align:center
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
display:flex
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:50%;
padding:20px 20px 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage {
position:relative;
z-index:1;
width:initial
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent {
position:relative;
top:0;
transform:translateY(0%);
width:initial;
text-align:left
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:0;
transition:all .6s ease;
margin:40px 0 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 14px rgb(255 255 255 / .3)
}
.hotelGroupTestimonialHome {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f7c5d480856d_spa.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupTestimonialHome .overly,.hotelGroupAmenityContainer .overly {
background:rgba(0,0,0,.6)
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter {
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:80%;
margin:0 auto
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-family:Bellota;
font-weight:400;
font-size:18px;
color:#FFF;
line-height:2;
letter-spacing:1px;
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
content:'\f10d';
font-family:fontAwesome;
font-size:72px;
margin:0;
opacity:.3;
position:absolute;
left:-50px;
top:-30px;
line-height:1
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
position:relative;
margin:0 auto;
left:0;
right:0;
top:0;
width:100%;
padding:50px
}
.hotelGroupTestimonialHome .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF;
display:none
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:hover,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:focus,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupTestimonialHome .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupTestimonialHome .carousel-indicators {
background:none;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li:hover,.hotelGroupTestimonialHome .carousel-indicators li:focus,.hotelGroupTestimonialHome .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupTestimonialHome .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupTestimonialHome .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupTestimonialHome .nav-indicators-in .carousel-indicators-wrapper {
right:0;
left:0;
bottom:-30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption h3 {
letter-spacing:1px
}
.hotelGroupTestimonialHome h2 {
color:#FFF;
text-align:center
}
.hotelGroupTestimonialHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#FFF;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-40px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionHome {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupAttractionHomeInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupAttractionBlock {
position:relative;
width:calc(33.33% - 40px);
margin:0 20px;
overflow:hidden
}
.hotelGroupAttractionImg {
position:relative;
z-index:1
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:400px;
transition:all .6s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:absolute;
bottom:-90px;
left:0;
background:rgba(0,0,0,.6);
display:block;
color:#FFF;
z-index:2;
padding:20px;
transition:all .3s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionContent {
bottom:0
}
.hotelGroupAttractionContent p {
color:#FFF
}
.hotelGroupAttractionHome h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupAttractionHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionContent h3 {
margin:0 0 15px;
letter-spacing:1px;
font-size:26px;
color:#fff
}
.hotelGroupAttractionContent p {
color:#FFF;
font-size:14px;
letter-spacing:.03em;
margin:0
}
.hotelGroupPropertyContainer {
padding:80px 0 80px
}
.hotelGroupPropertyPage.hotelGroupPropertyContainer {
padding:0 0 80px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupPropertyContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupPropertyContainerInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyBlock {
width:33%;
margin:0 20px;
position:relative;
overflow:hidden
}
.hotelGroupPropertyBlock:after {
content:"";
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
transition:all .3s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover:after {
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:450px;
transition:all .8s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1.1)
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
text-align:center;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:11;
background:rgba(0,0,0,.5);
opacity:1;
transition:all .3s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:0
}
.hotelGroupPropertyBlock a {
color:var(--secondary-color)
}
.hotelGroupPropertyBlock h3 {
letter-spacing:1px;
font-size:24px;
font-weight:400;
margin:0;
color:#FFF
}
.hotelGroupPropertyBlock p {
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#909090
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
font-size:13px;
text-transform:none;
letter-spacing:.03em;
margin:20px 0 0
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockLabel {
margin:0 0 10px;
font-size:12px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
display:flex;
flex-flow:column;
align-items:flex-start;
border:1px solid;
padding:30px;
position:absolute;
left:0;
top:-100%;
z-index:11;
width:100%;
height:100%;
max-height:450px;
transition:all .6s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockContent {
top:0;
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:absolute;
bottom:-100%;
left:30px;
z-index:11;
transition:all .6s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:30px
}
.hotelGroupPropertyLogoContainer {
padding:20px 0
}
.hotelGroupPropertyLogoInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyLogo {
margin:20px
}
.hotelGroupPropertyLogo img {
max-height:80px;
transition:all .6s ease;
opacity:.6
}
.hotelGroupPropertyLogo:hover img {
opacity:1
}
.hotelGroupRewardContainer {
padding:100px 0;
background-image:url(images/uploads/1/5f7ef5d09cd88_gift.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment:fixed
}
.hotelGroupRewardContainer:before {
content:"";
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
position:absolute;
left:0;
right:0;
top:0;
pointer-events:none;
width:100%;
height:100%
}
.hotelGroupRewardContainer h2 {
color:#FFF;
margin:0 0 10px;
text-transform:none
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupRewardContainer p {
color:#FFF;
margin:0;
letter-spacing:.06em;
font-size:14px
}
.hotelGroupRewardContainer .btn-secondary {
letter-spacing:2px
}
.hotelGroupContentsContainer {
padding:60px 0
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
position:relative;
padding:80px 0;
text-align:center;
background:inherit
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer:before {
content:"";
display:none
}
.hotelGroupAmenityPage .hotelGroupAmenityItemContent h3,.hotelGroupAmenityPage .hotelGroupAmenityItemContent p {
color:#30353e
}
.hotelGroupAmenityPage .hotelGroupAmenityItemImg {
background:none;
border:0;
align-items:flex-start;
padding:0;
min-height:initial;
min-width:initial
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:80px 0 0
}
.hotelGroupAttractionPage.hotelGroupAttractionHome {
background:inherit;
padding-top:40px
}
.hotelGroupTheme .tooltip {
white-space:nowrap
}
.hotelGroupTheme .tooltip .tooltip-inner {
background-color:#000;
font-size:10px;
letter-spacing:.05em
}
.hotelGroupTheme .tooltip.top .tooltip-arrow {
bottom:1px;
border-top-color:#000
}
.hotelGroupTheme .tooltip.top-left .tooltip-arrow,.hotelGroupTheme .tooltip.top-right .tooltip-arrow,.hotelGroupTheme .tooltip.top .tooltip-arrow {
border-top-color:#000
}
.hotelSubGroupNavbar {
background:#1b1b1b
}
.hotelSubGroupNavbar .navbar-nav>li>a {
padding:15px;
color:#FFF;
line-height:1;
font-size:13px;
letter-spacing:.05em;
transition:all .3s ease
}
.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:var(--secondary-color);
;
color:#FFF
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:1px solid #424242
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a {
font-weight:700
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active {
background:#1b1b1b
}
.hotelGroupRestaurantContainer {
padding:80px 0
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:36px;
text-transform:none
}
.hotelSubGroupRestaurantPage {
padding:80px 0 0;
text-align:center
}
.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupRestaurantPage p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelGroupRestaurantBlock {
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:row-reverse
}
.hotelGroupRestaurantImg {
width:50%;
overflow:hidden
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
max-height:400px;
min-height:400px;
width:100%;
transition:all .3s ease
}
.hotelGroupRestaurantBlock:hover .hotelGroupRestaurantImg img {
transform:scale(1.1)
}
.hotelGroupRestaurantContent {
width:50%;
padding:40px;
border:1px solid #dedede;
min-height:400px;
max-height:400px;
display:flex;
flex-flow:column;
justify-content:center
}
.hotelGroupRestaurantContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.hotelGroupRestaurantContent p {
margin-bottom:30px
}
.hotelGroupBanquetsContainer {
padding:80px 0
}
.hotelGroupBanquetsInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupBanquetsBlock {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:calc(50% - 40px);
margin:0 20px 60px;
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease;
overflow:hidden
}
.hotelGroupBanquetsBlock:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelGroupBanquetsImg {
position:relative;
z-index:1;
max-height:350px;
overflow:hidden
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 24px rgb(255 255 255 / .3)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
min-height:350px;
max-height:350px;
transition:all .6s ease
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1.1)
}
.hotelGroupBanquetsContent {
background:#FFF;
transition:all .3s ease;
padding:30px
}
.hotelGroupBanquetsContent h3 {
font-size:32px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupBanquetsContent p {
margin:0
}
.hotelGroupNavbar .navbar-header #subNavicon {
display:none
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:none
}
.hotelGroupCovidpage {
padding:80px 0
}
.hotelGroupCovidpage h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupCovidpage p {
margin-bottom:20px
}
.hotelGroupTheme .nomargintop {
margin-top:0!important
}
.helloBarContainer {
background:var(--primary-color);
color:#FFF;
text-align:center;
padding:15px 0
}
.helloBarContainer p {
margin:0;
line-height:1;
font-size:14px;
color:#FFF
}
.helloBarContainer p .fa {
margin:0 10px 0 0
}
.helloBarContainer p a {
color:#FFF;
text-transform:uppercase;
font-weight:600;
margin:0 0 0 20px;
text-decoration:none;
border-bottom:1px solid #FFF
}
.helloBarContainer p a:hover,.helloBarContainer p a:focus {
color:#FFF;
text-decoration:none;
border-bottom-color:rgba(255,255,255,.5)
}
.helloBarContainer a.helloBarClose {
cursor:pointer;
color:rgba(255,255,255,.5);
font-size:24px;
font-weight:300;
line-height:1;
margin:0 0 0 20px;
transition:all .2s ease-out
}
.helloBarContainer a.helloBarClose:hover,.helloBarContainer a.helloBarClose:focus {
text-decoration:none;
color:rgba(255,255,255,1)
}
.helloBarInner {
position:relative;
z-index:11;
display:flex;
justify-content:center;
align-items:center
}
.rewardsTopcontainer {
padding:80px 0
}
.rewardsTopcontainerInner {
display:flex;
flex-flow:row-reverse
}
.rewardsTopcontainerImage {
width:55%;
padding-left:50px
}
.rewardsTopcontainerContent {
width:45%
}
.rewardsTopcontainerContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.rewardsOffers {
background:var(--primary-color);
color:#FFF;
padding:80px 0
}
.rewardsForm {
max-width:500px;
margin:0 auto
}
.rewardsForm h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px;
text-align:center
}
.hotelGroupAmenityContainer.rewardsOffers:before {
background-image:url(images/uploads/1/5f92a8c42060e_gift4.jpg)
}
.hotelGroupTheme.privacyPage {
padding:80px 0
}
.hotelGroupTheme.privacyPage h2 {
font-size:32px;
font-weight:700;
color:#30353e;
text-transform:none;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupTheme.privacyPage p {
}
.hotelGroupTheme.privacyPage p strong {
font-size:18px;
margin-top:20px;
margin-bottom:5px;
display:inline-block
}
.hotelGroupTheme ul.privacyList {
margin:30px 0
}
.hotelGroupTheme ul.privacyList li {
margin-bottom:10px
}
.hotelGroupTheme ul.privacyList li:last-of-type {
margin-bottom:0
}
.hotelSubGroupAboutSliderContainer {
padding:40px 0 80px
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display:none
}
.grecaptcha-badge {
display:none!important
}
.boxnew button.btn.crssearchbtn:hover {
background:#45b5c6!important
}
.hotelgroup-subnavbar {
position:sticky;
z-index:99;
top:0
}
.group-row {
display:flex;
align-items:center
}
div#gallery2 img {
min-height:230px;
max-height:230px;
min-width:387px;
height:100%;
width:100%
}
.ekko-lightbox-container img {
min-width: 1000px;
min-height: 600px;
max-height: 600px;
height:100%;
width:100%
}
.modal-dialog{
max-width: 1000px !important;
}
@media(min-width:1601px) {
.hotelGroupSlideshowContainer .carousel .item img {
width:100%
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
}
@media(max-width:1199px) {
.hotelGroupNavbar .navbar-header .navbar-brand a {
max-width:200px
}
.hotelGroupNavbar .container {
padding:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
padding:0;
margin:0;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar .navbar-buttons {
margin:0 0 0 15px!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-size:12px;
padding:10px;
margin:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-centered .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left-right .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons {
min-height:initial;
min-width:initial
}
.hotelGroupNavbar .navbar {
padding:0;
border:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar-header {
float:none;
width:100%;
padding:0;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
border-bottom:1px solid #efefef
}
.hotelGroupNavbar .navbar-header .navbar-brand {
min-height:initial;
height:initial;
max-width:initial;
padding:0;
margin:0 10px 0 0;
width:calc(100% - 80px)
}
.hotelGroupNavbar .navbar-header .navbar-toggle {
width:50px;
float:none;
margin:0;
padding:0;
font-size:24px;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar-header .navbar-toggle.collapsed .fa-bars:before {
content:"\F0C9"
}
.hotelGroupNavbar .navbar-header .navbar-toggle .fa-bars:before {
content:"\F00D"
}
.hotelGroupNavbar .navbar-header #subNavicon {
width:50px;
float:none;
margin:0;
padding:0;
color:#4f4f4f;
font-size:24px;
text-align:center;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
display:none!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse.in {
display:block!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:20px 10px;
margin:0;
box-shadow:none;
min-width:100%;
width:100%;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li {
display:block;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.open {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav .dropdown.open>a {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
padding:10px 30px;
text-transform:none
}
.hotelSubGroupNavbar {
background:#FFF
}
.hotelSubGroupNavbar #subGroupNavigation {
padding:0;
margin:0 -15px
}
.hotelSubGroupNavbar #subGroupNavigation.collapse {
display:none!important
}
.hotelSubGroupNavbar #subGroupNavigation.collapse.in {
display:block!important
}
.hotelSubGroupNavbar #subGroupNavigation .navbar-nav {
float:none;
padding:20px
}
.hotelSubGroupNavbar .navbar-nav>li {
display:block;
float:none
}
.hotelSubGroupNavbar .navbar-nav>li>a {
font-family:Chakra Petch;
color:#30353e;
font-size:14px;
font-weight:600;
padding:10px 0
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:60px
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:0
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active,.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:#FFF;
color:var(--secondary-color)
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:block;
margin:0 20px 20px 20px
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow.navbar-buttons>* {
display:block
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow .btn {
font-size:15px;
line-height:1;
padding:15px 20px
}
.hotelGroupWelcomeContent {
width:50%
}
.hotelGroupWelcomeImgOuter {
width:50%;
padding-left:50px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:16px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
position:relative;
font-size:40px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
flex-direction:column;
justify-content:center
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
margin:0 auto;
width:90%
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2)
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:90%;
margin:0 auto;
position:relative;
top:0;
transform:translateY(0%)
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:36px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:400px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding:40px 0 60px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:60px 0 0
}
.hotelGroupContactContainer {
padding:60px 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:50%;
padding-bottom:0;
margin:20px 0
}
.hotelGroupContactlistContainer {
padding:60px 0
}
.hotelGroupFormContainer {
max-width:100%
}
.hotelGroupRestaurantContent {
max-height:initial
}
.hotelGroupRestaurantBlock {
align-items:stretch
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:100%;
max-height:initial
}
.hotelGroupCovidpage {
padding:40px 0
}
}
@media(max-width:991px) {
.group-row {
display:flex
}
body.hotelGroupBody #page {
overflow-x:hidden
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
display:none
}
.hotelGroupTopbar .hotelGroupTopbarLeft .inline-wrapper {
justify-content:flex-start
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper {
justify-content:flex-end
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper>[data-component=image] {
display:none
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:36px
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
display:none
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
display:none
}
.hotelGroupBookingContainer #bb_resBookingBox {
flex-direction:column
}
.hotelGroupBookingContainer .boxnew p {
max-width:300px;
margin:15px 0
}
.hotelGroupTheme h2 {
font-size:42px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:60px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span {
position:relative;
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:30px
}
.hotelGroupPropertyContainerInner {
flex-flow:row wrap
}
.hotelGroupPropertyBlock {
width:calc(50% - 40px);
margin-bottom:30px
}
.hotelGroupAttractionBlock {
width:calc(50% - 40px)
}
.hotelGroupAttractionHome {
padding:60px 0
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:column;
margin:40px 20px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupRestaurantImg {
width:initial
}
.hotelGroupRestaurantContent {
width:initial;
min-height:initial;
max-height:initial;
padding:30px
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:initial;
max-height:initial
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:36px;
top:-10px
}
.hotelGroupWelcomeContainer {
padding:60px 0
}
.hotelGroupWelcomeInner {
flex-direction:column
}
.hotelGroupWelcomeContent {
width:initial;
text-align:center
}
.hotelGroupWelcomeImgOuter {
width:initial;
padding-left:0;
margin:40px auto 0;
max-width:600px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
flex-direction:column
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
width:initial
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
flex-direction:column;
text-align:center
}
.hotelGroupAmenityItemImg {
margin:0 auto 30px
}
.hotelGroupGalleryContainer {
padding-bottom:60px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:60px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:flex;
flex-flow:row wrap;
justify-content:center
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:33.33%
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:100%
}
.hotelGroupTestimonialHome h2 span {
font-size:30px;
top:-30px
}
body .hotelGroupFooter .col-sm-4 {
width:100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 30px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
display:none
}
.hotelGroupHeadBlock {
padding-bottom:30px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:42px
}
.hotelGroupBookingContainer .boxnew p input {
height:40px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
bottom:6px
}
.hotelGroupBookingContainer .boxnew p select {
height:40px
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
height:44px
}
.hotelGroupPageTitle {
padding:80px 0
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2 {
font-size:32px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:350px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:auto;
margin:40px 0 0
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
width:100%;
left:0;
right:0;
bottom:auto;
top:45%;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:auto;
right:auto;
left:5px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.right.carousel-control {
left:auto;
right:5px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:100%
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
width:100%
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
display:none
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:30px 0
}
.hotelSubGroupContentContainer {
padding:60px 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
margin:0 10px
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p,.hotelGroupTheme p {
font-size:15px
}
.hotelGroupContactDetails li .fa.fa-map-marker {
top:0
}
.hotelGroupContactDetails {
margin:60px 0 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:100%;
margin:30px 0
}
.hotelGroupContactlistContainer {
padding:40px 0
}
.hotelGroupContentContainer {
padding-top:60px
}
.hotelGroupContentContainer h2 {
font-size:36px
}
.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupRestaurantBlock {
align-items:initial
}
.hotelGroupBanquetsBlock {
width:100%;
margin:0 10px 60px
}
.hotelGroupBanquetsBlock:last-of-type {
margin-bottom:0
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
max-height:initial;
min-height:initial
}
.rewardsTopcontainer {
padding:60px 0
}
.rewardsTopcontainerInner {
flex-direction:column
}
.rewardsTopcontainerImage {
width:initial;
padding-left:0;
margin:0 auto 30px
}
.rewardsTopcontainerContent {
width:initial
}
.hotelGroupTheme.privacyPage {
padding:40px 0
}
.hotelGroupAboutSliderContainer {
padding:50px 0
}
.hotelGroupAboutWelcomeContainer {
padding-bottom:50px
}
}
@media(max-width:767px) {
.ekko-lightbox-container img {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
div#gallery2 img {
min-height:100%;
max-height:100%;
min-width:100%
}
.hotelGroupNavbar .navbar-two {
padding:10px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:block
}
#whatsapp-message {
bottom:90px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupSlideshowContainer .carouselNavOuter {
width:100%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
left:10px;
right:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
top:auto;
bottom:10px;
left:auto;
right:10px
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:relative;
bottom:auto;
background:#FFF;
color:#4f4f4f;
min-height:200px
}
.hotelGroupAttractionContent h3 {
font-size:24px;
font-weight:600
}
.hotelGroupAttractionContent p {
color:#4f4f4f
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:initial
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column;
justify-content:center;
text-align:center
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1)
}
.hotelGroupAmenityItemContent h3 {
margin-bottom:15px
}
.hotelGroupContactContainer {
padding:40px 0
}
.hotelGroupPageTitle h2 span {
line-height:1.6
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1)
}
.CovidpageInner {
padding:0 10px
}
.hotelGroupCovidpage h3 {
font-size:28px
}
.rewardsTopcontainer {
padding:40px 0
}
.rewardsTopcontainerInner {
padding:0 10px
}
.hotelGroupTheme ul.privacyList {
padding:0 0 0 20px
}
.privacyPageInner {
padding:0 10px
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
display:none
}
}
@media(max-width:640px) {
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
display:none
}
.hotelGroupRewardContainer {
padding:80px 0
}
.hotelGroupRestaurantContainer {
padding:60px 0
}
.hotelGroupPropertyBlock {
width:100%;
border:1px solid #e0e0e0
}
.hotelGroupPropertyBlockImg {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
position:relative;
top:0;
max-height:450px;
opacity:1;
border-color:#e0e0e0
}
.hotelGroupPropertyBlock h3 {
color:#30353e;
font-weight:600
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
margin-top:15px;
font-size:14px;
font-weight:400
}
.hotelGroupAttractionBlock {
width:100%;
box-shadow:0 3px 6px -1px rgba(0,0,0,.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
min-height:initial;
padding:30px
}
.hotelGroupAttractionImg {
max-height:350px;
overflow:hidden
}
.hotelGroupAttractionContent h3 {
color:#fff;
font-size:30px
}
.hotelGroupRewardInner {
padding:0 10px
}
.hotelGroupPropertyLogoInner {
flex-flow:row wrap
}
.hotelGroupPropertyLogo {
width:calc(50% - 40px)
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:initial
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:50px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
max-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:relative;
bottom:0;
left:25px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:25px;
border:0
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 30px
}
.hotelGroupTheme .btn.btn-primary {
padding:14px 18px;
font-size:15px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
background:rgba(0,0,0,.3)
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:1
}
.hotelGroupPropertyBlock:hover:after {
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1)
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:300px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:30px;
margin-bottom:15px
}
.hotelGroupPageTitle {
padding:60px 0
}
.hotelGroupPageTitle h2 {
font-size:32px
}
.hotelGroupPageTitle h2 span {
font-size:14px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelSubGroupRestaurantPage h2 {
font-size:30px;
letter-spacing:.03em
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-top:0
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:60px 0 0
}
.hotelGroupCovidpage h3 {
margin-top:30px
}
.hotelGroupAmenityItemContent {
margin:0 auto
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:100%
}
.rewardsOffers.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
}
@media(max-width:580px) {
.hotelGroupSlideshowContainer .carousel .item img {
min-height:300px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:30px;
letter-spacing:2px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control,.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
bottom:-20px
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:70px
}
.hotelGroupTheme h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:15px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:30px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
margin:0
}
.hotelGroupTopbar p.hotelGroupTopbarPhone a {
margin-bottom:0
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-size:16px
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
display:block
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupPageTitle {
padding:40px 0
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:40px 10px 0
}
.hotelGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:20px 0 60px
}
.hotelGroupBanquetsContent h3 {
font-size:26px
}
.hotelGroupCovidpage h3 {
font-size:26px;
margin-bottom:15px
}
.hotelGroupTheme.privacyPage h2 {
font-size:26px
}
.hotelGroupAboutSliderInner,.hotelGroupAboutWelcomeInner {
padding:0 10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:30px;
margin-bottom:20px
}
}
@media(max-width:500px) {
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
display:block
}
}
@media(max-width:479px) {
.hotelGroupRestaurantContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:30px 10px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupPropertyBlock {
margin:20px 10px
}
.hotelGroupAttractionBlock {
margin:20px 10px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:40px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
margin-bottom:0
}
.hotelGroupAttractionHome {
padding:40px 0
}
.hotelGroupAttractionHome h2 {
margin-bottom:30px
}
.hotelGroupTheme h2 {
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:24px;
top:-10px
}
.hotelGroupAttractionContent h3 {
font-size:24px
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
padding:20px
}
.hotelGroupPropertyLogo {
width:calc(50% - 20px);
margin:10px
}
.hotelGroupRewardContainer {
padding:60px 0;
background-attachment:initial;
background-position:50% 100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 20px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:250px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:24px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2,.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:26px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
padding:20px 0
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:10px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
padding:25px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelGroupPropertyBlockImg,.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:260px
}
.hotelGroupFooter .HGfooterTitle {
font-size:20px
}
.hotelGroupTheme p {
font-size:13px
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupBtnOuter {
margin-top:40px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
margin-bottom:30px
}
.hotelGroupGalleryContainer {
padding-bottom:50px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
padding:50px 20px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
font-size:60px;
top:-20px;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:220px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelSubGroupContentContainer {
padding:40px 0 20px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:26px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding-top:40px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-bottom:40px
}
.hotelGroupBanquetsContent {
padding:20px
}
.rewardsTopcontainerContent h3,.rewardsForm h3,.rewardsForm h3 {
font-size:28px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
.helloBarContainer p a {
margin-left:10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:24px
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
bottom:20px
}
.hotelGroupAboutSliderInner .carousel .item img {
min-height:180px
}
}
@media(max-width:359px) {
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
max-width:140px
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:260px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:24px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 20px;
left:20px
}
}
* img{
object-fit: cover;
}
:root {
--primary-color:#c6ab62;
--secondary-color:#b48744;
--btn-hover:#b48744;
--white:#fff;
--primary-text-color:#333;
--black:#000;
--placeholder:#757575;
--background-color:#0f0f0f
}
body.hotelGroupBody {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f;
overflow-x:hidden
}
.yummy .col-lg-1,.yummy .col-lg-2,.yummy .col-lg-3,.yummy .col-lg-4,.yummy .col-lg-5,.yummy .col-lg-6,.yummy .col-lg-7,.yummy .col-lg-8,.yummy .col-lg-9,.yummy .col-lg-10,.yummy .col-lg-11,.yummy .col-lg-12,.yummy .col-lg-15,.yummy .col-md-1,.yummy .col-md-2,.yummy .col-md-3,.yummy .col-md-4,.yummy .col-md-5,.yummy .col-md-6,.yummy .col-md-7,.yummy .col-md-8,.yummy .col-md-9,.yummy .col-md-10,.yummy .col-md-11,.yummy .col-md-12,.yummy .col-md-15,.yummy .col-sm-1,.yummy .col-sm-2,.yummy .col-sm-3,.yummy .col-sm-4,.yummy .col-sm-5,.yummy .col-sm-6,.yummy .col-sm-7,.yummy .col-sm-8,.yummy .col-sm-9,.yummy .col-sm-10,.yummy .col-sm-11,.yummy .col-sm-12,.yummy .col-sm-15,.yummy .col-xs-1,.yummy .col-xs-2,.yummy .col-xs-3,.yummy .col-xs-4,.yummy .col-xs-5,.yummy .col-xs-6,.yummy .col-xs-7,.yummy .col-xs-8,.yummy .col-xs-9,.yummy .col-xs-10,.yummy .col-xs-11,.yummy .col-xs-12,.yummy .col-xs-15 {
padding-right:15px;
padding-left:15px;
padding-bottom:0
}
.yummy p {
margin:0
}
#whatsapp-message {
position:fixed;
margin-bottom:1vh;
bottom:35px;
right:5px;
width:65px;
height:65px;
overflow:hidden;
visibility:visible;
z-index:2147483639;
background:0;
border:0;
transition:transform .2s ease-in-out;
backface-visibility:hidden;
opacity:1;
transform:translateY(0%)
}
.hotelGroupTheme,body .hotelGroupTheme {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTheme a,.hotelGroupTheme p a {
text-decoration:none;
color:var(--primary-color)
}
.hotelGroupTheme a:hover,.hotelGroupTheme a:focus,.hotelGroupTheme p a:hover,.hotelGroupTheme p a:focus {
text-decoration:none;
color:var(--secondary-color)
}
.hotelGroupTheme .btn.btn-primary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-primary:focus,.hotelGroupTheme .btn.btn-primary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelGroupTheme .btn.btn-secondary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:transparent;
color:var(--primary-color);
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-secondary:focus,.hotelGroupTheme .btn.btn-secondary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#FFF
}
.hotelGroupTheme .h1,.hotelGroupTheme .h2,.hotelGroupTheme .h3,.hotelGroupTheme .h4,.hotelGroupTheme .h5,.hotelGroupTheme .h6,.hotelGroupTheme h1,.hotelGroupTheme h2,.hotelGroupTheme h3,.hotelGroupTheme h4,.hotelGroupTheme h5,.hotelGroupTheme h6 {
font-family:Bellota;
font-weight:400
}
.header.fixed {
position:fixed;
top:0;
box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
-webkit-box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
left:0;
right:0;
margin:0 auto;
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
.hotelGroupTheme h2 {
margin:0 0 30px;
position:relative;
color:#30353e;
margin:0 0 30px;
font-size:48px;
line-height:1.2;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase
}
.hotelGroupTheme h2 span {
display:block;
font-size:16px;
font-weight:400;
margin:0 0 10px;
color:var(--secondary-color)
}
.hotelGroupTheme p {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTopbar {
padding:12px 0;
border-bottom:1px solid #efefef
}
.hotelGroupTopbar .inline-wrapper {
align-items:center
}
.hotelGroupTopbar p {
margin:0 10px 0;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
margin-left:0
}
.hotelGroupTopbar p .fa {
margin-right:10px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone .fa {
font-size:18px;
position:relative;
top:1px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
position:relative;
top:-1px
}
.hotelGroupTopbar p a {
color:#4f4f4f;
text-decoration:none;
transition:all .3s ease
}
.hotelGroupTopbar p a:focus,.hotelGroupTopbar p a:hover {
color:var(--secondary-color);
;
text-decoration:none
}
.hotelGroupTopbar p.hotelGroupTopbarSocial {
font-size:16px
}
.hotelGroupTopbar p.hotelGroupTopbarSocial .fa {
margin-right:0
}
.hotelGroupTopbar .gTranslate {
margin-left:10px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget {
position:relative;
font-size:0
}
.hotelGroupTheme #google_translate_element .goog-te-gadget:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
pointer-events:none;
color:#000;
font-size:18px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget a.goog-logo-link {
display:none
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
height:30px;
padding:0 30px 0 10px;
letter-spacing:.03em;
border-radius:0;
border:1px solid #d5d5d5;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
cursor:pointer;
font-size:12px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo:focus {
outline:0;
border-color:#a7a7a7
}
.hotelGroupNavbar {
position:relative;
z-index:100
}
.hotelGroupNavbar .navbar {
width:100%;
margin:0;
padding:10px 0;
display:flex;
align-items:center;
min-height:60px
}
.hotelGroupNavbar .navbar-header .navbar-brand {
height:auto
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:90px
}
.hotelGroupNavbar .navbar-collapse {
padding:0!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
width:inherit;
align-items:center;
padding-right:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:5px 0 0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
line-height:1;
color:#30353e;
text-transform:uppercase;
letter-spacing:.03em;
transition:all .3s ease;
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:active,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:focus,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:hover,.hotelGroupNavbar .navbar.navbar-plain ul.nav li.active a {
color:var(--secondary-color);
;
background-color:transparent
}
.hotelGroupNavbar .nav .open>a,.hotelGroupNavbar .nav .open>a:focus,.hotelGroupNavbar .nav .open>a:hover {
background:none;
border:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown a .caret:after {
top:-7px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown.open a .caret:after {
top:-3px
}
.hotelGroupNavbar .dropdown-menu {
border-radius:0;
background:#FFF
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li {
display:block
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
font-weight:400;
display:block;
padding:15px 20px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdownRight .dropdown-menu {
left:auto;
right:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-family:Bellota;
background:var(--primary-color);
border:1px solid var(--primary-color);
color:#fff;
box-shadow:none;
border-radius:0;
font-size:14px;
font-weight:700;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
transition:all .3s ease;
padding:12px 18px
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:focus,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:hover {
border-color:var(--secondary-color);
;
background:var(--secondary-color);
;
cursor:pointer;
color:#fff;
text-decoration:none;
box-shadow:none;
outline:0
}
.hotelGroupSlideshowContainer {
color:#FFF
}
.hotelGroupSlideshowContainer p,.hotelGroupSlideshowContainer a {
color:#FFF
}
.hotelGroupSlideshowContainer .carousel-inner>.item {
transition:none;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item img {
animation:bloomEffects 1s ease;
animation-fill-mode:forwards
}
@keyframes bloomEffects {
0% {
transform:scale(1)
}
100% {
transform:scale(1.1)
}
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:60px;
font-weight:700;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
font-size:18px;
font-weight:400;
line-height:1.4;
letter-spacing:.06em;
margin:0 auto 60px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
background:#000;
border-color:#000
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
font-family:Chakra Petch;
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
background-color:transparent;
color:#fff;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto;
height:50px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:active {
background-color:#FFF;
border-color:#FFF;
color:#000
}
.hotelGroupSlideshow {
max-height:600px;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupSlideshowContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
background:#000;
border:1px solid #000
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:auto;
right:0
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
left:auto;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li:hover,.hotelGroupSlideshowContainer .carousel-indicators li:focus,.hotelGroupSlideshowContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupSlideshowContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupSlideshowContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBookingContainer {
position:relative;
background:#1b1b1b;
color:#FFF;
padding:40px 0
}
.hotelSubGroupTheme.hotelGroupBookingContainer {
position:relative;
background:var(--secondary-color);
;
color:#FFF
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0 30px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupBookingContainer .boxnew {
width:100%;
text-align:center
}
.hotelGroupBookingContainer .boxnew p {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupBookingContainer .boxnew p label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p input {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupBookingContainer .boxnew p select {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
font-family:Bellota;
font-size:18px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:50px;
border-radius:0;
padding:10px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:var(--secondary-color);
!important;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn {
background-color:#000;
color:#fff;
border:1px solid #000
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupBookingContainer .boxnew p br {
display:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:25px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:25px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1) {
max-width:300px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(4) {
margin-top:28px
}
.hotelGroupTheme .bbres_fieldset,.hotelGroupTheme .HGCalender,.hotelGroupTheme .HGBEBtn {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select,.hotelGroupTheme .HGSelectOuter {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:300px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select:before,.hotelGroupTheme .HGSelectOuter:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:20px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupTheme .bbres_fieldset label,.hotelGroupTheme .bbres_select label,.hotelGroupTheme .form-control label,.hotelGroupTheme .HGSelectOuter label,.hotelGroupTheme .HGCalender label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset input,.hotelGroupTheme .HGCalender input,.hotelGroupTheme input.form-control {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme textarea.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:auto;
background:#fff;
width:100%;
padding:20px;
border-radius:0;
font-size:13px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger {
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
font-size:0;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px
}
.hotelGroupTheme .HGCalender:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupTheme .bbres_select select,.hotelGroupTheme .HGSelectOuter select,.hotelGroupTheme select.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupTheme input.form-control:focus,.hotelGroupTheme select.form-control:focus,.hotelGroupTheme select:focus,.hotelGroupTheme textarea.form-control:focus,.hotelGroupTheme textarea:focus {
border-color:#152161;
background:#fff;
outline:0
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn,.hotelGroupTheme .HGBEBtn #bb_resBtn {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
line-height:1.8;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:#000;
color:#fff;
border:1px solid #000;
height:50px;
border-radius:0;
padding:15px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn:active,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:focus,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:hover,.hotelGroupTheme .HGBEBtn #bb_resBtn:active,.hotelGroupTheme .HGBEBtn #bb_resBtn:focus,.hotelGroupTheme .HGBEBtn #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupWelcomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupWelcomeInner {
display:flex;
align-items:center
}
.hotelGroupWelcomeContent {
width:48%
}
.hotelGroupWelcomeImgOuter {
width:52%;
padding-left:100px
}
.hotelGroupPropertyContainer {
position:relative;
padding:1px 0;
display:flex;
justify-content:center
}
.hotelGroupPropertyInner {
position:relative;
display:flex;
min-height:600px;
flex-flow:row wrap;
max-width:1600px
}
.hotelGroupPropertyContainerAlter .hotelGroupPropertyInner {
flex-direction:row-reverse
}
.hotelGroupPropertyImage {
width:60%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.hotelGroupPropertyContent {
width:40%;
padding:60px;
display:flex;
flex-flow:column;
justify-content:center;
text-align:left
}
h3.hotelGroupPropertyContentTitle {
margin:0 0 30px;
font-size:42px;
line-height:1.2;
letter-spacing:2px;
color:#30353e
}
p.hotelGroupPropertyContentText {
color:inherit;
margin:0 0 50px;
font-size:17px;
line-height:1.8;
letter-spacing:.03em
}
.hotelGroupHomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupHomeContainer .hotelGroupHomeContent {
text-align:center
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:60px;
padding-top:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:16px;
line-height:2
}
.hotelGroupAmenityContainer {
position:relative;
background:var(--primary-color);
color:#FFF;
padding:80px 0 40px;
text-align:center
}
.hotelGroupAmenityContainer {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f06b6379b36d_bannerImg002.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupAmenityContainer h2,.hotelGroupAmenityContainer h3,.hotelGroupAmenityContainer h4,.hotelGroupAmenityContainer p {
color:#FFF
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px;
padding-top:30px
}
.hotelGroupAmenityContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#e6c6a1;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupAmenityBtnOuter {
margin:60px 0 0
}
.hotelGroupAmenityList {
display:flex;
flex-flow:row wrap;
align-items:flex-start;
justify-content:flex-start
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
position:relative;
display:flex;
text-align:left;
padding:40px;
align-items:flex-start;
width:33%;
justify-content:flex-start;
margin:0;
align-items:center
}
.hotelGroupAmenityItemImg {
min-width:60px;
min-height:60px;
background:rgb(0 0 0 / .2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
margin:0 10px 0 0
}
.hotelGroupAmenityItemImg img {
max-width:30px;
max-height:30px
}
.hotelGroupAmenityItemContent h3 {
margin:0 0 6px;
font-weight:600;
letter-spacing:1px;
font-size:20px;
line-height:1
}
.hotelGroupAmenityItemContent p {
margin:0;
font-size:14px;
letter-spacing:.03em
}
body .hotelGroupFooter {
background:#1b1b1b;
color:#c5c5c5
}
.hotelGroupFooter .HGfooterTitle {
color:#FFF;
font-family:Bellota;
font-size:24px;
letter-spacing:3px;
font-weight:700;
text-transform:uppercase;
margin:0 0 30px
}
.hotelGroupFooter ul.list-basic li a:not(.btn) {
color:#c5c5c5;
text-decoration:none
}
.hotelGroupFooter ul.list-basic li a:not(.btn):hover,.hotelGroupFooter ul.list-basic li a:not(.btn):focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic {
display:flex;
flex-flow:row wrap
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic li {
width:50%
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic {
display:flex;
flex-flow:column
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic li {
width:initial
}
body .hotelGroupFooterbtm {
background:#101010;
color:#c5c5c5;
padding:10px 0;
font-size:14px
}
body .hotelGroupFooterbtm .footerBtmInner {
display:flex;
justify-content:space-between;
align-items:center
}
body .hotelGroupFooterbtm p {
margin:0;
font-family:Chakra Petch
}
body .hotelGroupFooterbtm p a {
color:#c5c5c5;
text-decoration:none
}
body .hotelGroupFooterbtm p a:hover,body .hotelGroupFooterbtm p a:focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterContact ul.list-basic li {
position:relative;
padding-left:30px
}
body .hotelGroupFooter p,body .hotelGroupFooter ul li,body .hotelGroupFooter p a {
margin-bottom:10px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
color:#c5c5c5;
letter-spacing:.03em
}
body .hotelGroupFooter .HGfooterContact li .fa {
position:absolute;
left:0;
top:3px;
font-size:20px;
font-weight:400;
line-height:1
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial {
margin:10px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial li .fa {
position:relative;
top:initial
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-map-marker {
left:2px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-envelope-open-o {
font-size:14px;
left:1px;
top:4px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-mobile {
font-size:22px;
left:3px;
top:1px
}
.hotelGroupRoomContainer {
padding:80px 0
}
.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-end
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
position:relative;
z-index:1;
width:80%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:600px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
position:absolute;
right:10px;
bottom:70px;
width:50px;
z-index:2;
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #000;
background:#000;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators {
background:none;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
position:absolute;
width:600px;
background:#FFF;
padding:30px;
left:0;
top:50%;
display:block;
z-index:2;
transform:translateY(-50%);
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:48px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupRoomContainer .hotelGroupRoomContentText {
margin:0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities {
margin:20px 0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic {
display:flex;
flex-flow:row wrap
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic li {
width:50%;
display:flex;
align-items:center;
margin:0 0 15px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesImg img {
max-height:24px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesTxt p {
margin:0 0 0 10px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice {
margin:0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice strong {
font-size:22px;
font-weight:700;
margin:0;
letter-spacing:-.02em
}
.hotelGroupRoomContainer .hotelGroupRoomPrice span {
border-bottom:1px dashed;
cursor:help;
margin:0 0 0 5px
}
.hotelGroupRoomContainerAlter .hotelGroupRoomInner {
justify-content:flex-start
}
.hotelGroupRoomContainerAlter .hotelGroupRoomContent {
left:auto;
right:0
}
.hotelGroupRoomContainerAlter .hotelGroupRoomImage .carouselNavOuter {
right:auto;
left:10px
}
.hotelGroupTheme .mapWrapper iframe {
margin:0;
padding:0;
outline:0;
border:0;
display:inline-block;
vertical-align:top
}
.hotelGroupGalleryContainer {
padding:0 0 80px;
text-align:center
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:80px
}
.hotelGroupBody .modal-dialog {
margin:15px auto 0;
max-width:900px!important
}
.hotelGroupBody .modal-header {
padding:0;
border-bottom:0 solid #e5e5e5;
background:0
}
.hotelGroupBody .modal-title {
display:none
}
.hotelGroupBody .modal button.close {
z-index:110;
right:10px;
top:10px;
outline:0
}
.hotelGroupBody .modal button.close:focus,.hotelGroupBody .modal button.close:hover {
outline:0
}
.hotelGroupBody .ekko-lightbox-nav-overlay .glyphicon {
height:100%;
display:flex;
align-items:center;
text-align:right
}
.hotelGroupBody .glyphicon.glyphicon-chevron-left {
justify-content:flex-start
}
.hotelGroupBody .glyphicon.glyphicon-chevron-right {
justify-content:flex-end
}
.hotelGroupBody .ekko-lightbox-nav-overlay a:focus,.hotelGroupBody .ekko-lightbox-nav-overlay a:hover {
text-decoration:none
}
.hotelGroupBody .modal-dialog img {
width:100%
}
.hotelGroupBody .modal-dialog .ekko-lightbox-container {
max-height:550px;
overflow:hidden
}
.hotelGroupHeadBlock {
padding:60px 0;
text-align:center
}
.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
margin:0
}
.hotelGroupPageTitle {
padding:100px 0;
color:#FFF;
background-color:rgba(0,0,0,0);
background-position:50% 60%
}
.hotelGroupPageTitle h2 {
color:#FFF;
text-align:center;
margin:0
}
.hotelGroupPageTitle h2 span {
color:#FFF;
font-family:Chakra Petch;
margin:10px 0 0
}
.hotelGroupContactContainer {
padding:80px 0
}
.hotelGroupContactContainer .form-group,.hotelGroupContactContainer .input-group {
margin:0 0 20px
}
.hotelGroupContactContainer h3 {
font-size:28px;
font-weight:700;
letter-spacing:1px;
margin:0 0 20px;
color:#30353e
}
.hotelGroupContactContainer h3.hotelGroupContactHeading {
margin:0 0 10px
}
.hotelGroupContactContainer p.hotelGroupContactDesc {
margin:0 0 40px
}
.hotelGroupContactDetails ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactDetails p,.hotelGroupContactDetails ul li,.hotelGroupContactDetails p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactDetails li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactDetails ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
.hotelGroupContactDetails li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactDetails li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactDetails li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn) {
color:#4f4f4f
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding-left:30px
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial .HGfooterSocial li .fa {
position:relative;
top:initial
}
.hotelGroupContactlistContainer {
background:#f8f8f8;
padding:80px 0
}
.hotelGroupContactlistContainer .hotelGroupContactblock {
position:relative;
padding:30px;
background:#FFF;
box-shadow:0 7px 12px -4px rgba(0,0,0,.1);
margin:0 5px
}
.hotelGroupContactlistContainer .hotelGroupContactblock a {
white-space:normal;
word-break:break-all
}
.hotelGroupContactlistContainer .hotelGroupContactblock h4 {
margin:0 0 30px;
font-size:22px;
font-weight:700
}
.hotelGroupContactlistContainer ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactlistContainer p,.hotelGroupContactlistContainer ul li,.hotelGroupContactlistContainer p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactlistContainer li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactlistContainer ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 10px 0 0
}
.hotelGroupContactlistContainer li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactlistContainer li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactlistContainer li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding:0;
margin:0 15px 0 0
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li .fa {
position:relative
}
.hotelGroupAboutSliderContainer {
padding:80px 0
}
.hotelGroupAboutWelcomeContainer {
padding:0 0 80px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption h3 {
font-size:54px;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption p {
font-size:16px;
font-weight:400;
line-height:1.8;
letter-spacing:.05em;
margin:0 auto 60px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn {
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:active {
background:#FFF;
color:#000
}
.hotelGroupAboutSliderContainer .carousel-inner .item [data-component=image]:before {
content:"";
top:0;
left:0;
right:0;
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.54);
z-index:1;
display:none
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
background:#000;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupAboutSliderContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li:hover,.hotelGroupAboutSliderContainer .carousel-indicators li:focus,.hotelGroupAboutSliderContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupAboutSliderContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupAboutSliderContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a:hover,.hotelGroupBody .ui-datepicker.ui-widget-content td a:focus,.hotelGroupBody .ui-datepicker.ui-widget-content td a:active {
text-decoration:none
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a.ui-state-active {
background:var(--secondary-color);
;
color:#fff;
text-decoration:none
}
.hotelGroupthankyouPage {
padding:80px 0;
text-align:center
}
.hotelSubGroupContentContainer {
padding:80px 0;
text-align:center
}
.hotelGroupContentContainer {
padding:80px 0 0;
text-align:center
}
.hotelSubGroupContentContainer .hotelGroupRoomContent {
padding:50px
}
.hotelSubGroupContentContainer h2,.hotelGroupContentContainer h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:80px 0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerLast {
padding-bottom:100px
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:absolute;
right:30px;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:10px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn {
font-size:16px;
height:auto;
font-family:Bellota;
line-height:1;
padding:15px 20px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn:nth-of-type(2) {
margin-left:5px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoomAmenitiesTxt {
display:none
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:0 20px 0 0;
width:initial
}
.hotelSubGroupTheme .hotelGroupRoomAmenities {
margin:30px 0 20px
}
.hotelSubGroupTheme .hotelGroupRoomImage {
box-shadow:0 50px 40px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px;
letter-spacing:2px;
padding:30px 0 0;
text-transform:none;
color:#30353e
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
opacity:.8
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:18px;
line-height:2
}
.hotelSubGroupTheme .hotelGroupWelcomeImg {
box-shadow:0 30px 30px -20px rgba(0,0,0,.2);
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover {
box-shadow:0 30px 30px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg img {
transition:all .4s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1.03)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
padding:30px 0 0;
margin:0 0 30px;
color:#30353e
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px;
text-transform:none;
margin-bottom:60px;
padding:30px 0 0
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
margin:0;
padding:1px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper.margin-bottom-10px {
margin-bottom:0;
overflow:hidden;
position:relative
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper img {
transition:all .6s ease
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper:hover img {
transform:scale(1.1)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:before {
content:"";
background:rgba(0,0,0,.6);
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all .3s ease;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:hover:before {
top:0;
opacity:0;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a {
position:relative;
display:block
}
.hotelGroupBtnOuter {
margin:60px auto 0;
text-align:center
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
display:flex
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:50%;
padding:20px 20px 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage {
position:relative;
z-index:1;
width:initial
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent {
position:relative;
top:0;
transform:translateY(0%);
width:initial;
text-align:left
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:0;
transition:all .6s ease;
margin:40px 0 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 14px rgb(255 255 255 / .3)
}
.hotelGroupTestimonialHome {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f7c5d480856d_spa.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupTestimonialHome .overly,.hotelGroupAmenityContainer .overly {
background:rgba(0,0,0,.6)
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter {
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:80%;
margin:0 auto
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-family:Bellota;
font-weight:400;
font-size:18px;
color:#FFF;
line-height:2;
letter-spacing:1px;
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
content:'\f10d';
font-family:fontAwesome;
font-size:72px;
margin:0;
opacity:.3;
position:absolute;
left:-50px;
top:-30px;
line-height:1
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
position:relative;
margin:0 auto;
left:0;
right:0;
top:0;
width:100%;
padding:50px
}
.hotelGroupTestimonialHome .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF;
display:none
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:hover,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:focus,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupTestimonialHome .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupTestimonialHome .carousel-indicators {
background:none;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li:hover,.hotelGroupTestimonialHome .carousel-indicators li:focus,.hotelGroupTestimonialHome .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupTestimonialHome .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupTestimonialHome .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupTestimonialHome .nav-indicators-in .carousel-indicators-wrapper {
right:0;
left:0;
bottom:-30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption h3 {
letter-spacing:1px
}
.hotelGroupTestimonialHome h2 {
color:#FFF;
text-align:center
}
.hotelGroupTestimonialHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#FFF;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-40px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionHome {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupAttractionHomeInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupAttractionBlock {
position:relative;
width:calc(33.33% - 40px);
margin:0 20px;
overflow:hidden
}
.hotelGroupAttractionImg {
position:relative;
z-index:1
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:400px;
transition:all .6s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:absolute;
bottom:-90px;
left:0;
background:rgba(0,0,0,.6);
display:block;
color:#FFF;
z-index:2;
padding:20px;
transition:all .3s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionContent {
bottom:0
}
.hotelGroupAttractionContent p {
color:#FFF
}
.hotelGroupAttractionHome h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupAttractionHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionContent h3 {
margin:0 0 15px;
letter-spacing:1px;
font-size:26px;
color:#fff
}
.hotelGroupAttractionContent p {
color:#FFF;
font-size:14px;
letter-spacing:.03em;
margin:0
}
.hotelGroupPropertyContainer {
padding:80px 0 80px
}
.hotelGroupPropertyPage.hotelGroupPropertyContainer {
padding:0 0 80px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupPropertyContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupPropertyContainerInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyBlock {
width:33%;
margin:0 20px;
position:relative;
overflow:hidden
}
.hotelGroupPropertyBlock:after {
content:"";
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
transition:all .3s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover:after {
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:450px;
transition:all .8s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1.1)
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
text-align:center;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:11;
background:rgba(0,0,0,.5);
opacity:1;
transition:all .3s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:0
}
.hotelGroupPropertyBlock a {
color:var(--secondary-color)
}
.hotelGroupPropertyBlock h3 {
letter-spacing:1px;
font-size:24px;
font-weight:400;
margin:0;
color:#FFF
}
.hotelGroupPropertyBlock p {
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#909090
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
font-size:13px;
text-transform:none;
letter-spacing:.03em;
margin:20px 0 0
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockLabel {
margin:0 0 10px;
font-size:12px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
display:flex;
flex-flow:column;
align-items:flex-start;
border:1px solid;
padding:30px;
position:absolute;
left:0;
top:-100%;
z-index:11;
width:100%;
height:100%;
max-height:450px;
transition:all .6s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockContent {
top:0;
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:absolute;
bottom:-100%;
left:30px;
z-index:11;
transition:all .6s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:30px
}
.hotelGroupPropertyLogoContainer {
padding:20px 0
}
.hotelGroupPropertyLogoInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyLogo {
margin:20px
}
.hotelGroupPropertyLogo img {
max-height:80px;
transition:all .6s ease;
opacity:.6
}
.hotelGroupPropertyLogo:hover img {
opacity:1
}
.hotelGroupRewardContainer {
padding:100px 0;
background-image:url(images/uploads/1/5f7ef5d09cd88_gift.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment:fixed
}
.hotelGroupRewardContainer:before {
content:"";
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
position:absolute;
left:0;
right:0;
top:0;
pointer-events:none;
width:100%;
height:100%
}
.hotelGroupRewardContainer h2 {
color:#FFF;
margin:0 0 10px;
text-transform:none
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupRewardContainer p {
color:#FFF;
margin:0;
letter-spacing:.06em;
font-size:14px
}
.hotelGroupRewardContainer .btn-secondary {
letter-spacing:2px
}
.hotelGroupContentsContainer {
padding:60px 0
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
position:relative;
padding:80px 0;
text-align:center;
background:inherit
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer:before {
content:"";
display:none
}
.hotelGroupAmenityPage .hotelGroupAmenityItemContent h3,.hotelGroupAmenityPage .hotelGroupAmenityItemContent p {
color:#30353e
}
.hotelGroupAmenityPage .hotelGroupAmenityItemImg {
background:none;
border:0;
align-items:flex-start;
padding:0;
min-height:initial;
min-width:initial
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:80px 0 0
}
.hotelGroupAttractionPage.hotelGroupAttractionHome {
background:inherit;
padding-top:40px
}
.hotelGroupTheme .tooltip {
white-space:nowrap
}
.hotelGroupTheme .tooltip .tooltip-inner {
background-color:#000;
font-size:10px;
letter-spacing:.05em
}
.hotelGroupTheme .tooltip.top .tooltip-arrow {
bottom:1px;
border-top-color:#000
}
.hotelGroupTheme .tooltip.top-left .tooltip-arrow,.hotelGroupTheme .tooltip.top-right .tooltip-arrow,.hotelGroupTheme .tooltip.top .tooltip-arrow {
border-top-color:#000
}
.hotelSubGroupNavbar {
background:#1b1b1b
}
.hotelSubGroupNavbar .navbar-nav>li>a {
padding:15px;
color:#FFF;
line-height:1;
font-size:13px;
letter-spacing:.05em;
transition:all .3s ease
}
.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:var(--secondary-color);
;
color:#FFF
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:1px solid #424242
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a {
font-weight:700
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active {
background:#1b1b1b
}
.hotelGroupRestaurantContainer {
padding:80px 0
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:36px;
text-transform:none
}
.hotelSubGroupRestaurantPage {
padding:80px 0 0;
text-align:center
}
.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupRestaurantPage p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelGroupRestaurantBlock {
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:row-reverse
}
.hotelGroupRestaurantImg {
width:50%;
overflow:hidden
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
max-height:400px;
min-height:400px;
width:100%;
transition:all .3s ease
}
.hotelGroupRestaurantBlock:hover .hotelGroupRestaurantImg img {
transform:scale(1.1)
}
.hotelGroupRestaurantContent {
width:50%;
padding:40px;
border:1px solid #dedede;
min-height:400px;
max-height:400px;
display:flex;
flex-flow:column;
justify-content:center
}
.hotelGroupRestaurantContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.hotelGroupRestaurantContent p {
margin-bottom:30px
}
.hotelGroupBanquetsContainer {
padding:80px 0
}
.hotelGroupBanquetsInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupBanquetsBlock {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:calc(50% - 40px);
margin:0 20px 60px;
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease;
overflow:hidden
}
.hotelGroupBanquetsBlock:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelGroupBanquetsImg {
position:relative;
z-index:1;
max-height:350px;
overflow:hidden
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 24px rgb(255 255 255 / .3)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
min-height:350px;
max-height:350px;
transition:all .6s ease
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1.1)
}
.hotelGroupBanquetsContent {
background:#FFF;
transition:all .3s ease;
padding:30px
}
.hotelGroupBanquetsContent h3 {
font-size:32px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupBanquetsContent p {
margin:0
}
.hotelGroupNavbar .navbar-header #subNavicon {
display:none
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:none
}
.hotelGroupCovidpage {
padding:80px 0
}
.hotelGroupCovidpage h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupCovidpage p {
margin-bottom:20px
}
.hotelGroupTheme .nomargintop {
margin-top:0!important
}
.helloBarContainer {
background:var(--primary-color);
color:#FFF;
text-align:center;
padding:15px 0
}
.helloBarContainer p {
margin:0;
line-height:1;
font-size:14px;
color:#FFF
}
.helloBarContainer p .fa {
margin:0 10px 0 0
}
.helloBarContainer p a {
color:#FFF;
text-transform:uppercase;
font-weight:600;
margin:0 0 0 20px;
text-decoration:none;
border-bottom:1px solid #FFF
}
.helloBarContainer p a:hover,.helloBarContainer p a:focus {
color:#FFF;
text-decoration:none;
border-bottom-color:rgba(255,255,255,.5)
}
.helloBarContainer a.helloBarClose {
cursor:pointer;
color:rgba(255,255,255,.5);
font-size:24px;
font-weight:300;
line-height:1;
margin:0 0 0 20px;
transition:all .2s ease-out
}
.helloBarContainer a.helloBarClose:hover,.helloBarContainer a.helloBarClose:focus {
text-decoration:none;
color:rgba(255,255,255,1)
}
.helloBarInner {
position:relative;
z-index:11;
display:flex;
justify-content:center;
align-items:center
}
.rewardsTopcontainer {
padding:80px 0
}
.rewardsTopcontainerInner {
display:flex;
flex-flow:row-reverse
}
.rewardsTopcontainerImage {
width:55%;
padding-left:50px
}
.rewardsTopcontainerContent {
width:45%
}
.rewardsTopcontainerContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.rewardsOffers {
background:var(--primary-color);
color:#FFF;
padding:80px 0
}
.rewardsForm {
max-width:500px;
margin:0 auto
}
.rewardsForm h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px;
text-align:center
}
.hotelGroupAmenityContainer.rewardsOffers:before {
background-image:url(images/uploads/1/5f92a8c42060e_gift4.jpg)
}
.hotelGroupTheme.privacyPage {
padding:80px 0
}
.hotelGroupTheme.privacyPage h2 {
font-size:32px;
font-weight:700;
color:#30353e;
text-transform:none;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupTheme.privacyPage p {
}
.hotelGroupTheme.privacyPage p strong {
font-size:18px;
margin-top:20px;
margin-bottom:5px;
display:inline-block
}
.hotelGroupTheme ul.privacyList {
margin:30px 0
}
.hotelGroupTheme ul.privacyList li {
margin-bottom:10px
}
.hotelGroupTheme ul.privacyList li:last-of-type {
margin-bottom:0
}
.hotelSubGroupAboutSliderContainer {
padding:40px 0 80px
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display:none
}
.grecaptcha-badge {
display:none!important
}
.boxnew button.btn.crssearchbtn:hover {
background:#45b5c6!important
}
.hotelgroup-subnavbar {
position:sticky;
z-index:99;
top:0
}
.group-row {
display:flex;
align-items:center
}
div#gallery2 img {
min-height:230px;
max-height:230px;
min-width:387px;
height:100%;
width:100%
}
.ekko-lightbox-container img {
min-width: 1000px;
min-height: 600px;
max-height: 600px;
height:100%;
width:100%
}
.modal-dialog{
max-width: 1000px !important;
}
@media(min-width:1601px) {
.hotelGroupSlideshowContainer .carousel .item img {
width:100%
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
}
@media(max-width:1199px) {
.hotelGroupNavbar .navbar-header .navbar-brand a {
max-width:200px
}
.hotelGroupNavbar .container {
padding:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
padding:0;
margin:0;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar .navbar-buttons {
margin:0 0 0 15px!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-size:12px;
padding:10px;
margin:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-centered .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left-right .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons {
min-height:initial;
min-width:initial
}
.hotelGroupNavbar .navbar {
padding:0;
border:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar-header {
float:none;
width:100%;
padding:0;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
border-bottom:1px solid #efefef
}
.hotelGroupNavbar .navbar-header .navbar-brand {
min-height:initial;
height:initial;
max-width:initial;
padding:0;
margin:0 10px 0 0;
width:calc(100% - 80px)
}
.hotelGroupNavbar .navbar-header .navbar-toggle {
width:50px;
float:none;
margin:0;
padding:0;
font-size:24px;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar-header .navbar-toggle.collapsed .fa-bars:before {
content:"\F0C9"
}
.hotelGroupNavbar .navbar-header .navbar-toggle .fa-bars:before {
content:"\F00D"
}
.hotelGroupNavbar .navbar-header #subNavicon {
width:50px;
float:none;
margin:0;
padding:0;
color:#4f4f4f;
font-size:24px;
text-align:center;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
display:none!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse.in {
display:block!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:20px 10px;
margin:0;
box-shadow:none;
min-width:100%;
width:100%;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li {
display:block;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.open {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav .dropdown.open>a {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
padding:10px 30px;
text-transform:none
}
.hotelSubGroupNavbar {
background:#FFF
}
.hotelSubGroupNavbar #subGroupNavigation {
padding:0;
margin:0 -15px
}
.hotelSubGroupNavbar #subGroupNavigation.collapse {
display:none!important
}
.hotelSubGroupNavbar #subGroupNavigation.collapse.in {
display:block!important
}
.hotelSubGroupNavbar #subGroupNavigation .navbar-nav {
float:none;
padding:20px
}
.hotelSubGroupNavbar .navbar-nav>li {
display:block;
float:none
}
.hotelSubGroupNavbar .navbar-nav>li>a {
font-family:Chakra Petch;
color:#30353e;
font-size:14px;
font-weight:600;
padding:10px 0
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:60px
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:0
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active,.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:#FFF;
color:var(--secondary-color)
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:block;
margin:0 20px 20px 20px
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow.navbar-buttons>* {
display:block
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow .btn {
font-size:15px;
line-height:1;
padding:15px 20px
}
.hotelGroupWelcomeContent {
width:50%
}
.hotelGroupWelcomeImgOuter {
width:50%;
padding-left:50px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:16px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
position:relative;
font-size:40px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
flex-direction:column;
justify-content:center
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
margin:0 auto;
width:90%
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2)
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:90%;
margin:0 auto;
position:relative;
top:0;
transform:translateY(0%)
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:36px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:400px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding:40px 0 60px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:60px 0 0
}
.hotelGroupContactContainer {
padding:60px 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:50%;
padding-bottom:0;
margin:20px 0
}
.hotelGroupContactlistContainer {
padding:60px 0
}
.hotelGroupFormContainer {
max-width:100%
}
.hotelGroupRestaurantContent {
max-height:initial
}
.hotelGroupRestaurantBlock {
align-items:stretch
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:100%;
max-height:initial
}
.hotelGroupCovidpage {
padding:40px 0
}
}
@media(max-width:991px) {
.group-row {
display:flex
}
body.hotelGroupBody #page {
overflow-x:hidden
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
display:none
}
.hotelGroupTopbar .hotelGroupTopbarLeft .inline-wrapper {
justify-content:flex-start
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper {
justify-content:flex-end
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper>[data-component=image] {
display:none
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:36px
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
display:none
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
display:none
}
.hotelGroupBookingContainer #bb_resBookingBox {
flex-direction:column
}
.hotelGroupBookingContainer .boxnew p {
max-width:300px;
margin:15px 0
}
.hotelGroupTheme h2 {
font-size:42px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:60px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span {
position:relative;
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:30px
}
.hotelGroupPropertyContainerInner {
flex-flow:row wrap
}
.hotelGroupPropertyBlock {
width:calc(50% - 40px);
margin-bottom:30px
}
.hotelGroupAttractionBlock {
width:calc(50% - 40px)
}
.hotelGroupAttractionHome {
padding:60px 0
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:column;
margin:40px 20px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupRestaurantImg {
width:initial
}
.hotelGroupRestaurantContent {
width:initial;
min-height:initial;
max-height:initial;
padding:30px
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:initial;
max-height:initial
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:36px;
top:-10px
}
.hotelGroupWelcomeContainer {
padding:60px 0
}
.hotelGroupWelcomeInner {
flex-direction:column
}
.hotelGroupWelcomeContent {
width:initial;
text-align:center
}
.hotelGroupWelcomeImgOuter {
width:initial;
padding-left:0;
margin:40px auto 0;
max-width:600px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
flex-direction:column
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
width:initial
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
flex-direction:column;
text-align:center
}
.hotelGroupAmenityItemImg {
margin:0 auto 30px
}
.hotelGroupGalleryContainer {
padding-bottom:60px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:60px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:flex;
flex-flow:row wrap;
justify-content:center
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:33.33%
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:100%
}
.hotelGroupTestimonialHome h2 span {
font-size:30px;
top:-30px
}
body .hotelGroupFooter .col-sm-4 {
width:100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 30px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
display:none
}
.hotelGroupHeadBlock {
padding-bottom:30px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:42px
}
.hotelGroupBookingContainer .boxnew p input {
height:40px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
bottom:6px
}
.hotelGroupBookingContainer .boxnew p select {
height:40px
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
height:44px
}
.hotelGroupPageTitle {
padding:80px 0
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2 {
font-size:32px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:350px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:auto;
margin:40px 0 0
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
width:100%;
left:0;
right:0;
bottom:auto;
top:45%;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:auto;
right:auto;
left:5px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.right.carousel-control {
left:auto;
right:5px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:100%
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
width:100%
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
display:none
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:30px 0
}
.hotelSubGroupContentContainer {
padding:60px 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
margin:0 10px
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p,.hotelGroupTheme p {
font-size:15px
}
.hotelGroupContactDetails li .fa.fa-map-marker {
top:0
}
.hotelGroupContactDetails {
margin:60px 0 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:100%;
margin:30px 0
}
.hotelGroupContactlistContainer {
padding:40px 0
}
.hotelGroupContentContainer {
padding-top:60px
}
.hotelGroupContentContainer h2 {
font-size:36px
}
.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupRestaurantBlock {
align-items:initial
}
.hotelGroupBanquetsBlock {
width:100%;
margin:0 10px 60px
}
.hotelGroupBanquetsBlock:last-of-type {
margin-bottom:0
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
max-height:initial;
min-height:initial
}
.rewardsTopcontainer {
padding:60px 0
}
.rewardsTopcontainerInner {
flex-direction:column
}
.rewardsTopcontainerImage {
width:initial;
padding-left:0;
margin:0 auto 30px
}
.rewardsTopcontainerContent {
width:initial
}
.hotelGroupTheme.privacyPage {
padding:40px 0
}
.hotelGroupAboutSliderContainer {
padding:50px 0
}
.hotelGroupAboutWelcomeContainer {
padding-bottom:50px
}
}
@media(max-width:767px) {
.ekko-lightbox-container img {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
div#gallery2 img {
min-height:100%;
max-height:100%;
min-width:100%
}
.hotelGroupNavbar .navbar-two {
padding:10px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:block
}
#whatsapp-message {
bottom:90px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupSlideshowContainer .carouselNavOuter {
width:100%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
left:10px;
right:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
top:auto;
bottom:10px;
left:auto;
right:10px
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:relative;
bottom:auto;
background:#FFF;
color:#4f4f4f;
min-height:200px
}
.hotelGroupAttractionContent h3 {
font-size:24px;
font-weight:600
}
.hotelGroupAttractionContent p {
color:#4f4f4f
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:initial
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column;
justify-content:center;
text-align:center
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1)
}
.hotelGroupAmenityItemContent h3 {
margin-bottom:15px
}
.hotelGroupContactContainer {
padding:40px 0
}
.hotelGroupPageTitle h2 span {
line-height:1.6
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1)
}
.CovidpageInner {
padding:0 10px
}
.hotelGroupCovidpage h3 {
font-size:28px
}
.rewardsTopcontainer {
padding:40px 0
}
.rewardsTopcontainerInner {
padding:0 10px
}
.hotelGroupTheme ul.privacyList {
padding:0 0 0 20px
}
.privacyPageInner {
padding:0 10px
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
display:none
}
}
@media(max-width:640px) {
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
display:none
}
.hotelGroupRewardContainer {
padding:80px 0
}
.hotelGroupRestaurantContainer {
padding:60px 0
}
.hotelGroupPropertyBlock {
width:100%;
border:1px solid #e0e0e0
}
.hotelGroupPropertyBlockImg {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
position:relative;
top:0;
max-height:450px;
opacity:1;
border-color:#e0e0e0
}
.hotelGroupPropertyBlock h3 {
color:#30353e;
font-weight:600
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
margin-top:15px;
font-size:14px;
font-weight:400
}
.hotelGroupAttractionBlock {
width:100%;
box-shadow:0 3px 6px -1px rgba(0,0,0,.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
min-height:initial;
padding:30px
}
.hotelGroupAttractionImg {
max-height:350px;
overflow:hidden
}
.hotelGroupAttractionContent h3 {
color:#fff;
font-size:30px
}
.hotelGroupRewardInner {
padding:0 10px
}
.hotelGroupPropertyLogoInner {
flex-flow:row wrap
}
.hotelGroupPropertyLogo {
width:calc(50% - 40px)
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:initial
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:50px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
max-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:relative;
bottom:0;
left:25px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:25px;
border:0
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 30px
}
.hotelGroupTheme .btn.btn-primary {
padding:14px 18px;
font-size:15px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
background:rgba(0,0,0,.3)
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:1
}
.hotelGroupPropertyBlock:hover:after {
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1)
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:300px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:30px;
margin-bottom:15px
}
.hotelGroupPageTitle {
padding:60px 0
}
.hotelGroupPageTitle h2 {
font-size:32px
}
.hotelGroupPageTitle h2 span {
font-size:14px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelSubGroupRestaurantPage h2 {
font-size:30px;
letter-spacing:.03em
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-top:0
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:60px 0 0
}
.hotelGroupCovidpage h3 {
margin-top:30px
}
.hotelGroupAmenityItemContent {
margin:0 auto
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:100%
}
.rewardsOffers.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
}
@media(max-width:580px) {
.hotelGroupSlideshowContainer .carousel .item img {
min-height:300px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:30px;
letter-spacing:2px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control,.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
bottom:-20px
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:70px
}
.hotelGroupTheme h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:15px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:30px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
margin:0
}
.hotelGroupTopbar p.hotelGroupTopbarPhone a {
margin-bottom:0
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-size:16px
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
display:block
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupPageTitle {
padding:40px 0
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:40px 10px 0
}
.hotelGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:20px 0 60px
}
.hotelGroupBanquetsContent h3 {
font-size:26px
}
.hotelGroupCovidpage h3 {
font-size:26px;
margin-bottom:15px
}
.hotelGroupTheme.privacyPage h2 {
font-size:26px
}
.hotelGroupAboutSliderInner,.hotelGroupAboutWelcomeInner {
padding:0 10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:30px;
margin-bottom:20px
}
}
@media(max-width:500px) {
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
display:block
}
}
@media(max-width:479px) {
.hotelGroupRestaurantContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:30px 10px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupPropertyBlock {
margin:20px 10px
}
.hotelGroupAttractionBlock {
margin:20px 10px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:40px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
margin-bottom:0
}
.hotelGroupAttractionHome {
padding:40px 0
}
.hotelGroupAttractionHome h2 {
margin-bottom:30px
}
.hotelGroupTheme h2 {
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:24px;
top:-10px
}
.hotelGroupAttractionContent h3 {
font-size:24px
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
padding:20px
}
.hotelGroupPropertyLogo {
width:calc(50% - 20px);
margin:10px
}
.hotelGroupRewardContainer {
padding:60px 0;
background-attachment:initial;
background-position:50% 100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 20px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:250px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:24px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2,.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:26px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
padding:20px 0
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:10px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
padding:25px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelGroupPropertyBlockImg,.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:260px
}
.hotelGroupFooter .HGfooterTitle {
font-size:20px
}
.hotelGroupTheme p {
font-size:13px
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupBtnOuter {
margin-top:40px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
margin-bottom:30px
}
.hotelGroupGalleryContainer {
padding-bottom:50px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
padding:50px 20px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
font-size:60px;
top:-20px;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:220px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelSubGroupContentContainer {
padding:40px 0 20px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:26px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding-top:40px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-bottom:40px
}
.hotelGroupBanquetsContent {
padding:20px
}
.rewardsTopcontainerContent h3,.rewardsForm h3,.rewardsForm h3 {
font-size:28px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
.helloBarContainer p a {
margin-left:10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:24px
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
bottom:20px
}
.hotelGroupAboutSliderInner .carousel .item img {
min-height:180px
}
}
@media(max-width:359px) {
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
max-width:140px
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:260px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:24px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 20px;
left:20px
}
}
Deluxe Rooms
* img{
object-fit: cover;
}
:root {
--primary-color:#c6ab62;
--secondary-color:#b48744;
--btn-hover:#b48744;
--white:#fff;
--primary-text-color:#333;
--black:#000;
--placeholder:#757575;
--background-color:#0f0f0f
}
body.hotelGroupBody {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f;
overflow-x:hidden
}
.yummy .col-lg-1,.yummy .col-lg-2,.yummy .col-lg-3,.yummy .col-lg-4,.yummy .col-lg-5,.yummy .col-lg-6,.yummy .col-lg-7,.yummy .col-lg-8,.yummy .col-lg-9,.yummy .col-lg-10,.yummy .col-lg-11,.yummy .col-lg-12,.yummy .col-lg-15,.yummy .col-md-1,.yummy .col-md-2,.yummy .col-md-3,.yummy .col-md-4,.yummy .col-md-5,.yummy .col-md-6,.yummy .col-md-7,.yummy .col-md-8,.yummy .col-md-9,.yummy .col-md-10,.yummy .col-md-11,.yummy .col-md-12,.yummy .col-md-15,.yummy .col-sm-1,.yummy .col-sm-2,.yummy .col-sm-3,.yummy .col-sm-4,.yummy .col-sm-5,.yummy .col-sm-6,.yummy .col-sm-7,.yummy .col-sm-8,.yummy .col-sm-9,.yummy .col-sm-10,.yummy .col-sm-11,.yummy .col-sm-12,.yummy .col-sm-15,.yummy .col-xs-1,.yummy .col-xs-2,.yummy .col-xs-3,.yummy .col-xs-4,.yummy .col-xs-5,.yummy .col-xs-6,.yummy .col-xs-7,.yummy .col-xs-8,.yummy .col-xs-9,.yummy .col-xs-10,.yummy .col-xs-11,.yummy .col-xs-12,.yummy .col-xs-15 {
padding-right:15px;
padding-left:15px;
padding-bottom:0
}
.yummy p {
margin:0
}
#whatsapp-message {
position:fixed;
margin-bottom:1vh;
bottom:35px;
right:5px;
width:65px;
height:65px;
overflow:hidden;
visibility:visible;
z-index:2147483639;
background:0;
border:0;
transition:transform .2s ease-in-out;
backface-visibility:hidden;
opacity:1;
transform:translateY(0%)
}
.hotelGroupTheme,body .hotelGroupTheme {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTheme a,.hotelGroupTheme p a {
text-decoration:none;
color:var(--primary-color)
}
.hotelGroupTheme a:hover,.hotelGroupTheme a:focus,.hotelGroupTheme p a:hover,.hotelGroupTheme p a:focus {
text-decoration:none;
color:var(--secondary-color)
}
.hotelGroupTheme .btn.btn-primary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-primary:focus,.hotelGroupTheme .btn.btn-primary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelGroupTheme .btn.btn-secondary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:transparent;
color:var(--primary-color);
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-secondary:focus,.hotelGroupTheme .btn.btn-secondary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#FFF
}
.hotelGroupTheme .h1,.hotelGroupTheme .h2,.hotelGroupTheme .h3,.hotelGroupTheme .h4,.hotelGroupTheme .h5,.hotelGroupTheme .h6,.hotelGroupTheme h1,.hotelGroupTheme h2,.hotelGroupTheme h3,.hotelGroupTheme h4,.hotelGroupTheme h5,.hotelGroupTheme h6 {
font-family:Bellota;
font-weight:400
}
.header.fixed {
position:fixed;
top:0;
box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
-webkit-box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
left:0;
right:0;
margin:0 auto;
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
.hotelGroupTheme h2 {
margin:0 0 30px;
position:relative;
color:#30353e;
margin:0 0 30px;
font-size:48px;
line-height:1.2;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase
}
.hotelGroupTheme h2 span {
display:block;
font-size:16px;
font-weight:400;
margin:0 0 10px;
color:var(--secondary-color)
}
.hotelGroupTheme p {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTopbar {
padding:12px 0;
border-bottom:1px solid #efefef
}
.hotelGroupTopbar .inline-wrapper {
align-items:center
}
.hotelGroupTopbar p {
margin:0 10px 0;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
margin-left:0
}
.hotelGroupTopbar p .fa {
margin-right:10px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone .fa {
font-size:18px;
position:relative;
top:1px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
position:relative;
top:-1px
}
.hotelGroupTopbar p a {
color:#4f4f4f;
text-decoration:none;
transition:all .3s ease
}
.hotelGroupTopbar p a:focus,.hotelGroupTopbar p a:hover {
color:var(--secondary-color);
;
text-decoration:none
}
.hotelGroupTopbar p.hotelGroupTopbarSocial {
font-size:16px
}
.hotelGroupTopbar p.hotelGroupTopbarSocial .fa {
margin-right:0
}
.hotelGroupTopbar .gTranslate {
margin-left:10px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget {
position:relative;
font-size:0
}
.hotelGroupTheme #google_translate_element .goog-te-gadget:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
pointer-events:none;
color:#000;
font-size:18px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget a.goog-logo-link {
display:none
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
height:30px;
padding:0 30px 0 10px;
letter-spacing:.03em;
border-radius:0;
border:1px solid #d5d5d5;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
cursor:pointer;
font-size:12px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo:focus {
outline:0;
border-color:#a7a7a7
}
.hotelGroupNavbar {
position:relative;
z-index:100
}
.hotelGroupNavbar .navbar {
width:100%;
margin:0;
padding:10px 0;
display:flex;
align-items:center;
min-height:60px
}
.hotelGroupNavbar .navbar-header .navbar-brand {
height:auto
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:90px
}
.hotelGroupNavbar .navbar-collapse {
padding:0!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
width:inherit;
align-items:center;
padding-right:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:5px 0 0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
line-height:1;
color:#30353e;
text-transform:uppercase;
letter-spacing:.03em;
transition:all .3s ease;
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:active,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:focus,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:hover,.hotelGroupNavbar .navbar.navbar-plain ul.nav li.active a {
color:var(--secondary-color);
;
background-color:transparent
}
.hotelGroupNavbar .nav .open>a,.hotelGroupNavbar .nav .open>a:focus,.hotelGroupNavbar .nav .open>a:hover {
background:none;
border:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown a .caret:after {
top:-7px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown.open a .caret:after {
top:-3px
}
.hotelGroupNavbar .dropdown-menu {
border-radius:0;
background:#FFF
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li {
display:block
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
font-weight:400;
display:block;
padding:15px 20px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdownRight .dropdown-menu {
left:auto;
right:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-family:Bellota;
background:var(--primary-color);
border:1px solid var(--primary-color);
color:#fff;
box-shadow:none;
border-radius:0;
font-size:14px;
font-weight:700;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
transition:all .3s ease;
padding:12px 18px
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:focus,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:hover {
border-color:var(--secondary-color);
;
background:var(--secondary-color);
;
cursor:pointer;
color:#fff;
text-decoration:none;
box-shadow:none;
outline:0
}
.hotelGroupSlideshowContainer {
color:#FFF
}
.hotelGroupSlideshowContainer p,.hotelGroupSlideshowContainer a {
color:#FFF
}
.hotelGroupSlideshowContainer .carousel-inner>.item {
transition:none;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item img {
animation:bloomEffects 1s ease;
animation-fill-mode:forwards
}
@keyframes bloomEffects {
0% {
transform:scale(1)
}
100% {
transform:scale(1.1)
}
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:60px;
font-weight:700;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
font-size:18px;
font-weight:400;
line-height:1.4;
letter-spacing:.06em;
margin:0 auto 60px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
background:#000;
border-color:#000
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
font-family:Chakra Petch;
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
background-color:transparent;
color:#fff;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto;
height:50px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:active {
background-color:#FFF;
border-color:#FFF;
color:#000
}
.hotelGroupSlideshow {
max-height:600px;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupSlideshowContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
background:#000;
border:1px solid #000
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:auto;
right:0
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
left:auto;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li:hover,.hotelGroupSlideshowContainer .carousel-indicators li:focus,.hotelGroupSlideshowContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupSlideshowContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupSlideshowContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBookingContainer {
position:relative;
background:#1b1b1b;
color:#FFF;
padding:40px 0
}
.hotelSubGroupTheme.hotelGroupBookingContainer {
position:relative;
background:var(--secondary-color);
;
color:#FFF
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0 30px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupBookingContainer .boxnew {
width:100%;
text-align:center
}
.hotelGroupBookingContainer .boxnew p {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupBookingContainer .boxnew p label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p input {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupBookingContainer .boxnew p select {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
font-family:Bellota;
font-size:18px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:50px;
border-radius:0;
padding:10px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:var(--secondary-color);
!important;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn {
background-color:#000;
color:#fff;
border:1px solid #000
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupBookingContainer .boxnew p br {
display:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:25px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:25px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1) {
max-width:300px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(4) {
margin-top:28px
}
.hotelGroupTheme .bbres_fieldset,.hotelGroupTheme .HGCalender,.hotelGroupTheme .HGBEBtn {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select,.hotelGroupTheme .HGSelectOuter {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:300px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select:before,.hotelGroupTheme .HGSelectOuter:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:20px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupTheme .bbres_fieldset label,.hotelGroupTheme .bbres_select label,.hotelGroupTheme .form-control label,.hotelGroupTheme .HGSelectOuter label,.hotelGroupTheme .HGCalender label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset input,.hotelGroupTheme .HGCalender input,.hotelGroupTheme input.form-control {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme textarea.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:auto;
background:#fff;
width:100%;
padding:20px;
border-radius:0;
font-size:13px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger {
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
font-size:0;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px
}
.hotelGroupTheme .HGCalender:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupTheme .bbres_select select,.hotelGroupTheme .HGSelectOuter select,.hotelGroupTheme select.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupTheme input.form-control:focus,.hotelGroupTheme select.form-control:focus,.hotelGroupTheme select:focus,.hotelGroupTheme textarea.form-control:focus,.hotelGroupTheme textarea:focus {
border-color:#152161;
background:#fff;
outline:0
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn,.hotelGroupTheme .HGBEBtn #bb_resBtn {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
line-height:1.8;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:#000;
color:#fff;
border:1px solid #000;
height:50px;
border-radius:0;
padding:15px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn:active,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:focus,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:hover,.hotelGroupTheme .HGBEBtn #bb_resBtn:active,.hotelGroupTheme .HGBEBtn #bb_resBtn:focus,.hotelGroupTheme .HGBEBtn #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupWelcomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupWelcomeInner {
display:flex;
align-items:center
}
.hotelGroupWelcomeContent {
width:48%
}
.hotelGroupWelcomeImgOuter {
width:52%;
padding-left:100px
}
.hotelGroupPropertyContainer {
position:relative;
padding:1px 0;
display:flex;
justify-content:center
}
.hotelGroupPropertyInner {
position:relative;
display:flex;
min-height:600px;
flex-flow:row wrap;
max-width:1600px
}
.hotelGroupPropertyContainerAlter .hotelGroupPropertyInner {
flex-direction:row-reverse
}
.hotelGroupPropertyImage {
width:60%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.hotelGroupPropertyContent {
width:40%;
padding:60px;
display:flex;
flex-flow:column;
justify-content:center;
text-align:left
}
h3.hotelGroupPropertyContentTitle {
margin:0 0 30px;
font-size:42px;
line-height:1.2;
letter-spacing:2px;
color:#30353e
}
p.hotelGroupPropertyContentText {
color:inherit;
margin:0 0 50px;
font-size:17px;
line-height:1.8;
letter-spacing:.03em
}
.hotelGroupHomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupHomeContainer .hotelGroupHomeContent {
text-align:center
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:60px;
padding-top:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:16px;
line-height:2
}
.hotelGroupAmenityContainer {
position:relative;
background:var(--primary-color);
color:#FFF;
padding:80px 0 40px;
text-align:center
}
.hotelGroupAmenityContainer {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f06b6379b36d_bannerImg002.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupAmenityContainer h2,.hotelGroupAmenityContainer h3,.hotelGroupAmenityContainer h4,.hotelGroupAmenityContainer p {
color:#FFF
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px;
padding-top:30px
}
.hotelGroupAmenityContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#e6c6a1;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupAmenityBtnOuter {
margin:60px 0 0
}
.hotelGroupAmenityList {
display:flex;
flex-flow:row wrap;
align-items:flex-start;
justify-content:flex-start
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
position:relative;
display:flex;
text-align:left;
padding:40px;
align-items:flex-start;
width:33%;
justify-content:flex-start;
margin:0;
align-items:center
}
.hotelGroupAmenityItemImg {
min-width:60px;
min-height:60px;
background:rgb(0 0 0 / .2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
margin:0 10px 0 0
}
.hotelGroupAmenityItemImg img {
max-width:30px;
max-height:30px
}
.hotelGroupAmenityItemContent h3 {
margin:0 0 6px;
font-weight:600;
letter-spacing:1px;
font-size:20px;
line-height:1
}
.hotelGroupAmenityItemContent p {
margin:0;
font-size:14px;
letter-spacing:.03em
}
body .hotelGroupFooter {
background:#1b1b1b;
color:#c5c5c5
}
.hotelGroupFooter .HGfooterTitle {
color:#FFF;
font-family:Bellota;
font-size:24px;
letter-spacing:3px;
font-weight:700;
text-transform:uppercase;
margin:0 0 30px
}
.hotelGroupFooter ul.list-basic li a:not(.btn) {
color:#c5c5c5;
text-decoration:none
}
.hotelGroupFooter ul.list-basic li a:not(.btn):hover,.hotelGroupFooter ul.list-basic li a:not(.btn):focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic {
display:flex;
flex-flow:row wrap
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic li {
width:50%
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic {
display:flex;
flex-flow:column
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic li {
width:initial
}
body .hotelGroupFooterbtm {
background:#101010;
color:#c5c5c5;
padding:10px 0;
font-size:14px
}
body .hotelGroupFooterbtm .footerBtmInner {
display:flex;
justify-content:space-between;
align-items:center
}
body .hotelGroupFooterbtm p {
margin:0;
font-family:Chakra Petch
}
body .hotelGroupFooterbtm p a {
color:#c5c5c5;
text-decoration:none
}
body .hotelGroupFooterbtm p a:hover,body .hotelGroupFooterbtm p a:focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterContact ul.list-basic li {
position:relative;
padding-left:30px
}
body .hotelGroupFooter p,body .hotelGroupFooter ul li,body .hotelGroupFooter p a {
margin-bottom:10px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
color:#c5c5c5;
letter-spacing:.03em
}
body .hotelGroupFooter .HGfooterContact li .fa {
position:absolute;
left:0;
top:3px;
font-size:20px;
font-weight:400;
line-height:1
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial {
margin:10px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial li .fa {
position:relative;
top:initial
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-map-marker {
left:2px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-envelope-open-o {
font-size:14px;
left:1px;
top:4px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-mobile {
font-size:22px;
left:3px;
top:1px
}
.hotelGroupRoomContainer {
padding:80px 0
}
.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-end
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
position:relative;
z-index:1;
width:80%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:600px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
position:absolute;
right:10px;
bottom:70px;
width:50px;
z-index:2;
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #000;
background:#000;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators {
background:none;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
position:absolute;
width:600px;
background:#FFF;
padding:30px;
left:0;
top:50%;
display:block;
z-index:2;
transform:translateY(-50%);
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:48px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupRoomContainer .hotelGroupRoomContentText {
margin:0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities {
margin:20px 0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic {
display:flex;
flex-flow:row wrap
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic li {
width:50%;
display:flex;
align-items:center;
margin:0 0 15px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesImg img {
max-height:24px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesTxt p {
margin:0 0 0 10px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice {
margin:0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice strong {
font-size:22px;
font-weight:700;
margin:0;
letter-spacing:-.02em
}
.hotelGroupRoomContainer .hotelGroupRoomPrice span {
border-bottom:1px dashed;
cursor:help;
margin:0 0 0 5px
}
.hotelGroupRoomContainerAlter .hotelGroupRoomInner {
justify-content:flex-start
}
.hotelGroupRoomContainerAlter .hotelGroupRoomContent {
left:auto;
right:0
}
.hotelGroupRoomContainerAlter .hotelGroupRoomImage .carouselNavOuter {
right:auto;
left:10px
}
.hotelGroupTheme .mapWrapper iframe {
margin:0;
padding:0;
outline:0;
border:0;
display:inline-block;
vertical-align:top
}
.hotelGroupGalleryContainer {
padding:0 0 80px;
text-align:center
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:80px
}
.hotelGroupBody .modal-dialog {
margin:15px auto 0;
max-width:900px!important
}
.hotelGroupBody .modal-header {
padding:0;
border-bottom:0 solid #e5e5e5;
background:0
}
.hotelGroupBody .modal-title {
display:none
}
.hotelGroupBody .modal button.close {
z-index:110;
right:10px;
top:10px;
outline:0
}
.hotelGroupBody .modal button.close:focus,.hotelGroupBody .modal button.close:hover {
outline:0
}
.hotelGroupBody .ekko-lightbox-nav-overlay .glyphicon {
height:100%;
display:flex;
align-items:center;
text-align:right
}
.hotelGroupBody .glyphicon.glyphicon-chevron-left {
justify-content:flex-start
}
.hotelGroupBody .glyphicon.glyphicon-chevron-right {
justify-content:flex-end
}
.hotelGroupBody .ekko-lightbox-nav-overlay a:focus,.hotelGroupBody .ekko-lightbox-nav-overlay a:hover {
text-decoration:none
}
.hotelGroupBody .modal-dialog img {
width:100%
}
.hotelGroupBody .modal-dialog .ekko-lightbox-container {
max-height:550px;
overflow:hidden
}
.hotelGroupHeadBlock {
padding:60px 0;
text-align:center
}
.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
margin:0
}
.hotelGroupPageTitle {
padding:100px 0;
color:#FFF;
background-color:rgba(0,0,0,0);
background-position:50% 60%
}
.hotelGroupPageTitle h2 {
color:#FFF;
text-align:center;
margin:0
}
.hotelGroupPageTitle h2 span {
color:#FFF;
font-family:Chakra Petch;
margin:10px 0 0
}
.hotelGroupContactContainer {
padding:80px 0
}
.hotelGroupContactContainer .form-group,.hotelGroupContactContainer .input-group {
margin:0 0 20px
}
.hotelGroupContactContainer h3 {
font-size:28px;
font-weight:700;
letter-spacing:1px;
margin:0 0 20px;
color:#30353e
}
.hotelGroupContactContainer h3.hotelGroupContactHeading {
margin:0 0 10px
}
.hotelGroupContactContainer p.hotelGroupContactDesc {
margin:0 0 40px
}
.hotelGroupContactDetails ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactDetails p,.hotelGroupContactDetails ul li,.hotelGroupContactDetails p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactDetails li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactDetails ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
.hotelGroupContactDetails li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactDetails li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactDetails li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn) {
color:#4f4f4f
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding-left:30px
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial .HGfooterSocial li .fa {
position:relative;
top:initial
}
.hotelGroupContactlistContainer {
background:#f8f8f8;
padding:80px 0
}
.hotelGroupContactlistContainer .hotelGroupContactblock {
position:relative;
padding:30px;
background:#FFF;
box-shadow:0 7px 12px -4px rgba(0,0,0,.1);
margin:0 5px
}
.hotelGroupContactlistContainer .hotelGroupContactblock a {
white-space:normal;
word-break:break-all
}
.hotelGroupContactlistContainer .hotelGroupContactblock h4 {
margin:0 0 30px;
font-size:22px;
font-weight:700
}
.hotelGroupContactlistContainer ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactlistContainer p,.hotelGroupContactlistContainer ul li,.hotelGroupContactlistContainer p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactlistContainer li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactlistContainer ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 10px 0 0
}
.hotelGroupContactlistContainer li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactlistContainer li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactlistContainer li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding:0;
margin:0 15px 0 0
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li .fa {
position:relative
}
.hotelGroupAboutSliderContainer {
padding:80px 0
}
.hotelGroupAboutWelcomeContainer {
padding:0 0 80px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption h3 {
font-size:54px;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption p {
font-size:16px;
font-weight:400;
line-height:1.8;
letter-spacing:.05em;
margin:0 auto 60px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn {
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:active {
background:#FFF;
color:#000
}
.hotelGroupAboutSliderContainer .carousel-inner .item [data-component=image]:before {
content:"";
top:0;
left:0;
right:0;
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.54);
z-index:1;
display:none
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
background:#000;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupAboutSliderContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li:hover,.hotelGroupAboutSliderContainer .carousel-indicators li:focus,.hotelGroupAboutSliderContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupAboutSliderContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupAboutSliderContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a:hover,.hotelGroupBody .ui-datepicker.ui-widget-content td a:focus,.hotelGroupBody .ui-datepicker.ui-widget-content td a:active {
text-decoration:none
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a.ui-state-active {
background:var(--secondary-color);
;
color:#fff;
text-decoration:none
}
.hotelGroupthankyouPage {
padding:80px 0;
text-align:center
}
.hotelSubGroupContentContainer {
padding:80px 0;
text-align:center
}
.hotelGroupContentContainer {
padding:80px 0 0;
text-align:center
}
.hotelSubGroupContentContainer .hotelGroupRoomContent {
padding:50px
}
.hotelSubGroupContentContainer h2,.hotelGroupContentContainer h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:80px 0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerLast {
padding-bottom:100px
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:absolute;
right:30px;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:10px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn {
font-size:16px;
height:auto;
font-family:Bellota;
line-height:1;
padding:15px 20px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn:nth-of-type(2) {
margin-left:5px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoomAmenitiesTxt {
display:none
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:0 20px 0 0;
width:initial
}
.hotelSubGroupTheme .hotelGroupRoomAmenities {
margin:30px 0 20px
}
.hotelSubGroupTheme .hotelGroupRoomImage {
box-shadow:0 50px 40px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px;
letter-spacing:2px;
padding:30px 0 0;
text-transform:none;
color:#30353e
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
opacity:.8
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:18px;
line-height:2
}
.hotelSubGroupTheme .hotelGroupWelcomeImg {
box-shadow:0 30px 30px -20px rgba(0,0,0,.2);
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover {
box-shadow:0 30px 30px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg img {
transition:all .4s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1.03)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
padding:30px 0 0;
margin:0 0 30px;
color:#30353e
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px;
text-transform:none;
margin-bottom:60px;
padding:30px 0 0
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
margin:0;
padding:1px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper.margin-bottom-10px {
margin-bottom:0;
overflow:hidden;
position:relative
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper img {
transition:all .6s ease
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper:hover img {
transform:scale(1.1)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:before {
content:"";
background:rgba(0,0,0,.6);
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all .3s ease;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:hover:before {
top:0;
opacity:0;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a {
position:relative;
display:block
}
.hotelGroupBtnOuter {
margin:60px auto 0;
text-align:center
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
display:flex
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:50%;
padding:20px 20px 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage {
position:relative;
z-index:1;
width:initial
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent {
position:relative;
top:0;
transform:translateY(0%);
width:initial;
text-align:left
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:0;
transition:all .6s ease;
margin:40px 0 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 14px rgb(255 255 255 / .3)
}
.hotelGroupTestimonialHome {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f7c5d480856d_spa.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupTestimonialHome .overly,.hotelGroupAmenityContainer .overly {
background:rgba(0,0,0,.6)
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter {
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:80%;
margin:0 auto
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-family:Bellota;
font-weight:400;
font-size:18px;
color:#FFF;
line-height:2;
letter-spacing:1px;
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
content:'\f10d';
font-family:fontAwesome;
font-size:72px;
margin:0;
opacity:.3;
position:absolute;
left:-50px;
top:-30px;
line-height:1
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
position:relative;
margin:0 auto;
left:0;
right:0;
top:0;
width:100%;
padding:50px
}
.hotelGroupTestimonialHome .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF;
display:none
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:hover,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:focus,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupTestimonialHome .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupTestimonialHome .carousel-indicators {
background:none;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li:hover,.hotelGroupTestimonialHome .carousel-indicators li:focus,.hotelGroupTestimonialHome .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupTestimonialHome .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupTestimonialHome .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupTestimonialHome .nav-indicators-in .carousel-indicators-wrapper {
right:0;
left:0;
bottom:-30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption h3 {
letter-spacing:1px
}
.hotelGroupTestimonialHome h2 {
color:#FFF;
text-align:center
}
.hotelGroupTestimonialHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#FFF;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-40px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionHome {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupAttractionHomeInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupAttractionBlock {
position:relative;
width:calc(33.33% - 40px);
margin:0 20px;
overflow:hidden
}
.hotelGroupAttractionImg {
position:relative;
z-index:1
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:400px;
transition:all .6s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:absolute;
bottom:-90px;
left:0;
background:rgba(0,0,0,.6);
display:block;
color:#FFF;
z-index:2;
padding:20px;
transition:all .3s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionContent {
bottom:0
}
.hotelGroupAttractionContent p {
color:#FFF
}
.hotelGroupAttractionHome h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupAttractionHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionContent h3 {
margin:0 0 15px;
letter-spacing:1px;
font-size:26px;
color:#fff
}
.hotelGroupAttractionContent p {
color:#FFF;
font-size:14px;
letter-spacing:.03em;
margin:0
}
.hotelGroupPropertyContainer {
padding:80px 0 80px
}
.hotelGroupPropertyPage.hotelGroupPropertyContainer {
padding:0 0 80px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupPropertyContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupPropertyContainerInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyBlock {
width:33%;
margin:0 20px;
position:relative;
overflow:hidden
}
.hotelGroupPropertyBlock:after {
content:"";
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
transition:all .3s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover:after {
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:450px;
transition:all .8s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1.1)
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
text-align:center;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:11;
background:rgba(0,0,0,.5);
opacity:1;
transition:all .3s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:0
}
.hotelGroupPropertyBlock a {
color:var(--secondary-color)
}
.hotelGroupPropertyBlock h3 {
letter-spacing:1px;
font-size:24px;
font-weight:400;
margin:0;
color:#FFF
}
.hotelGroupPropertyBlock p {
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#909090
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
font-size:13px;
text-transform:none;
letter-spacing:.03em;
margin:20px 0 0
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockLabel {
margin:0 0 10px;
font-size:12px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
display:flex;
flex-flow:column;
align-items:flex-start;
border:1px solid;
padding:30px;
position:absolute;
left:0;
top:-100%;
z-index:11;
width:100%;
height:100%;
max-height:450px;
transition:all .6s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockContent {
top:0;
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:absolute;
bottom:-100%;
left:30px;
z-index:11;
transition:all .6s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:30px
}
.hotelGroupPropertyLogoContainer {
padding:20px 0
}
.hotelGroupPropertyLogoInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyLogo {
margin:20px
}
.hotelGroupPropertyLogo img {
max-height:80px;
transition:all .6s ease;
opacity:.6
}
.hotelGroupPropertyLogo:hover img {
opacity:1
}
.hotelGroupRewardContainer {
padding:100px 0;
background-image:url(images/uploads/1/5f7ef5d09cd88_gift.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment:fixed
}
.hotelGroupRewardContainer:before {
content:"";
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
position:absolute;
left:0;
right:0;
top:0;
pointer-events:none;
width:100%;
height:100%
}
.hotelGroupRewardContainer h2 {
color:#FFF;
margin:0 0 10px;
text-transform:none
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupRewardContainer p {
color:#FFF;
margin:0;
letter-spacing:.06em;
font-size:14px
}
.hotelGroupRewardContainer .btn-secondary {
letter-spacing:2px
}
.hotelGroupContentsContainer {
padding:60px 0
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
position:relative;
padding:80px 0;
text-align:center;
background:inherit
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer:before {
content:"";
display:none
}
.hotelGroupAmenityPage .hotelGroupAmenityItemContent h3,.hotelGroupAmenityPage .hotelGroupAmenityItemContent p {
color:#30353e
}
.hotelGroupAmenityPage .hotelGroupAmenityItemImg {
background:none;
border:0;
align-items:flex-start;
padding:0;
min-height:initial;
min-width:initial
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:80px 0 0
}
.hotelGroupAttractionPage.hotelGroupAttractionHome {
background:inherit;
padding-top:40px
}
.hotelGroupTheme .tooltip {
white-space:nowrap
}
.hotelGroupTheme .tooltip .tooltip-inner {
background-color:#000;
font-size:10px;
letter-spacing:.05em
}
.hotelGroupTheme .tooltip.top .tooltip-arrow {
bottom:1px;
border-top-color:#000
}
.hotelGroupTheme .tooltip.top-left .tooltip-arrow,.hotelGroupTheme .tooltip.top-right .tooltip-arrow,.hotelGroupTheme .tooltip.top .tooltip-arrow {
border-top-color:#000
}
.hotelSubGroupNavbar {
background:#1b1b1b
}
.hotelSubGroupNavbar .navbar-nav>li>a {
padding:15px;
color:#FFF;
line-height:1;
font-size:13px;
letter-spacing:.05em;
transition:all .3s ease
}
.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:var(--secondary-color);
;
color:#FFF
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:1px solid #424242
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a {
font-weight:700
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active {
background:#1b1b1b
}
.hotelGroupRestaurantContainer {
padding:80px 0
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:36px;
text-transform:none
}
.hotelSubGroupRestaurantPage {
padding:80px 0 0;
text-align:center
}
.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupRestaurantPage p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelGroupRestaurantBlock {
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:row-reverse
}
.hotelGroupRestaurantImg {
width:50%;
overflow:hidden
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
max-height:400px;
min-height:400px;
width:100%;
transition:all .3s ease
}
.hotelGroupRestaurantBlock:hover .hotelGroupRestaurantImg img {
transform:scale(1.1)
}
.hotelGroupRestaurantContent {
width:50%;
padding:40px;
border:1px solid #dedede;
min-height:400px;
max-height:400px;
display:flex;
flex-flow:column;
justify-content:center
}
.hotelGroupRestaurantContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.hotelGroupRestaurantContent p {
margin-bottom:30px
}
.hotelGroupBanquetsContainer {
padding:80px 0
}
.hotelGroupBanquetsInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupBanquetsBlock {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:calc(50% - 40px);
margin:0 20px 60px;
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease;
overflow:hidden
}
.hotelGroupBanquetsBlock:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelGroupBanquetsImg {
position:relative;
z-index:1;
max-height:350px;
overflow:hidden
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 24px rgb(255 255 255 / .3)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
min-height:350px;
max-height:350px;
transition:all .6s ease
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1.1)
}
.hotelGroupBanquetsContent {
background:#FFF;
transition:all .3s ease;
padding:30px
}
.hotelGroupBanquetsContent h3 {
font-size:32px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupBanquetsContent p {
margin:0
}
.hotelGroupNavbar .navbar-header #subNavicon {
display:none
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:none
}
.hotelGroupCovidpage {
padding:80px 0
}
.hotelGroupCovidpage h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupCovidpage p {
margin-bottom:20px
}
.hotelGroupTheme .nomargintop {
margin-top:0!important
}
.helloBarContainer {
background:var(--primary-color);
color:#FFF;
text-align:center;
padding:15px 0
}
.helloBarContainer p {
margin:0;
line-height:1;
font-size:14px;
color:#FFF
}
.helloBarContainer p .fa {
margin:0 10px 0 0
}
.helloBarContainer p a {
color:#FFF;
text-transform:uppercase;
font-weight:600;
margin:0 0 0 20px;
text-decoration:none;
border-bottom:1px solid #FFF
}
.helloBarContainer p a:hover,.helloBarContainer p a:focus {
color:#FFF;
text-decoration:none;
border-bottom-color:rgba(255,255,255,.5)
}
.helloBarContainer a.helloBarClose {
cursor:pointer;
color:rgba(255,255,255,.5);
font-size:24px;
font-weight:300;
line-height:1;
margin:0 0 0 20px;
transition:all .2s ease-out
}
.helloBarContainer a.helloBarClose:hover,.helloBarContainer a.helloBarClose:focus {
text-decoration:none;
color:rgba(255,255,255,1)
}
.helloBarInner {
position:relative;
z-index:11;
display:flex;
justify-content:center;
align-items:center
}
.rewardsTopcontainer {
padding:80px 0
}
.rewardsTopcontainerInner {
display:flex;
flex-flow:row-reverse
}
.rewardsTopcontainerImage {
width:55%;
padding-left:50px
}
.rewardsTopcontainerContent {
width:45%
}
.rewardsTopcontainerContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.rewardsOffers {
background:var(--primary-color);
color:#FFF;
padding:80px 0
}
.rewardsForm {
max-width:500px;
margin:0 auto
}
.rewardsForm h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px;
text-align:center
}
.hotelGroupAmenityContainer.rewardsOffers:before {
background-image:url(images/uploads/1/5f92a8c42060e_gift4.jpg)
}
.hotelGroupTheme.privacyPage {
padding:80px 0
}
.hotelGroupTheme.privacyPage h2 {
font-size:32px;
font-weight:700;
color:#30353e;
text-transform:none;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupTheme.privacyPage p {
}
.hotelGroupTheme.privacyPage p strong {
font-size:18px;
margin-top:20px;
margin-bottom:5px;
display:inline-block
}
.hotelGroupTheme ul.privacyList {
margin:30px 0
}
.hotelGroupTheme ul.privacyList li {
margin-bottom:10px
}
.hotelGroupTheme ul.privacyList li:last-of-type {
margin-bottom:0
}
.hotelSubGroupAboutSliderContainer {
padding:40px 0 80px
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display:none
}
.grecaptcha-badge {
display:none!important
}
.boxnew button.btn.crssearchbtn:hover {
background:#45b5c6!important
}
.hotelgroup-subnavbar {
position:sticky;
z-index:99;
top:0
}
.group-row {
display:flex;
align-items:center
}
div#gallery2 img {
min-height:230px;
max-height:230px;
min-width:387px;
height:100%;
width:100%
}
.ekko-lightbox-container img {
min-width: 1000px;
min-height: 600px;
max-height: 600px;
height:100%;
width:100%
}
.modal-dialog{
max-width: 1000px !important;
}
@media(min-width:1601px) {
.hotelGroupSlideshowContainer .carousel .item img {
width:100%
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
}
@media(max-width:1199px) {
.hotelGroupNavbar .navbar-header .navbar-brand a {
max-width:200px
}
.hotelGroupNavbar .container {
padding:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
padding:0;
margin:0;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar .navbar-buttons {
margin:0 0 0 15px!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-size:12px;
padding:10px;
margin:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-centered .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left-right .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons {
min-height:initial;
min-width:initial
}
.hotelGroupNavbar .navbar {
padding:0;
border:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar-header {
float:none;
width:100%;
padding:0;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
border-bottom:1px solid #efefef
}
.hotelGroupNavbar .navbar-header .navbar-brand {
min-height:initial;
height:initial;
max-width:initial;
padding:0;
margin:0 10px 0 0;
width:calc(100% - 80px)
}
.hotelGroupNavbar .navbar-header .navbar-toggle {
width:50px;
float:none;
margin:0;
padding:0;
font-size:24px;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar-header .navbar-toggle.collapsed .fa-bars:before {
content:"\F0C9"
}
.hotelGroupNavbar .navbar-header .navbar-toggle .fa-bars:before {
content:"\F00D"
}
.hotelGroupNavbar .navbar-header #subNavicon {
width:50px;
float:none;
margin:0;
padding:0;
color:#4f4f4f;
font-size:24px;
text-align:center;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
display:none!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse.in {
display:block!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:20px 10px;
margin:0;
box-shadow:none;
min-width:100%;
width:100%;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li {
display:block;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.open {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav .dropdown.open>a {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
padding:10px 30px;
text-transform:none
}
.hotelSubGroupNavbar {
background:#FFF
}
.hotelSubGroupNavbar #subGroupNavigation {
padding:0;
margin:0 -15px
}
.hotelSubGroupNavbar #subGroupNavigation.collapse {
display:none!important
}
.hotelSubGroupNavbar #subGroupNavigation.collapse.in {
display:block!important
}
.hotelSubGroupNavbar #subGroupNavigation .navbar-nav {
float:none;
padding:20px
}
.hotelSubGroupNavbar .navbar-nav>li {
display:block;
float:none
}
.hotelSubGroupNavbar .navbar-nav>li>a {
font-family:Chakra Petch;
color:#30353e;
font-size:14px;
font-weight:600;
padding:10px 0
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:60px
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:0
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active,.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:#FFF;
color:var(--secondary-color)
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:block;
margin:0 20px 20px 20px
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow.navbar-buttons>* {
display:block
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow .btn {
font-size:15px;
line-height:1;
padding:15px 20px
}
.hotelGroupWelcomeContent {
width:50%
}
.hotelGroupWelcomeImgOuter {
width:50%;
padding-left:50px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:16px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
position:relative;
font-size:40px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
flex-direction:column;
justify-content:center
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
margin:0 auto;
width:90%
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2)
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:90%;
margin:0 auto;
position:relative;
top:0;
transform:translateY(0%)
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:36px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:400px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding:40px 0 60px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:60px 0 0
}
.hotelGroupContactContainer {
padding:60px 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:50%;
padding-bottom:0;
margin:20px 0
}
.hotelGroupContactlistContainer {
padding:60px 0
}
.hotelGroupFormContainer {
max-width:100%
}
.hotelGroupRestaurantContent {
max-height:initial
}
.hotelGroupRestaurantBlock {
align-items:stretch
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:100%;
max-height:initial
}
.hotelGroupCovidpage {
padding:40px 0
}
}
@media(max-width:991px) {
.group-row {
display:flex
}
body.hotelGroupBody #page {
overflow-x:hidden
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
display:none
}
.hotelGroupTopbar .hotelGroupTopbarLeft .inline-wrapper {
justify-content:flex-start
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper {
justify-content:flex-end
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper>[data-component=image] {
display:none
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:36px
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
display:none
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
display:none
}
.hotelGroupBookingContainer #bb_resBookingBox {
flex-direction:column
}
.hotelGroupBookingContainer .boxnew p {
max-width:300px;
margin:15px 0
}
.hotelGroupTheme h2 {
font-size:42px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:60px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span {
position:relative;
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:30px
}
.hotelGroupPropertyContainerInner {
flex-flow:row wrap
}
.hotelGroupPropertyBlock {
width:calc(50% - 40px);
margin-bottom:30px
}
.hotelGroupAttractionBlock {
width:calc(50% - 40px)
}
.hotelGroupAttractionHome {
padding:60px 0
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:column;
margin:40px 20px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupRestaurantImg {
width:initial
}
.hotelGroupRestaurantContent {
width:initial;
min-height:initial;
max-height:initial;
padding:30px
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:initial;
max-height:initial
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:36px;
top:-10px
}
.hotelGroupWelcomeContainer {
padding:60px 0
}
.hotelGroupWelcomeInner {
flex-direction:column
}
.hotelGroupWelcomeContent {
width:initial;
text-align:center
}
.hotelGroupWelcomeImgOuter {
width:initial;
padding-left:0;
margin:40px auto 0;
max-width:600px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
flex-direction:column
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
width:initial
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
flex-direction:column;
text-align:center
}
.hotelGroupAmenityItemImg {
margin:0 auto 30px
}
.hotelGroupGalleryContainer {
padding-bottom:60px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:60px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:flex;
flex-flow:row wrap;
justify-content:center
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:33.33%
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:100%
}
.hotelGroupTestimonialHome h2 span {
font-size:30px;
top:-30px
}
body .hotelGroupFooter .col-sm-4 {
width:100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 30px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
display:none
}
.hotelGroupHeadBlock {
padding-bottom:30px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:42px
}
.hotelGroupBookingContainer .boxnew p input {
height:40px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
bottom:6px
}
.hotelGroupBookingContainer .boxnew p select {
height:40px
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
height:44px
}
.hotelGroupPageTitle {
padding:80px 0
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2 {
font-size:32px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:350px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:auto;
margin:40px 0 0
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
width:100%;
left:0;
right:0;
bottom:auto;
top:45%;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:auto;
right:auto;
left:5px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.right.carousel-control {
left:auto;
right:5px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:100%
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
width:100%
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
display:none
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:30px 0
}
.hotelSubGroupContentContainer {
padding:60px 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
margin:0 10px
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p,.hotelGroupTheme p {
font-size:15px
}
.hotelGroupContactDetails li .fa.fa-map-marker {
top:0
}
.hotelGroupContactDetails {
margin:60px 0 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:100%;
margin:30px 0
}
.hotelGroupContactlistContainer {
padding:40px 0
}
.hotelGroupContentContainer {
padding-top:60px
}
.hotelGroupContentContainer h2 {
font-size:36px
}
.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupRestaurantBlock {
align-items:initial
}
.hotelGroupBanquetsBlock {
width:100%;
margin:0 10px 60px
}
.hotelGroupBanquetsBlock:last-of-type {
margin-bottom:0
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
max-height:initial;
min-height:initial
}
.rewardsTopcontainer {
padding:60px 0
}
.rewardsTopcontainerInner {
flex-direction:column
}
.rewardsTopcontainerImage {
width:initial;
padding-left:0;
margin:0 auto 30px
}
.rewardsTopcontainerContent {
width:initial
}
.hotelGroupTheme.privacyPage {
padding:40px 0
}
.hotelGroupAboutSliderContainer {
padding:50px 0
}
.hotelGroupAboutWelcomeContainer {
padding-bottom:50px
}
}
@media(max-width:767px) {
.ekko-lightbox-container img {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
div#gallery2 img {
min-height:100%;
max-height:100%;
min-width:100%
}
.hotelGroupNavbar .navbar-two {
padding:10px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:block
}
#whatsapp-message {
bottom:90px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupSlideshowContainer .carouselNavOuter {
width:100%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
left:10px;
right:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
top:auto;
bottom:10px;
left:auto;
right:10px
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:relative;
bottom:auto;
background:#FFF;
color:#4f4f4f;
min-height:200px
}
.hotelGroupAttractionContent h3 {
font-size:24px;
font-weight:600
}
.hotelGroupAttractionContent p {
color:#4f4f4f
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:initial
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column;
justify-content:center;
text-align:center
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1)
}
.hotelGroupAmenityItemContent h3 {
margin-bottom:15px
}
.hotelGroupContactContainer {
padding:40px 0
}
.hotelGroupPageTitle h2 span {
line-height:1.6
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1)
}
.CovidpageInner {
padding:0 10px
}
.hotelGroupCovidpage h3 {
font-size:28px
}
.rewardsTopcontainer {
padding:40px 0
}
.rewardsTopcontainerInner {
padding:0 10px
}
.hotelGroupTheme ul.privacyList {
padding:0 0 0 20px
}
.privacyPageInner {
padding:0 10px
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
display:none
}
}
@media(max-width:640px) {
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
display:none
}
.hotelGroupRewardContainer {
padding:80px 0
}
.hotelGroupRestaurantContainer {
padding:60px 0
}
.hotelGroupPropertyBlock {
width:100%;
border:1px solid #e0e0e0
}
.hotelGroupPropertyBlockImg {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
position:relative;
top:0;
max-height:450px;
opacity:1;
border-color:#e0e0e0
}
.hotelGroupPropertyBlock h3 {
color:#30353e;
font-weight:600
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
margin-top:15px;
font-size:14px;
font-weight:400
}
.hotelGroupAttractionBlock {
width:100%;
box-shadow:0 3px 6px -1px rgba(0,0,0,.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
min-height:initial;
padding:30px
}
.hotelGroupAttractionImg {
max-height:350px;
overflow:hidden
}
.hotelGroupAttractionContent h3 {
color:#fff;
font-size:30px
}
.hotelGroupRewardInner {
padding:0 10px
}
.hotelGroupPropertyLogoInner {
flex-flow:row wrap
}
.hotelGroupPropertyLogo {
width:calc(50% - 40px)
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:initial
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:50px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
max-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:relative;
bottom:0;
left:25px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:25px;
border:0
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 30px
}
.hotelGroupTheme .btn.btn-primary {
padding:14px 18px;
font-size:15px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
background:rgba(0,0,0,.3)
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:1
}
.hotelGroupPropertyBlock:hover:after {
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1)
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:300px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:30px;
margin-bottom:15px
}
.hotelGroupPageTitle {
padding:60px 0
}
.hotelGroupPageTitle h2 {
font-size:32px
}
.hotelGroupPageTitle h2 span {
font-size:14px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelSubGroupRestaurantPage h2 {
font-size:30px;
letter-spacing:.03em
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-top:0
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:60px 0 0
}
.hotelGroupCovidpage h3 {
margin-top:30px
}
.hotelGroupAmenityItemContent {
margin:0 auto
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:100%
}
.rewardsOffers.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
}
@media(max-width:580px) {
.hotelGroupSlideshowContainer .carousel .item img {
min-height:300px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:30px;
letter-spacing:2px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control,.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
bottom:-20px
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:70px
}
.hotelGroupTheme h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:15px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:30px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
margin:0
}
.hotelGroupTopbar p.hotelGroupTopbarPhone a {
margin-bottom:0
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-size:16px
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
display:block
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupPageTitle {
padding:40px 0
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:40px 10px 0
}
.hotelGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:20px 0 60px
}
.hotelGroupBanquetsContent h3 {
font-size:26px
}
.hotelGroupCovidpage h3 {
font-size:26px;
margin-bottom:15px
}
.hotelGroupTheme.privacyPage h2 {
font-size:26px
}
.hotelGroupAboutSliderInner,.hotelGroupAboutWelcomeInner {
padding:0 10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:30px;
margin-bottom:20px
}
}
@media(max-width:500px) {
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
display:block
}
}
@media(max-width:479px) {
.hotelGroupRestaurantContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:30px 10px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupPropertyBlock {
margin:20px 10px
}
.hotelGroupAttractionBlock {
margin:20px 10px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:40px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
margin-bottom:0
}
.hotelGroupAttractionHome {
padding:40px 0
}
.hotelGroupAttractionHome h2 {
margin-bottom:30px
}
.hotelGroupTheme h2 {
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:24px;
top:-10px
}
.hotelGroupAttractionContent h3 {
font-size:24px
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
padding:20px
}
.hotelGroupPropertyLogo {
width:calc(50% - 20px);
margin:10px
}
.hotelGroupRewardContainer {
padding:60px 0;
background-attachment:initial;
background-position:50% 100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 20px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:250px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:24px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2,.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:26px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
padding:20px 0
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:10px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
padding:25px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelGroupPropertyBlockImg,.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:260px
}
.hotelGroupFooter .HGfooterTitle {
font-size:20px
}
.hotelGroupTheme p {
font-size:13px
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupBtnOuter {
margin-top:40px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
margin-bottom:30px
}
.hotelGroupGalleryContainer {
padding-bottom:50px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
padding:50px 20px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
font-size:60px;
top:-20px;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:220px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelSubGroupContentContainer {
padding:40px 0 20px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:26px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding-top:40px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-bottom:40px
}
.hotelGroupBanquetsContent {
padding:20px
}
.rewardsTopcontainerContent h3,.rewardsForm h3,.rewardsForm h3 {
font-size:28px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
.helloBarContainer p a {
margin-left:10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:24px
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
bottom:20px
}
.hotelGroupAboutSliderInner .carousel .item img {
min-height:180px
}
}
@media(max-width:359px) {
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
max-width:140px
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:260px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:24px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 20px;
left:20px
}
}
* img{
object-fit: cover;
}
:root {
--primary-color:#c6ab62;
--secondary-color:#b48744;
--btn-hover:#b48744;
--white:#fff;
--primary-text-color:#333;
--black:#000;
--placeholder:#757575;
--background-color:#0f0f0f
}
body.hotelGroupBody {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f;
overflow-x:hidden
}
.yummy .col-lg-1,.yummy .col-lg-2,.yummy .col-lg-3,.yummy .col-lg-4,.yummy .col-lg-5,.yummy .col-lg-6,.yummy .col-lg-7,.yummy .col-lg-8,.yummy .col-lg-9,.yummy .col-lg-10,.yummy .col-lg-11,.yummy .col-lg-12,.yummy .col-lg-15,.yummy .col-md-1,.yummy .col-md-2,.yummy .col-md-3,.yummy .col-md-4,.yummy .col-md-5,.yummy .col-md-6,.yummy .col-md-7,.yummy .col-md-8,.yummy .col-md-9,.yummy .col-md-10,.yummy .col-md-11,.yummy .col-md-12,.yummy .col-md-15,.yummy .col-sm-1,.yummy .col-sm-2,.yummy .col-sm-3,.yummy .col-sm-4,.yummy .col-sm-5,.yummy .col-sm-6,.yummy .col-sm-7,.yummy .col-sm-8,.yummy .col-sm-9,.yummy .col-sm-10,.yummy .col-sm-11,.yummy .col-sm-12,.yummy .col-sm-15,.yummy .col-xs-1,.yummy .col-xs-2,.yummy .col-xs-3,.yummy .col-xs-4,.yummy .col-xs-5,.yummy .col-xs-6,.yummy .col-xs-7,.yummy .col-xs-8,.yummy .col-xs-9,.yummy .col-xs-10,.yummy .col-xs-11,.yummy .col-xs-12,.yummy .col-xs-15 {
padding-right:15px;
padding-left:15px;
padding-bottom:0
}
.yummy p {
margin:0
}
#whatsapp-message {
position:fixed;
margin-bottom:1vh;
bottom:35px;
right:5px;
width:65px;
height:65px;
overflow:hidden;
visibility:visible;
z-index:2147483639;
background:0;
border:0;
transition:transform .2s ease-in-out;
backface-visibility:hidden;
opacity:1;
transform:translateY(0%)
}
.hotelGroupTheme,body .hotelGroupTheme {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTheme a,.hotelGroupTheme p a {
text-decoration:none;
color:var(--primary-color)
}
.hotelGroupTheme a:hover,.hotelGroupTheme a:focus,.hotelGroupTheme p a:hover,.hotelGroupTheme p a:focus {
text-decoration:none;
color:var(--secondary-color)
}
.hotelGroupTheme .btn.btn-primary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-primary:focus,.hotelGroupTheme .btn.btn-primary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelGroupTheme .btn.btn-secondary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:transparent;
color:var(--primary-color);
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-secondary:focus,.hotelGroupTheme .btn.btn-secondary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#FFF
}
.hotelGroupTheme .h1,.hotelGroupTheme .h2,.hotelGroupTheme .h3,.hotelGroupTheme .h4,.hotelGroupTheme .h5,.hotelGroupTheme .h6,.hotelGroupTheme h1,.hotelGroupTheme h2,.hotelGroupTheme h3,.hotelGroupTheme h4,.hotelGroupTheme h5,.hotelGroupTheme h6 {
font-family:Bellota;
font-weight:400
}
.header.fixed {
position:fixed;
top:0;
box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
-webkit-box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
left:0;
right:0;
margin:0 auto;
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
.hotelGroupTheme h2 {
margin:0 0 30px;
position:relative;
color:#30353e;
margin:0 0 30px;
font-size:48px;
line-height:1.2;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase
}
.hotelGroupTheme h2 span {
display:block;
font-size:16px;
font-weight:400;
margin:0 0 10px;
color:var(--secondary-color)
}
.hotelGroupTheme p {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTopbar {
padding:12px 0;
border-bottom:1px solid #efefef
}
.hotelGroupTopbar .inline-wrapper {
align-items:center
}
.hotelGroupTopbar p {
margin:0 10px 0;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
margin-left:0
}
.hotelGroupTopbar p .fa {
margin-right:10px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone .fa {
font-size:18px;
position:relative;
top:1px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
position:relative;
top:-1px
}
.hotelGroupTopbar p a {
color:#4f4f4f;
text-decoration:none;
transition:all .3s ease
}
.hotelGroupTopbar p a:focus,.hotelGroupTopbar p a:hover {
color:var(--secondary-color);
;
text-decoration:none
}
.hotelGroupTopbar p.hotelGroupTopbarSocial {
font-size:16px
}
.hotelGroupTopbar p.hotelGroupTopbarSocial .fa {
margin-right:0
}
.hotelGroupTopbar .gTranslate {
margin-left:10px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget {
position:relative;
font-size:0
}
.hotelGroupTheme #google_translate_element .goog-te-gadget:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
pointer-events:none;
color:#000;
font-size:18px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget a.goog-logo-link {
display:none
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
height:30px;
padding:0 30px 0 10px;
letter-spacing:.03em;
border-radius:0;
border:1px solid #d5d5d5;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
cursor:pointer;
font-size:12px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo:focus {
outline:0;
border-color:#a7a7a7
}
.hotelGroupNavbar {
position:relative;
z-index:100
}
.hotelGroupNavbar .navbar {
width:100%;
margin:0;
padding:10px 0;
display:flex;
align-items:center;
min-height:60px
}
.hotelGroupNavbar .navbar-header .navbar-brand {
height:auto
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:90px
}
.hotelGroupNavbar .navbar-collapse {
padding:0!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
width:inherit;
align-items:center;
padding-right:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:5px 0 0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
line-height:1;
color:#30353e;
text-transform:uppercase;
letter-spacing:.03em;
transition:all .3s ease;
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:active,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:focus,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:hover,.hotelGroupNavbar .navbar.navbar-plain ul.nav li.active a {
color:var(--secondary-color);
;
background-color:transparent
}
.hotelGroupNavbar .nav .open>a,.hotelGroupNavbar .nav .open>a:focus,.hotelGroupNavbar .nav .open>a:hover {
background:none;
border:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown a .caret:after {
top:-7px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown.open a .caret:after {
top:-3px
}
.hotelGroupNavbar .dropdown-menu {
border-radius:0;
background:#FFF
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li {
display:block
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
font-weight:400;
display:block;
padding:15px 20px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdownRight .dropdown-menu {
left:auto;
right:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-family:Bellota;
background:var(--primary-color);
border:1px solid var(--primary-color);
color:#fff;
box-shadow:none;
border-radius:0;
font-size:14px;
font-weight:700;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
transition:all .3s ease;
padding:12px 18px
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:focus,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:hover {
border-color:var(--secondary-color);
;
background:var(--secondary-color);
;
cursor:pointer;
color:#fff;
text-decoration:none;
box-shadow:none;
outline:0
}
.hotelGroupSlideshowContainer {
color:#FFF
}
.hotelGroupSlideshowContainer p,.hotelGroupSlideshowContainer a {
color:#FFF
}
.hotelGroupSlideshowContainer .carousel-inner>.item {
transition:none;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item img {
animation:bloomEffects 1s ease;
animation-fill-mode:forwards
}
@keyframes bloomEffects {
0% {
transform:scale(1)
}
100% {
transform:scale(1.1)
}
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:60px;
font-weight:700;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
font-size:18px;
font-weight:400;
line-height:1.4;
letter-spacing:.06em;
margin:0 auto 60px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
background:#000;
border-color:#000
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
font-family:Chakra Petch;
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
background-color:transparent;
color:#fff;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto;
height:50px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:active {
background-color:#FFF;
border-color:#FFF;
color:#000
}
.hotelGroupSlideshow {
max-height:600px;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupSlideshowContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
background:#000;
border:1px solid #000
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:auto;
right:0
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
left:auto;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li:hover,.hotelGroupSlideshowContainer .carousel-indicators li:focus,.hotelGroupSlideshowContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupSlideshowContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupSlideshowContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBookingContainer {
position:relative;
background:#1b1b1b;
color:#FFF;
padding:40px 0
}
.hotelSubGroupTheme.hotelGroupBookingContainer {
position:relative;
background:var(--secondary-color);
;
color:#FFF
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0 30px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupBookingContainer .boxnew {
width:100%;
text-align:center
}
.hotelGroupBookingContainer .boxnew p {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupBookingContainer .boxnew p label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p input {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupBookingContainer .boxnew p select {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
font-family:Bellota;
font-size:18px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:50px;
border-radius:0;
padding:10px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:var(--secondary-color);
!important;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn {
background-color:#000;
color:#fff;
border:1px solid #000
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupBookingContainer .boxnew p br {
display:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:25px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:25px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1) {
max-width:300px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(4) {
margin-top:28px
}
.hotelGroupTheme .bbres_fieldset,.hotelGroupTheme .HGCalender,.hotelGroupTheme .HGBEBtn {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select,.hotelGroupTheme .HGSelectOuter {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:300px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select:before,.hotelGroupTheme .HGSelectOuter:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:20px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupTheme .bbres_fieldset label,.hotelGroupTheme .bbres_select label,.hotelGroupTheme .form-control label,.hotelGroupTheme .HGSelectOuter label,.hotelGroupTheme .HGCalender label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset input,.hotelGroupTheme .HGCalender input,.hotelGroupTheme input.form-control {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme textarea.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:auto;
background:#fff;
width:100%;
padding:20px;
border-radius:0;
font-size:13px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger {
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
font-size:0;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px
}
.hotelGroupTheme .HGCalender:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupTheme .bbres_select select,.hotelGroupTheme .HGSelectOuter select,.hotelGroupTheme select.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupTheme input.form-control:focus,.hotelGroupTheme select.form-control:focus,.hotelGroupTheme select:focus,.hotelGroupTheme textarea.form-control:focus,.hotelGroupTheme textarea:focus {
border-color:#152161;
background:#fff;
outline:0
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn,.hotelGroupTheme .HGBEBtn #bb_resBtn {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
line-height:1.8;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:#000;
color:#fff;
border:1px solid #000;
height:50px;
border-radius:0;
padding:15px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn:active,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:focus,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:hover,.hotelGroupTheme .HGBEBtn #bb_resBtn:active,.hotelGroupTheme .HGBEBtn #bb_resBtn:focus,.hotelGroupTheme .HGBEBtn #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupWelcomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupWelcomeInner {
display:flex;
align-items:center
}
.hotelGroupWelcomeContent {
width:48%
}
.hotelGroupWelcomeImgOuter {
width:52%;
padding-left:100px
}
.hotelGroupPropertyContainer {
position:relative;
padding:1px 0;
display:flex;
justify-content:center
}
.hotelGroupPropertyInner {
position:relative;
display:flex;
min-height:600px;
flex-flow:row wrap;
max-width:1600px
}
.hotelGroupPropertyContainerAlter .hotelGroupPropertyInner {
flex-direction:row-reverse
}
.hotelGroupPropertyImage {
width:60%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.hotelGroupPropertyContent {
width:40%;
padding:60px;
display:flex;
flex-flow:column;
justify-content:center;
text-align:left
}
h3.hotelGroupPropertyContentTitle {
margin:0 0 30px;
font-size:42px;
line-height:1.2;
letter-spacing:2px;
color:#30353e
}
p.hotelGroupPropertyContentText {
color:inherit;
margin:0 0 50px;
font-size:17px;
line-height:1.8;
letter-spacing:.03em
}
.hotelGroupHomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupHomeContainer .hotelGroupHomeContent {
text-align:center
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:60px;
padding-top:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:16px;
line-height:2
}
.hotelGroupAmenityContainer {
position:relative;
background:var(--primary-color);
color:#FFF;
padding:80px 0 40px;
text-align:center
}
.hotelGroupAmenityContainer {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f06b6379b36d_bannerImg002.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupAmenityContainer h2,.hotelGroupAmenityContainer h3,.hotelGroupAmenityContainer h4,.hotelGroupAmenityContainer p {
color:#FFF
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px;
padding-top:30px
}
.hotelGroupAmenityContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#e6c6a1;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupAmenityBtnOuter {
margin:60px 0 0
}
.hotelGroupAmenityList {
display:flex;
flex-flow:row wrap;
align-items:flex-start;
justify-content:flex-start
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
position:relative;
display:flex;
text-align:left;
padding:40px;
align-items:flex-start;
width:33%;
justify-content:flex-start;
margin:0;
align-items:center
}
.hotelGroupAmenityItemImg {
min-width:60px;
min-height:60px;
background:rgb(0 0 0 / .2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
margin:0 10px 0 0
}
.hotelGroupAmenityItemImg img {
max-width:30px;
max-height:30px
}
.hotelGroupAmenityItemContent h3 {
margin:0 0 6px;
font-weight:600;
letter-spacing:1px;
font-size:20px;
line-height:1
}
.hotelGroupAmenityItemContent p {
margin:0;
font-size:14px;
letter-spacing:.03em
}
body .hotelGroupFooter {
background:#1b1b1b;
color:#c5c5c5
}
.hotelGroupFooter .HGfooterTitle {
color:#FFF;
font-family:Bellota;
font-size:24px;
letter-spacing:3px;
font-weight:700;
text-transform:uppercase;
margin:0 0 30px
}
.hotelGroupFooter ul.list-basic li a:not(.btn) {
color:#c5c5c5;
text-decoration:none
}
.hotelGroupFooter ul.list-basic li a:not(.btn):hover,.hotelGroupFooter ul.list-basic li a:not(.btn):focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic {
display:flex;
flex-flow:row wrap
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic li {
width:50%
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic {
display:flex;
flex-flow:column
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic li {
width:initial
}
body .hotelGroupFooterbtm {
background:#101010;
color:#c5c5c5;
padding:10px 0;
font-size:14px
}
body .hotelGroupFooterbtm .footerBtmInner {
display:flex;
justify-content:space-between;
align-items:center
}
body .hotelGroupFooterbtm p {
margin:0;
font-family:Chakra Petch
}
body .hotelGroupFooterbtm p a {
color:#c5c5c5;
text-decoration:none
}
body .hotelGroupFooterbtm p a:hover,body .hotelGroupFooterbtm p a:focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterContact ul.list-basic li {
position:relative;
padding-left:30px
}
body .hotelGroupFooter p,body .hotelGroupFooter ul li,body .hotelGroupFooter p a {
margin-bottom:10px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
color:#c5c5c5;
letter-spacing:.03em
}
body .hotelGroupFooter .HGfooterContact li .fa {
position:absolute;
left:0;
top:3px;
font-size:20px;
font-weight:400;
line-height:1
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial {
margin:10px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial li .fa {
position:relative;
top:initial
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-map-marker {
left:2px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-envelope-open-o {
font-size:14px;
left:1px;
top:4px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-mobile {
font-size:22px;
left:3px;
top:1px
}
.hotelGroupRoomContainer {
padding:80px 0
}
.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-end
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
position:relative;
z-index:1;
width:80%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:600px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
position:absolute;
right:10px;
bottom:70px;
width:50px;
z-index:2;
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #000;
background:#000;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators {
background:none;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
position:absolute;
width:600px;
background:#FFF;
padding:30px;
left:0;
top:50%;
display:block;
z-index:2;
transform:translateY(-50%);
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:48px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupRoomContainer .hotelGroupRoomContentText {
margin:0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities {
margin:20px 0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic {
display:flex;
flex-flow:row wrap
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic li {
width:50%;
display:flex;
align-items:center;
margin:0 0 15px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesImg img {
max-height:24px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesTxt p {
margin:0 0 0 10px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice {
margin:0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice strong {
font-size:22px;
font-weight:700;
margin:0;
letter-spacing:-.02em
}
.hotelGroupRoomContainer .hotelGroupRoomPrice span {
border-bottom:1px dashed;
cursor:help;
margin:0 0 0 5px
}
.hotelGroupRoomContainerAlter .hotelGroupRoomInner {
justify-content:flex-start
}
.hotelGroupRoomContainerAlter .hotelGroupRoomContent {
left:auto;
right:0
}
.hotelGroupRoomContainerAlter .hotelGroupRoomImage .carouselNavOuter {
right:auto;
left:10px
}
.hotelGroupTheme .mapWrapper iframe {
margin:0;
padding:0;
outline:0;
border:0;
display:inline-block;
vertical-align:top
}
.hotelGroupGalleryContainer {
padding:0 0 80px;
text-align:center
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:80px
}
.hotelGroupBody .modal-dialog {
margin:15px auto 0;
max-width:900px!important
}
.hotelGroupBody .modal-header {
padding:0;
border-bottom:0 solid #e5e5e5;
background:0
}
.hotelGroupBody .modal-title {
display:none
}
.hotelGroupBody .modal button.close {
z-index:110;
right:10px;
top:10px;
outline:0
}
.hotelGroupBody .modal button.close:focus,.hotelGroupBody .modal button.close:hover {
outline:0
}
.hotelGroupBody .ekko-lightbox-nav-overlay .glyphicon {
height:100%;
display:flex;
align-items:center;
text-align:right
}
.hotelGroupBody .glyphicon.glyphicon-chevron-left {
justify-content:flex-start
}
.hotelGroupBody .glyphicon.glyphicon-chevron-right {
justify-content:flex-end
}
.hotelGroupBody .ekko-lightbox-nav-overlay a:focus,.hotelGroupBody .ekko-lightbox-nav-overlay a:hover {
text-decoration:none
}
.hotelGroupBody .modal-dialog img {
width:100%
}
.hotelGroupBody .modal-dialog .ekko-lightbox-container {
max-height:550px;
overflow:hidden
}
.hotelGroupHeadBlock {
padding:60px 0;
text-align:center
}
.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
margin:0
}
.hotelGroupPageTitle {
padding:100px 0;
color:#FFF;
background-color:rgba(0,0,0,0);
background-position:50% 60%
}
.hotelGroupPageTitle h2 {
color:#FFF;
text-align:center;
margin:0
}
.hotelGroupPageTitle h2 span {
color:#FFF;
font-family:Chakra Petch;
margin:10px 0 0
}
.hotelGroupContactContainer {
padding:80px 0
}
.hotelGroupContactContainer .form-group,.hotelGroupContactContainer .input-group {
margin:0 0 20px
}
.hotelGroupContactContainer h3 {
font-size:28px;
font-weight:700;
letter-spacing:1px;
margin:0 0 20px;
color:#30353e
}
.hotelGroupContactContainer h3.hotelGroupContactHeading {
margin:0 0 10px
}
.hotelGroupContactContainer p.hotelGroupContactDesc {
margin:0 0 40px
}
.hotelGroupContactDetails ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactDetails p,.hotelGroupContactDetails ul li,.hotelGroupContactDetails p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactDetails li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactDetails ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
.hotelGroupContactDetails li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactDetails li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactDetails li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn) {
color:#4f4f4f
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding-left:30px
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial .HGfooterSocial li .fa {
position:relative;
top:initial
}
.hotelGroupContactlistContainer {
background:#f8f8f8;
padding:80px 0
}
.hotelGroupContactlistContainer .hotelGroupContactblock {
position:relative;
padding:30px;
background:#FFF;
box-shadow:0 7px 12px -4px rgba(0,0,0,.1);
margin:0 5px
}
.hotelGroupContactlistContainer .hotelGroupContactblock a {
white-space:normal;
word-break:break-all
}
.hotelGroupContactlistContainer .hotelGroupContactblock h4 {
margin:0 0 30px;
font-size:22px;
font-weight:700
}
.hotelGroupContactlistContainer ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactlistContainer p,.hotelGroupContactlistContainer ul li,.hotelGroupContactlistContainer p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactlistContainer li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactlistContainer ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 10px 0 0
}
.hotelGroupContactlistContainer li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactlistContainer li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactlistContainer li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding:0;
margin:0 15px 0 0
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li .fa {
position:relative
}
.hotelGroupAboutSliderContainer {
padding:80px 0
}
.hotelGroupAboutWelcomeContainer {
padding:0 0 80px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption h3 {
font-size:54px;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption p {
font-size:16px;
font-weight:400;
line-height:1.8;
letter-spacing:.05em;
margin:0 auto 60px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn {
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:active {
background:#FFF;
color:#000
}
.hotelGroupAboutSliderContainer .carousel-inner .item [data-component=image]:before {
content:"";
top:0;
left:0;
right:0;
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.54);
z-index:1;
display:none
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
background:#000;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupAboutSliderContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li:hover,.hotelGroupAboutSliderContainer .carousel-indicators li:focus,.hotelGroupAboutSliderContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupAboutSliderContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupAboutSliderContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a:hover,.hotelGroupBody .ui-datepicker.ui-widget-content td a:focus,.hotelGroupBody .ui-datepicker.ui-widget-content td a:active {
text-decoration:none
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a.ui-state-active {
background:var(--secondary-color);
;
color:#fff;
text-decoration:none
}
.hotelGroupthankyouPage {
padding:80px 0;
text-align:center
}
.hotelSubGroupContentContainer {
padding:80px 0;
text-align:center
}
.hotelGroupContentContainer {
padding:80px 0 0;
text-align:center
}
.hotelSubGroupContentContainer .hotelGroupRoomContent {
padding:50px
}
.hotelSubGroupContentContainer h2,.hotelGroupContentContainer h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:80px 0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerLast {
padding-bottom:100px
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:absolute;
right:30px;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:10px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn {
font-size:16px;
height:auto;
font-family:Bellota;
line-height:1;
padding:15px 20px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn:nth-of-type(2) {
margin-left:5px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoomAmenitiesTxt {
display:none
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:0 20px 0 0;
width:initial
}
.hotelSubGroupTheme .hotelGroupRoomAmenities {
margin:30px 0 20px
}
.hotelSubGroupTheme .hotelGroupRoomImage {
box-shadow:0 50px 40px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px;
letter-spacing:2px;
padding:30px 0 0;
text-transform:none;
color:#30353e
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
opacity:.8
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:18px;
line-height:2
}
.hotelSubGroupTheme .hotelGroupWelcomeImg {
box-shadow:0 30px 30px -20px rgba(0,0,0,.2);
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover {
box-shadow:0 30px 30px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg img {
transition:all .4s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1.03)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
padding:30px 0 0;
margin:0 0 30px;
color:#30353e
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px;
text-transform:none;
margin-bottom:60px;
padding:30px 0 0
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
margin:0;
padding:1px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper.margin-bottom-10px {
margin-bottom:0;
overflow:hidden;
position:relative
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper img {
transition:all .6s ease
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper:hover img {
transform:scale(1.1)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:before {
content:"";
background:rgba(0,0,0,.6);
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all .3s ease;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:hover:before {
top:0;
opacity:0;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a {
position:relative;
display:block
}
.hotelGroupBtnOuter {
margin:60px auto 0;
text-align:center
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
display:flex
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:50%;
padding:20px 20px 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage {
position:relative;
z-index:1;
width:initial
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent {
position:relative;
top:0;
transform:translateY(0%);
width:initial;
text-align:left
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:0;
transition:all .6s ease;
margin:40px 0 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 14px rgb(255 255 255 / .3)
}
.hotelGroupTestimonialHome {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f7c5d480856d_spa.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupTestimonialHome .overly,.hotelGroupAmenityContainer .overly {
background:rgba(0,0,0,.6)
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter {
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:80%;
margin:0 auto
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-family:Bellota;
font-weight:400;
font-size:18px;
color:#FFF;
line-height:2;
letter-spacing:1px;
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
content:'\f10d';
font-family:fontAwesome;
font-size:72px;
margin:0;
opacity:.3;
position:absolute;
left:-50px;
top:-30px;
line-height:1
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
position:relative;
margin:0 auto;
left:0;
right:0;
top:0;
width:100%;
padding:50px
}
.hotelGroupTestimonialHome .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF;
display:none
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:hover,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:focus,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupTestimonialHome .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupTestimonialHome .carousel-indicators {
background:none;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li:hover,.hotelGroupTestimonialHome .carousel-indicators li:focus,.hotelGroupTestimonialHome .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupTestimonialHome .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupTestimonialHome .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupTestimonialHome .nav-indicators-in .carousel-indicators-wrapper {
right:0;
left:0;
bottom:-30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption h3 {
letter-spacing:1px
}
.hotelGroupTestimonialHome h2 {
color:#FFF;
text-align:center
}
.hotelGroupTestimonialHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#FFF;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-40px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionHome {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupAttractionHomeInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupAttractionBlock {
position:relative;
width:calc(33.33% - 40px);
margin:0 20px;
overflow:hidden
}
.hotelGroupAttractionImg {
position:relative;
z-index:1
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:400px;
transition:all .6s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:absolute;
bottom:-90px;
left:0;
background:rgba(0,0,0,.6);
display:block;
color:#FFF;
z-index:2;
padding:20px;
transition:all .3s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionContent {
bottom:0
}
.hotelGroupAttractionContent p {
color:#FFF
}
.hotelGroupAttractionHome h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupAttractionHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionContent h3 {
margin:0 0 15px;
letter-spacing:1px;
font-size:26px;
color:#fff
}
.hotelGroupAttractionContent p {
color:#FFF;
font-size:14px;
letter-spacing:.03em;
margin:0
}
.hotelGroupPropertyContainer {
padding:80px 0 80px
}
.hotelGroupPropertyPage.hotelGroupPropertyContainer {
padding:0 0 80px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupPropertyContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupPropertyContainerInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyBlock {
width:33%;
margin:0 20px;
position:relative;
overflow:hidden
}
.hotelGroupPropertyBlock:after {
content:"";
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
transition:all .3s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover:after {
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:450px;
transition:all .8s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1.1)
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
text-align:center;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:11;
background:rgba(0,0,0,.5);
opacity:1;
transition:all .3s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:0
}
.hotelGroupPropertyBlock a {
color:var(--secondary-color)
}
.hotelGroupPropertyBlock h3 {
letter-spacing:1px;
font-size:24px;
font-weight:400;
margin:0;
color:#FFF
}
.hotelGroupPropertyBlock p {
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#909090
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
font-size:13px;
text-transform:none;
letter-spacing:.03em;
margin:20px 0 0
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockLabel {
margin:0 0 10px;
font-size:12px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
display:flex;
flex-flow:column;
align-items:flex-start;
border:1px solid;
padding:30px;
position:absolute;
left:0;
top:-100%;
z-index:11;
width:100%;
height:100%;
max-height:450px;
transition:all .6s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockContent {
top:0;
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:absolute;
bottom:-100%;
left:30px;
z-index:11;
transition:all .6s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:30px
}
.hotelGroupPropertyLogoContainer {
padding:20px 0
}
.hotelGroupPropertyLogoInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyLogo {
margin:20px
}
.hotelGroupPropertyLogo img {
max-height:80px;
transition:all .6s ease;
opacity:.6
}
.hotelGroupPropertyLogo:hover img {
opacity:1
}
.hotelGroupRewardContainer {
padding:100px 0;
background-image:url(images/uploads/1/5f7ef5d09cd88_gift.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment:fixed
}
.hotelGroupRewardContainer:before {
content:"";
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
position:absolute;
left:0;
right:0;
top:0;
pointer-events:none;
width:100%;
height:100%
}
.hotelGroupRewardContainer h2 {
color:#FFF;
margin:0 0 10px;
text-transform:none
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupRewardContainer p {
color:#FFF;
margin:0;
letter-spacing:.06em;
font-size:14px
}
.hotelGroupRewardContainer .btn-secondary {
letter-spacing:2px
}
.hotelGroupContentsContainer {
padding:60px 0
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
position:relative;
padding:80px 0;
text-align:center;
background:inherit
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer:before {
content:"";
display:none
}
.hotelGroupAmenityPage .hotelGroupAmenityItemContent h3,.hotelGroupAmenityPage .hotelGroupAmenityItemContent p {
color:#30353e
}
.hotelGroupAmenityPage .hotelGroupAmenityItemImg {
background:none;
border:0;
align-items:flex-start;
padding:0;
min-height:initial;
min-width:initial
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:80px 0 0
}
.hotelGroupAttractionPage.hotelGroupAttractionHome {
background:inherit;
padding-top:40px
}
.hotelGroupTheme .tooltip {
white-space:nowrap
}
.hotelGroupTheme .tooltip .tooltip-inner {
background-color:#000;
font-size:10px;
letter-spacing:.05em
}
.hotelGroupTheme .tooltip.top .tooltip-arrow {
bottom:1px;
border-top-color:#000
}
.hotelGroupTheme .tooltip.top-left .tooltip-arrow,.hotelGroupTheme .tooltip.top-right .tooltip-arrow,.hotelGroupTheme .tooltip.top .tooltip-arrow {
border-top-color:#000
}
.hotelSubGroupNavbar {
background:#1b1b1b
}
.hotelSubGroupNavbar .navbar-nav>li>a {
padding:15px;
color:#FFF;
line-height:1;
font-size:13px;
letter-spacing:.05em;
transition:all .3s ease
}
.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:var(--secondary-color);
;
color:#FFF
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:1px solid #424242
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a {
font-weight:700
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active {
background:#1b1b1b
}
.hotelGroupRestaurantContainer {
padding:80px 0
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:36px;
text-transform:none
}
.hotelSubGroupRestaurantPage {
padding:80px 0 0;
text-align:center
}
.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupRestaurantPage p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelGroupRestaurantBlock {
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:row-reverse
}
.hotelGroupRestaurantImg {
width:50%;
overflow:hidden
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
max-height:400px;
min-height:400px;
width:100%;
transition:all .3s ease
}
.hotelGroupRestaurantBlock:hover .hotelGroupRestaurantImg img {
transform:scale(1.1)
}
.hotelGroupRestaurantContent {
width:50%;
padding:40px;
border:1px solid #dedede;
min-height:400px;
max-height:400px;
display:flex;
flex-flow:column;
justify-content:center
}
.hotelGroupRestaurantContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.hotelGroupRestaurantContent p {
margin-bottom:30px
}
.hotelGroupBanquetsContainer {
padding:80px 0
}
.hotelGroupBanquetsInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupBanquetsBlock {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:calc(50% - 40px);
margin:0 20px 60px;
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease;
overflow:hidden
}
.hotelGroupBanquetsBlock:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelGroupBanquetsImg {
position:relative;
z-index:1;
max-height:350px;
overflow:hidden
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 24px rgb(255 255 255 / .3)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
min-height:350px;
max-height:350px;
transition:all .6s ease
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1.1)
}
.hotelGroupBanquetsContent {
background:#FFF;
transition:all .3s ease;
padding:30px
}
.hotelGroupBanquetsContent h3 {
font-size:32px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupBanquetsContent p {
margin:0
}
.hotelGroupNavbar .navbar-header #subNavicon {
display:none
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:none
}
.hotelGroupCovidpage {
padding:80px 0
}
.hotelGroupCovidpage h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupCovidpage p {
margin-bottom:20px
}
.hotelGroupTheme .nomargintop {
margin-top:0!important
}
.helloBarContainer {
background:var(--primary-color);
color:#FFF;
text-align:center;
padding:15px 0
}
.helloBarContainer p {
margin:0;
line-height:1;
font-size:14px;
color:#FFF
}
.helloBarContainer p .fa {
margin:0 10px 0 0
}
.helloBarContainer p a {
color:#FFF;
text-transform:uppercase;
font-weight:600;
margin:0 0 0 20px;
text-decoration:none;
border-bottom:1px solid #FFF
}
.helloBarContainer p a:hover,.helloBarContainer p a:focus {
color:#FFF;
text-decoration:none;
border-bottom-color:rgba(255,255,255,.5)
}
.helloBarContainer a.helloBarClose {
cursor:pointer;
color:rgba(255,255,255,.5);
font-size:24px;
font-weight:300;
line-height:1;
margin:0 0 0 20px;
transition:all .2s ease-out
}
.helloBarContainer a.helloBarClose:hover,.helloBarContainer a.helloBarClose:focus {
text-decoration:none;
color:rgba(255,255,255,1)
}
.helloBarInner {
position:relative;
z-index:11;
display:flex;
justify-content:center;
align-items:center
}
.rewardsTopcontainer {
padding:80px 0
}
.rewardsTopcontainerInner {
display:flex;
flex-flow:row-reverse
}
.rewardsTopcontainerImage {
width:55%;
padding-left:50px
}
.rewardsTopcontainerContent {
width:45%
}
.rewardsTopcontainerContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.rewardsOffers {
background:var(--primary-color);
color:#FFF;
padding:80px 0
}
.rewardsForm {
max-width:500px;
margin:0 auto
}
.rewardsForm h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px;
text-align:center
}
.hotelGroupAmenityContainer.rewardsOffers:before {
background-image:url(images/uploads/1/5f92a8c42060e_gift4.jpg)
}
.hotelGroupTheme.privacyPage {
padding:80px 0
}
.hotelGroupTheme.privacyPage h2 {
font-size:32px;
font-weight:700;
color:#30353e;
text-transform:none;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupTheme.privacyPage p {
}
.hotelGroupTheme.privacyPage p strong {
font-size:18px;
margin-top:20px;
margin-bottom:5px;
display:inline-block
}
.hotelGroupTheme ul.privacyList {
margin:30px 0
}
.hotelGroupTheme ul.privacyList li {
margin-bottom:10px
}
.hotelGroupTheme ul.privacyList li:last-of-type {
margin-bottom:0
}
.hotelSubGroupAboutSliderContainer {
padding:40px 0 80px
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display:none
}
.grecaptcha-badge {
display:none!important
}
.boxnew button.btn.crssearchbtn:hover {
background:#45b5c6!important
}
.hotelgroup-subnavbar {
position:sticky;
z-index:99;
top:0
}
.group-row {
display:flex;
align-items:center
}
div#gallery2 img {
min-height:230px;
max-height:230px;
min-width:387px;
height:100%;
width:100%
}
.ekko-lightbox-container img {
min-width: 1000px;
min-height: 600px;
max-height: 600px;
height:100%;
width:100%
}
.modal-dialog{
max-width: 1000px !important;
}
@media(min-width:1601px) {
.hotelGroupSlideshowContainer .carousel .item img {
width:100%
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
}
@media(max-width:1199px) {
.hotelGroupNavbar .navbar-header .navbar-brand a {
max-width:200px
}
.hotelGroupNavbar .container {
padding:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
padding:0;
margin:0;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar .navbar-buttons {
margin:0 0 0 15px!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-size:12px;
padding:10px;
margin:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-centered .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left-right .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons {
min-height:initial;
min-width:initial
}
.hotelGroupNavbar .navbar {
padding:0;
border:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar-header {
float:none;
width:100%;
padding:0;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
border-bottom:1px solid #efefef
}
.hotelGroupNavbar .navbar-header .navbar-brand {
min-height:initial;
height:initial;
max-width:initial;
padding:0;
margin:0 10px 0 0;
width:calc(100% - 80px)
}
.hotelGroupNavbar .navbar-header .navbar-toggle {
width:50px;
float:none;
margin:0;
padding:0;
font-size:24px;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar-header .navbar-toggle.collapsed .fa-bars:before {
content:"\F0C9"
}
.hotelGroupNavbar .navbar-header .navbar-toggle .fa-bars:before {
content:"\F00D"
}
.hotelGroupNavbar .navbar-header #subNavicon {
width:50px;
float:none;
margin:0;
padding:0;
color:#4f4f4f;
font-size:24px;
text-align:center;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
display:none!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse.in {
display:block!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:20px 10px;
margin:0;
box-shadow:none;
min-width:100%;
width:100%;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li {
display:block;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.open {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav .dropdown.open>a {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
padding:10px 30px;
text-transform:none
}
.hotelSubGroupNavbar {
background:#FFF
}
.hotelSubGroupNavbar #subGroupNavigation {
padding:0;
margin:0 -15px
}
.hotelSubGroupNavbar #subGroupNavigation.collapse {
display:none!important
}
.hotelSubGroupNavbar #subGroupNavigation.collapse.in {
display:block!important
}
.hotelSubGroupNavbar #subGroupNavigation .navbar-nav {
float:none;
padding:20px
}
.hotelSubGroupNavbar .navbar-nav>li {
display:block;
float:none
}
.hotelSubGroupNavbar .navbar-nav>li>a {
font-family:Chakra Petch;
color:#30353e;
font-size:14px;
font-weight:600;
padding:10px 0
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:60px
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:0
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active,.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:#FFF;
color:var(--secondary-color)
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:block;
margin:0 20px 20px 20px
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow.navbar-buttons>* {
display:block
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow .btn {
font-size:15px;
line-height:1;
padding:15px 20px
}
.hotelGroupWelcomeContent {
width:50%
}
.hotelGroupWelcomeImgOuter {
width:50%;
padding-left:50px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:16px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
position:relative;
font-size:40px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
flex-direction:column;
justify-content:center
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
margin:0 auto;
width:90%
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2)
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:90%;
margin:0 auto;
position:relative;
top:0;
transform:translateY(0%)
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:36px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:400px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding:40px 0 60px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:60px 0 0
}
.hotelGroupContactContainer {
padding:60px 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:50%;
padding-bottom:0;
margin:20px 0
}
.hotelGroupContactlistContainer {
padding:60px 0
}
.hotelGroupFormContainer {
max-width:100%
}
.hotelGroupRestaurantContent {
max-height:initial
}
.hotelGroupRestaurantBlock {
align-items:stretch
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:100%;
max-height:initial
}
.hotelGroupCovidpage {
padding:40px 0
}
}
@media(max-width:991px) {
.group-row {
display:flex
}
body.hotelGroupBody #page {
overflow-x:hidden
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
display:none
}
.hotelGroupTopbar .hotelGroupTopbarLeft .inline-wrapper {
justify-content:flex-start
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper {
justify-content:flex-end
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper>[data-component=image] {
display:none
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:36px
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
display:none
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
display:none
}
.hotelGroupBookingContainer #bb_resBookingBox {
flex-direction:column
}
.hotelGroupBookingContainer .boxnew p {
max-width:300px;
margin:15px 0
}
.hotelGroupTheme h2 {
font-size:42px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:60px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span {
position:relative;
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:30px
}
.hotelGroupPropertyContainerInner {
flex-flow:row wrap
}
.hotelGroupPropertyBlock {
width:calc(50% - 40px);
margin-bottom:30px
}
.hotelGroupAttractionBlock {
width:calc(50% - 40px)
}
.hotelGroupAttractionHome {
padding:60px 0
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:column;
margin:40px 20px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupRestaurantImg {
width:initial
}
.hotelGroupRestaurantContent {
width:initial;
min-height:initial;
max-height:initial;
padding:30px
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:initial;
max-height:initial
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:36px;
top:-10px
}
.hotelGroupWelcomeContainer {
padding:60px 0
}
.hotelGroupWelcomeInner {
flex-direction:column
}
.hotelGroupWelcomeContent {
width:initial;
text-align:center
}
.hotelGroupWelcomeImgOuter {
width:initial;
padding-left:0;
margin:40px auto 0;
max-width:600px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
flex-direction:column
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
width:initial
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
flex-direction:column;
text-align:center
}
.hotelGroupAmenityItemImg {
margin:0 auto 30px
}
.hotelGroupGalleryContainer {
padding-bottom:60px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:60px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:flex;
flex-flow:row wrap;
justify-content:center
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:33.33%
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:100%
}
.hotelGroupTestimonialHome h2 span {
font-size:30px;
top:-30px
}
body .hotelGroupFooter .col-sm-4 {
width:100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 30px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
display:none
}
.hotelGroupHeadBlock {
padding-bottom:30px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:42px
}
.hotelGroupBookingContainer .boxnew p input {
height:40px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
bottom:6px
}
.hotelGroupBookingContainer .boxnew p select {
height:40px
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
height:44px
}
.hotelGroupPageTitle {
padding:80px 0
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2 {
font-size:32px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:350px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:auto;
margin:40px 0 0
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
width:100%;
left:0;
right:0;
bottom:auto;
top:45%;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:auto;
right:auto;
left:5px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.right.carousel-control {
left:auto;
right:5px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:100%
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
width:100%
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
display:none
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:30px 0
}
.hotelSubGroupContentContainer {
padding:60px 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
margin:0 10px
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p,.hotelGroupTheme p {
font-size:15px
}
.hotelGroupContactDetails li .fa.fa-map-marker {
top:0
}
.hotelGroupContactDetails {
margin:60px 0 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:100%;
margin:30px 0
}
.hotelGroupContactlistContainer {
padding:40px 0
}
.hotelGroupContentContainer {
padding-top:60px
}
.hotelGroupContentContainer h2 {
font-size:36px
}
.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupRestaurantBlock {
align-items:initial
}
.hotelGroupBanquetsBlock {
width:100%;
margin:0 10px 60px
}
.hotelGroupBanquetsBlock:last-of-type {
margin-bottom:0
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
max-height:initial;
min-height:initial
}
.rewardsTopcontainer {
padding:60px 0
}
.rewardsTopcontainerInner {
flex-direction:column
}
.rewardsTopcontainerImage {
width:initial;
padding-left:0;
margin:0 auto 30px
}
.rewardsTopcontainerContent {
width:initial
}
.hotelGroupTheme.privacyPage {
padding:40px 0
}
.hotelGroupAboutSliderContainer {
padding:50px 0
}
.hotelGroupAboutWelcomeContainer {
padding-bottom:50px
}
}
@media(max-width:767px) {
.ekko-lightbox-container img {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
div#gallery2 img {
min-height:100%;
max-height:100%;
min-width:100%
}
.hotelGroupNavbar .navbar-two {
padding:10px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:block
}
#whatsapp-message {
bottom:90px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupSlideshowContainer .carouselNavOuter {
width:100%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
left:10px;
right:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
top:auto;
bottom:10px;
left:auto;
right:10px
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:relative;
bottom:auto;
background:#FFF;
color:#4f4f4f;
min-height:200px
}
.hotelGroupAttractionContent h3 {
font-size:24px;
font-weight:600
}
.hotelGroupAttractionContent p {
color:#4f4f4f
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:initial
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column;
justify-content:center;
text-align:center
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1)
}
.hotelGroupAmenityItemContent h3 {
margin-bottom:15px
}
.hotelGroupContactContainer {
padding:40px 0
}
.hotelGroupPageTitle h2 span {
line-height:1.6
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1)
}
.CovidpageInner {
padding:0 10px
}
.hotelGroupCovidpage h3 {
font-size:28px
}
.rewardsTopcontainer {
padding:40px 0
}
.rewardsTopcontainerInner {
padding:0 10px
}
.hotelGroupTheme ul.privacyList {
padding:0 0 0 20px
}
.privacyPageInner {
padding:0 10px
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
display:none
}
}
@media(max-width:640px) {
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
display:none
}
.hotelGroupRewardContainer {
padding:80px 0
}
.hotelGroupRestaurantContainer {
padding:60px 0
}
.hotelGroupPropertyBlock {
width:100%;
border:1px solid #e0e0e0
}
.hotelGroupPropertyBlockImg {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
position:relative;
top:0;
max-height:450px;
opacity:1;
border-color:#e0e0e0
}
.hotelGroupPropertyBlock h3 {
color:#30353e;
font-weight:600
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
margin-top:15px;
font-size:14px;
font-weight:400
}
.hotelGroupAttractionBlock {
width:100%;
box-shadow:0 3px 6px -1px rgba(0,0,0,.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
min-height:initial;
padding:30px
}
.hotelGroupAttractionImg {
max-height:350px;
overflow:hidden
}
.hotelGroupAttractionContent h3 {
color:#fff;
font-size:30px
}
.hotelGroupRewardInner {
padding:0 10px
}
.hotelGroupPropertyLogoInner {
flex-flow:row wrap
}
.hotelGroupPropertyLogo {
width:calc(50% - 40px)
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:initial
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:50px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
max-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:relative;
bottom:0;
left:25px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:25px;
border:0
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 30px
}
.hotelGroupTheme .btn.btn-primary {
padding:14px 18px;
font-size:15px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
background:rgba(0,0,0,.3)
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:1
}
.hotelGroupPropertyBlock:hover:after {
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1)
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:300px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:30px;
margin-bottom:15px
}
.hotelGroupPageTitle {
padding:60px 0
}
.hotelGroupPageTitle h2 {
font-size:32px
}
.hotelGroupPageTitle h2 span {
font-size:14px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelSubGroupRestaurantPage h2 {
font-size:30px;
letter-spacing:.03em
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-top:0
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:60px 0 0
}
.hotelGroupCovidpage h3 {
margin-top:30px
}
.hotelGroupAmenityItemContent {
margin:0 auto
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:100%
}
.rewardsOffers.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
}
@media(max-width:580px) {
.hotelGroupSlideshowContainer .carousel .item img {
min-height:300px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:30px;
letter-spacing:2px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control,.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
bottom:-20px
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:70px
}
.hotelGroupTheme h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:15px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:30px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
margin:0
}
.hotelGroupTopbar p.hotelGroupTopbarPhone a {
margin-bottom:0
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-size:16px
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
display:block
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupPageTitle {
padding:40px 0
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:40px 10px 0
}
.hotelGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:20px 0 60px
}
.hotelGroupBanquetsContent h3 {
font-size:26px
}
.hotelGroupCovidpage h3 {
font-size:26px;
margin-bottom:15px
}
.hotelGroupTheme.privacyPage h2 {
font-size:26px
}
.hotelGroupAboutSliderInner,.hotelGroupAboutWelcomeInner {
padding:0 10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:30px;
margin-bottom:20px
}
}
@media(max-width:500px) {
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
display:block
}
}
@media(max-width:479px) {
.hotelGroupRestaurantContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:30px 10px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupPropertyBlock {
margin:20px 10px
}
.hotelGroupAttractionBlock {
margin:20px 10px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:40px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
margin-bottom:0
}
.hotelGroupAttractionHome {
padding:40px 0
}
.hotelGroupAttractionHome h2 {
margin-bottom:30px
}
.hotelGroupTheme h2 {
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:24px;
top:-10px
}
.hotelGroupAttractionContent h3 {
font-size:24px
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
padding:20px
}
.hotelGroupPropertyLogo {
width:calc(50% - 20px);
margin:10px
}
.hotelGroupRewardContainer {
padding:60px 0;
background-attachment:initial;
background-position:50% 100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 20px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:250px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:24px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2,.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:26px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
padding:20px 0
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:10px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
padding:25px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelGroupPropertyBlockImg,.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:260px
}
.hotelGroupFooter .HGfooterTitle {
font-size:20px
}
.hotelGroupTheme p {
font-size:13px
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupBtnOuter {
margin-top:40px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
margin-bottom:30px
}
.hotelGroupGalleryContainer {
padding-bottom:50px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
padding:50px 20px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
font-size:60px;
top:-20px;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:220px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelSubGroupContentContainer {
padding:40px 0 20px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:26px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding-top:40px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-bottom:40px
}
.hotelGroupBanquetsContent {
padding:20px
}
.rewardsTopcontainerContent h3,.rewardsForm h3,.rewardsForm h3 {
font-size:28px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
.helloBarContainer p a {
margin-left:10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:24px
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
bottom:20px
}
.hotelGroupAboutSliderInner .carousel .item img {
min-height:180px
}
}
@media(max-width:359px) {
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
max-width:140px
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:260px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:24px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 20px;
left:20px
}
}
* img{
object-fit: cover;
}
:root {
--primary-color:#c6ab62;
--secondary-color:#b48744;
--btn-hover:#b48744;
--white:#fff;
--primary-text-color:#333;
--black:#000;
--placeholder:#757575;
--background-color:#0f0f0f
}
body.hotelGroupBody {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f;
overflow-x:hidden
}
.yummy .col-lg-1,.yummy .col-lg-2,.yummy .col-lg-3,.yummy .col-lg-4,.yummy .col-lg-5,.yummy .col-lg-6,.yummy .col-lg-7,.yummy .col-lg-8,.yummy .col-lg-9,.yummy .col-lg-10,.yummy .col-lg-11,.yummy .col-lg-12,.yummy .col-lg-15,.yummy .col-md-1,.yummy .col-md-2,.yummy .col-md-3,.yummy .col-md-4,.yummy .col-md-5,.yummy .col-md-6,.yummy .col-md-7,.yummy .col-md-8,.yummy .col-md-9,.yummy .col-md-10,.yummy .col-md-11,.yummy .col-md-12,.yummy .col-md-15,.yummy .col-sm-1,.yummy .col-sm-2,.yummy .col-sm-3,.yummy .col-sm-4,.yummy .col-sm-5,.yummy .col-sm-6,.yummy .col-sm-7,.yummy .col-sm-8,.yummy .col-sm-9,.yummy .col-sm-10,.yummy .col-sm-11,.yummy .col-sm-12,.yummy .col-sm-15,.yummy .col-xs-1,.yummy .col-xs-2,.yummy .col-xs-3,.yummy .col-xs-4,.yummy .col-xs-5,.yummy .col-xs-6,.yummy .col-xs-7,.yummy .col-xs-8,.yummy .col-xs-9,.yummy .col-xs-10,.yummy .col-xs-11,.yummy .col-xs-12,.yummy .col-xs-15 {
padding-right:15px;
padding-left:15px;
padding-bottom:0
}
.yummy p {
margin:0
}
#whatsapp-message {
position:fixed;
margin-bottom:1vh;
bottom:35px;
right:5px;
width:65px;
height:65px;
overflow:hidden;
visibility:visible;
z-index:2147483639;
background:0;
border:0;
transition:transform .2s ease-in-out;
backface-visibility:hidden;
opacity:1;
transform:translateY(0%)
}
.hotelGroupTheme,body .hotelGroupTheme {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTheme a,.hotelGroupTheme p a {
text-decoration:none;
color:var(--primary-color)
}
.hotelGroupTheme a:hover,.hotelGroupTheme a:focus,.hotelGroupTheme p a:hover,.hotelGroupTheme p a:focus {
text-decoration:none;
color:var(--secondary-color)
}
.hotelGroupTheme .btn.btn-primary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-primary:focus,.hotelGroupTheme .btn.btn-primary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelGroupTheme .btn.btn-secondary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:transparent;
color:var(--primary-color);
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-secondary:focus,.hotelGroupTheme .btn.btn-secondary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#FFF
}
.hotelGroupTheme .h1,.hotelGroupTheme .h2,.hotelGroupTheme .h3,.hotelGroupTheme .h4,.hotelGroupTheme .h5,.hotelGroupTheme .h6,.hotelGroupTheme h1,.hotelGroupTheme h2,.hotelGroupTheme h3,.hotelGroupTheme h4,.hotelGroupTheme h5,.hotelGroupTheme h6 {
font-family:Bellota;
font-weight:400
}
.header.fixed {
position:fixed;
top:0;
box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
-webkit-box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
left:0;
right:0;
margin:0 auto;
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
.hotelGroupTheme h2 {
margin:0 0 30px;
position:relative;
color:#30353e;
margin:0 0 30px;
font-size:48px;
line-height:1.2;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase
}
.hotelGroupTheme h2 span {
display:block;
font-size:16px;
font-weight:400;
margin:0 0 10px;
color:var(--secondary-color)
}
.hotelGroupTheme p {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTopbar {
padding:12px 0;
border-bottom:1px solid #efefef
}
.hotelGroupTopbar .inline-wrapper {
align-items:center
}
.hotelGroupTopbar p {
margin:0 10px 0;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
margin-left:0
}
.hotelGroupTopbar p .fa {
margin-right:10px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone .fa {
font-size:18px;
position:relative;
top:1px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
position:relative;
top:-1px
}
.hotelGroupTopbar p a {
color:#4f4f4f;
text-decoration:none;
transition:all .3s ease
}
.hotelGroupTopbar p a:focus,.hotelGroupTopbar p a:hover {
color:var(--secondary-color);
;
text-decoration:none
}
.hotelGroupTopbar p.hotelGroupTopbarSocial {
font-size:16px
}
.hotelGroupTopbar p.hotelGroupTopbarSocial .fa {
margin-right:0
}
.hotelGroupTopbar .gTranslate {
margin-left:10px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget {
position:relative;
font-size:0
}
.hotelGroupTheme #google_translate_element .goog-te-gadget:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
pointer-events:none;
color:#000;
font-size:18px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget a.goog-logo-link {
display:none
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
height:30px;
padding:0 30px 0 10px;
letter-spacing:.03em;
border-radius:0;
border:1px solid #d5d5d5;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
cursor:pointer;
font-size:12px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo:focus {
outline:0;
border-color:#a7a7a7
}
.hotelGroupNavbar {
position:relative;
z-index:100
}
.hotelGroupNavbar .navbar {
width:100%;
margin:0;
padding:10px 0;
display:flex;
align-items:center;
min-height:60px
}
.hotelGroupNavbar .navbar-header .navbar-brand {
height:auto
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:90px
}
.hotelGroupNavbar .navbar-collapse {
padding:0!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
width:inherit;
align-items:center;
padding-right:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:5px 0 0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
line-height:1;
color:#30353e;
text-transform:uppercase;
letter-spacing:.03em;
transition:all .3s ease;
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:active,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:focus,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:hover,.hotelGroupNavbar .navbar.navbar-plain ul.nav li.active a {
color:var(--secondary-color);
;
background-color:transparent
}
.hotelGroupNavbar .nav .open>a,.hotelGroupNavbar .nav .open>a:focus,.hotelGroupNavbar .nav .open>a:hover {
background:none;
border:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown a .caret:after {
top:-7px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown.open a .caret:after {
top:-3px
}
.hotelGroupNavbar .dropdown-menu {
border-radius:0;
background:#FFF
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li {
display:block
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
font-weight:400;
display:block;
padding:15px 20px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdownRight .dropdown-menu {
left:auto;
right:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-family:Bellota;
background:var(--primary-color);
border:1px solid var(--primary-color);
color:#fff;
box-shadow:none;
border-radius:0;
font-size:14px;
font-weight:700;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
transition:all .3s ease;
padding:12px 18px
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:focus,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:hover {
border-color:var(--secondary-color);
;
background:var(--secondary-color);
;
cursor:pointer;
color:#fff;
text-decoration:none;
box-shadow:none;
outline:0
}
.hotelGroupSlideshowContainer {
color:#FFF
}
.hotelGroupSlideshowContainer p,.hotelGroupSlideshowContainer a {
color:#FFF
}
.hotelGroupSlideshowContainer .carousel-inner>.item {
transition:none;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item img {
animation:bloomEffects 1s ease;
animation-fill-mode:forwards
}
@keyframes bloomEffects {
0% {
transform:scale(1)
}
100% {
transform:scale(1.1)
}
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:60px;
font-weight:700;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
font-size:18px;
font-weight:400;
line-height:1.4;
letter-spacing:.06em;
margin:0 auto 60px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
background:#000;
border-color:#000
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
font-family:Chakra Petch;
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
background-color:transparent;
color:#fff;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto;
height:50px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:active {
background-color:#FFF;
border-color:#FFF;
color:#000
}
.hotelGroupSlideshow {
max-height:600px;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupSlideshowContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
background:#000;
border:1px solid #000
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:auto;
right:0
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
left:auto;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li:hover,.hotelGroupSlideshowContainer .carousel-indicators li:focus,.hotelGroupSlideshowContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupSlideshowContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupSlideshowContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBookingContainer {
position:relative;
background:#1b1b1b;
color:#FFF;
padding:40px 0
}
.hotelSubGroupTheme.hotelGroupBookingContainer {
position:relative;
background:var(--secondary-color);
;
color:#FFF
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0 30px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupBookingContainer .boxnew {
width:100%;
text-align:center
}
.hotelGroupBookingContainer .boxnew p {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupBookingContainer .boxnew p label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p input {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupBookingContainer .boxnew p select {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
font-family:Bellota;
font-size:18px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:50px;
border-radius:0;
padding:10px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:var(--secondary-color);
!important;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn {
background-color:#000;
color:#fff;
border:1px solid #000
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupBookingContainer .boxnew p br {
display:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:25px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:25px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1) {
max-width:300px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(4) {
margin-top:28px
}
.hotelGroupTheme .bbres_fieldset,.hotelGroupTheme .HGCalender,.hotelGroupTheme .HGBEBtn {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select,.hotelGroupTheme .HGSelectOuter {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:300px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select:before,.hotelGroupTheme .HGSelectOuter:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:20px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupTheme .bbres_fieldset label,.hotelGroupTheme .bbres_select label,.hotelGroupTheme .form-control label,.hotelGroupTheme .HGSelectOuter label,.hotelGroupTheme .HGCalender label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset input,.hotelGroupTheme .HGCalender input,.hotelGroupTheme input.form-control {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme textarea.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:auto;
background:#fff;
width:100%;
padding:20px;
border-radius:0;
font-size:13px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger {
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
font-size:0;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px
}
.hotelGroupTheme .HGCalender:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupTheme .bbres_select select,.hotelGroupTheme .HGSelectOuter select,.hotelGroupTheme select.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupTheme input.form-control:focus,.hotelGroupTheme select.form-control:focus,.hotelGroupTheme select:focus,.hotelGroupTheme textarea.form-control:focus,.hotelGroupTheme textarea:focus {
border-color:#152161;
background:#fff;
outline:0
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn,.hotelGroupTheme .HGBEBtn #bb_resBtn {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
line-height:1.8;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:#000;
color:#fff;
border:1px solid #000;
height:50px;
border-radius:0;
padding:15px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn:active,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:focus,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:hover,.hotelGroupTheme .HGBEBtn #bb_resBtn:active,.hotelGroupTheme .HGBEBtn #bb_resBtn:focus,.hotelGroupTheme .HGBEBtn #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupWelcomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupWelcomeInner {
display:flex;
align-items:center
}
.hotelGroupWelcomeContent {
width:48%
}
.hotelGroupWelcomeImgOuter {
width:52%;
padding-left:100px
}
.hotelGroupPropertyContainer {
position:relative;
padding:1px 0;
display:flex;
justify-content:center
}
.hotelGroupPropertyInner {
position:relative;
display:flex;
min-height:600px;
flex-flow:row wrap;
max-width:1600px
}
.hotelGroupPropertyContainerAlter .hotelGroupPropertyInner {
flex-direction:row-reverse
}
.hotelGroupPropertyImage {
width:60%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.hotelGroupPropertyContent {
width:40%;
padding:60px;
display:flex;
flex-flow:column;
justify-content:center;
text-align:left
}
h3.hotelGroupPropertyContentTitle {
margin:0 0 30px;
font-size:42px;
line-height:1.2;
letter-spacing:2px;
color:#30353e
}
p.hotelGroupPropertyContentText {
color:inherit;
margin:0 0 50px;
font-size:17px;
line-height:1.8;
letter-spacing:.03em
}
.hotelGroupHomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupHomeContainer .hotelGroupHomeContent {
text-align:center
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:60px;
padding-top:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:16px;
line-height:2
}
.hotelGroupAmenityContainer {
position:relative;
background:var(--primary-color);
color:#FFF;
padding:80px 0 40px;
text-align:center
}
.hotelGroupAmenityContainer {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f06b6379b36d_bannerImg002.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupAmenityContainer h2,.hotelGroupAmenityContainer h3,.hotelGroupAmenityContainer h4,.hotelGroupAmenityContainer p {
color:#FFF
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px;
padding-top:30px
}
.hotelGroupAmenityContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#e6c6a1;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupAmenityBtnOuter {
margin:60px 0 0
}
.hotelGroupAmenityList {
display:flex;
flex-flow:row wrap;
align-items:flex-start;
justify-content:flex-start
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
position:relative;
display:flex;
text-align:left;
padding:40px;
align-items:flex-start;
width:33%;
justify-content:flex-start;
margin:0;
align-items:center
}
.hotelGroupAmenityItemImg {
min-width:60px;
min-height:60px;
background:rgb(0 0 0 / .2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
margin:0 10px 0 0
}
.hotelGroupAmenityItemImg img {
max-width:30px;
max-height:30px
}
.hotelGroupAmenityItemContent h3 {
margin:0 0 6px;
font-weight:600;
letter-spacing:1px;
font-size:20px;
line-height:1
}
.hotelGroupAmenityItemContent p {
margin:0;
font-size:14px;
letter-spacing:.03em
}
body .hotelGroupFooter {
background:#1b1b1b;
color:#c5c5c5
}
.hotelGroupFooter .HGfooterTitle {
color:#FFF;
font-family:Bellota;
font-size:24px;
letter-spacing:3px;
font-weight:700;
text-transform:uppercase;
margin:0 0 30px
}
.hotelGroupFooter ul.list-basic li a:not(.btn) {
color:#c5c5c5;
text-decoration:none
}
.hotelGroupFooter ul.list-basic li a:not(.btn):hover,.hotelGroupFooter ul.list-basic li a:not(.btn):focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic {
display:flex;
flex-flow:row wrap
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic li {
width:50%
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic {
display:flex;
flex-flow:column
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic li {
width:initial
}
body .hotelGroupFooterbtm {
background:#101010;
color:#c5c5c5;
padding:10px 0;
font-size:14px
}
body .hotelGroupFooterbtm .footerBtmInner {
display:flex;
justify-content:space-between;
align-items:center
}
body .hotelGroupFooterbtm p {
margin:0;
font-family:Chakra Petch
}
body .hotelGroupFooterbtm p a {
color:#c5c5c5;
text-decoration:none
}
body .hotelGroupFooterbtm p a:hover,body .hotelGroupFooterbtm p a:focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterContact ul.list-basic li {
position:relative;
padding-left:30px
}
body .hotelGroupFooter p,body .hotelGroupFooter ul li,body .hotelGroupFooter p a {
margin-bottom:10px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
color:#c5c5c5;
letter-spacing:.03em
}
body .hotelGroupFooter .HGfooterContact li .fa {
position:absolute;
left:0;
top:3px;
font-size:20px;
font-weight:400;
line-height:1
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial {
margin:10px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial li .fa {
position:relative;
top:initial
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-map-marker {
left:2px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-envelope-open-o {
font-size:14px;
left:1px;
top:4px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-mobile {
font-size:22px;
left:3px;
top:1px
}
.hotelGroupRoomContainer {
padding:80px 0
}
.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-end
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
position:relative;
z-index:1;
width:80%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:600px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
position:absolute;
right:10px;
bottom:70px;
width:50px;
z-index:2;
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #000;
background:#000;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators {
background:none;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
position:absolute;
width:600px;
background:#FFF;
padding:30px;
left:0;
top:50%;
display:block;
z-index:2;
transform:translateY(-50%);
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:48px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupRoomContainer .hotelGroupRoomContentText {
margin:0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities {
margin:20px 0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic {
display:flex;
flex-flow:row wrap
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic li {
width:50%;
display:flex;
align-items:center;
margin:0 0 15px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesImg img {
max-height:24px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesTxt p {
margin:0 0 0 10px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice {
margin:0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice strong {
font-size:22px;
font-weight:700;
margin:0;
letter-spacing:-.02em
}
.hotelGroupRoomContainer .hotelGroupRoomPrice span {
border-bottom:1px dashed;
cursor:help;
margin:0 0 0 5px
}
.hotelGroupRoomContainerAlter .hotelGroupRoomInner {
justify-content:flex-start
}
.hotelGroupRoomContainerAlter .hotelGroupRoomContent {
left:auto;
right:0
}
.hotelGroupRoomContainerAlter .hotelGroupRoomImage .carouselNavOuter {
right:auto;
left:10px
}
.hotelGroupTheme .mapWrapper iframe {
margin:0;
padding:0;
outline:0;
border:0;
display:inline-block;
vertical-align:top
}
.hotelGroupGalleryContainer {
padding:0 0 80px;
text-align:center
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:80px
}
.hotelGroupBody .modal-dialog {
margin:15px auto 0;
max-width:900px!important
}
.hotelGroupBody .modal-header {
padding:0;
border-bottom:0 solid #e5e5e5;
background:0
}
.hotelGroupBody .modal-title {
display:none
}
.hotelGroupBody .modal button.close {
z-index:110;
right:10px;
top:10px;
outline:0
}
.hotelGroupBody .modal button.close:focus,.hotelGroupBody .modal button.close:hover {
outline:0
}
.hotelGroupBody .ekko-lightbox-nav-overlay .glyphicon {
height:100%;
display:flex;
align-items:center;
text-align:right
}
.hotelGroupBody .glyphicon.glyphicon-chevron-left {
justify-content:flex-start
}
.hotelGroupBody .glyphicon.glyphicon-chevron-right {
justify-content:flex-end
}
.hotelGroupBody .ekko-lightbox-nav-overlay a:focus,.hotelGroupBody .ekko-lightbox-nav-overlay a:hover {
text-decoration:none
}
.hotelGroupBody .modal-dialog img {
width:100%
}
.hotelGroupBody .modal-dialog .ekko-lightbox-container {
max-height:550px;
overflow:hidden
}
.hotelGroupHeadBlock {
padding:60px 0;
text-align:center
}
.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
margin:0
}
.hotelGroupPageTitle {
padding:100px 0;
color:#FFF;
background-color:rgba(0,0,0,0);
background-position:50% 60%
}
.hotelGroupPageTitle h2 {
color:#FFF;
text-align:center;
margin:0
}
.hotelGroupPageTitle h2 span {
color:#FFF;
font-family:Chakra Petch;
margin:10px 0 0
}
.hotelGroupContactContainer {
padding:80px 0
}
.hotelGroupContactContainer .form-group,.hotelGroupContactContainer .input-group {
margin:0 0 20px
}
.hotelGroupContactContainer h3 {
font-size:28px;
font-weight:700;
letter-spacing:1px;
margin:0 0 20px;
color:#30353e
}
.hotelGroupContactContainer h3.hotelGroupContactHeading {
margin:0 0 10px
}
.hotelGroupContactContainer p.hotelGroupContactDesc {
margin:0 0 40px
}
.hotelGroupContactDetails ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactDetails p,.hotelGroupContactDetails ul li,.hotelGroupContactDetails p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactDetails li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactDetails ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
.hotelGroupContactDetails li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactDetails li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactDetails li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn) {
color:#4f4f4f
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding-left:30px
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial .HGfooterSocial li .fa {
position:relative;
top:initial
}
.hotelGroupContactlistContainer {
background:#f8f8f8;
padding:80px 0
}
.hotelGroupContactlistContainer .hotelGroupContactblock {
position:relative;
padding:30px;
background:#FFF;
box-shadow:0 7px 12px -4px rgba(0,0,0,.1);
margin:0 5px
}
.hotelGroupContactlistContainer .hotelGroupContactblock a {
white-space:normal;
word-break:break-all
}
.hotelGroupContactlistContainer .hotelGroupContactblock h4 {
margin:0 0 30px;
font-size:22px;
font-weight:700
}
.hotelGroupContactlistContainer ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactlistContainer p,.hotelGroupContactlistContainer ul li,.hotelGroupContactlistContainer p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactlistContainer li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactlistContainer ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 10px 0 0
}
.hotelGroupContactlistContainer li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactlistContainer li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactlistContainer li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding:0;
margin:0 15px 0 0
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li .fa {
position:relative
}
.hotelGroupAboutSliderContainer {
padding:80px 0
}
.hotelGroupAboutWelcomeContainer {
padding:0 0 80px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption h3 {
font-size:54px;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption p {
font-size:16px;
font-weight:400;
line-height:1.8;
letter-spacing:.05em;
margin:0 auto 60px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn {
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:active {
background:#FFF;
color:#000
}
.hotelGroupAboutSliderContainer .carousel-inner .item [data-component=image]:before {
content:"";
top:0;
left:0;
right:0;
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.54);
z-index:1;
display:none
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
background:#000;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupAboutSliderContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li:hover,.hotelGroupAboutSliderContainer .carousel-indicators li:focus,.hotelGroupAboutSliderContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupAboutSliderContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupAboutSliderContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a:hover,.hotelGroupBody .ui-datepicker.ui-widget-content td a:focus,.hotelGroupBody .ui-datepicker.ui-widget-content td a:active {
text-decoration:none
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a.ui-state-active {
background:var(--secondary-color);
;
color:#fff;
text-decoration:none
}
.hotelGroupthankyouPage {
padding:80px 0;
text-align:center
}
.hotelSubGroupContentContainer {
padding:80px 0;
text-align:center
}
.hotelGroupContentContainer {
padding:80px 0 0;
text-align:center
}
.hotelSubGroupContentContainer .hotelGroupRoomContent {
padding:50px
}
.hotelSubGroupContentContainer h2,.hotelGroupContentContainer h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:80px 0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerLast {
padding-bottom:100px
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:absolute;
right:30px;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:10px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn {
font-size:16px;
height:auto;
font-family:Bellota;
line-height:1;
padding:15px 20px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn:nth-of-type(2) {
margin-left:5px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoomAmenitiesTxt {
display:none
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:0 20px 0 0;
width:initial
}
.hotelSubGroupTheme .hotelGroupRoomAmenities {
margin:30px 0 20px
}
.hotelSubGroupTheme .hotelGroupRoomImage {
box-shadow:0 50px 40px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px;
letter-spacing:2px;
padding:30px 0 0;
text-transform:none;
color:#30353e
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
opacity:.8
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:18px;
line-height:2
}
.hotelSubGroupTheme .hotelGroupWelcomeImg {
box-shadow:0 30px 30px -20px rgba(0,0,0,.2);
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover {
box-shadow:0 30px 30px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg img {
transition:all .4s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1.03)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
padding:30px 0 0;
margin:0 0 30px;
color:#30353e
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px;
text-transform:none;
margin-bottom:60px;
padding:30px 0 0
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
margin:0;
padding:1px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper.margin-bottom-10px {
margin-bottom:0;
overflow:hidden;
position:relative
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper img {
transition:all .6s ease
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper:hover img {
transform:scale(1.1)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:before {
content:"";
background:rgba(0,0,0,.6);
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all .3s ease;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:hover:before {
top:0;
opacity:0;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a {
position:relative;
display:block
}
.hotelGroupBtnOuter {
margin:60px auto 0;
text-align:center
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
display:flex
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:50%;
padding:20px 20px 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage {
position:relative;
z-index:1;
width:initial
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent {
position:relative;
top:0;
transform:translateY(0%);
width:initial;
text-align:left
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:0;
transition:all .6s ease;
margin:40px 0 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 14px rgb(255 255 255 / .3)
}
.hotelGroupTestimonialHome {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f7c5d480856d_spa.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupTestimonialHome .overly,.hotelGroupAmenityContainer .overly {
background:rgba(0,0,0,.6)
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter {
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:80%;
margin:0 auto
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-family:Bellota;
font-weight:400;
font-size:18px;
color:#FFF;
line-height:2;
letter-spacing:1px;
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
content:'\f10d';
font-family:fontAwesome;
font-size:72px;
margin:0;
opacity:.3;
position:absolute;
left:-50px;
top:-30px;
line-height:1
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
position:relative;
margin:0 auto;
left:0;
right:0;
top:0;
width:100%;
padding:50px
}
.hotelGroupTestimonialHome .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF;
display:none
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:hover,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:focus,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupTestimonialHome .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupTestimonialHome .carousel-indicators {
background:none;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li:hover,.hotelGroupTestimonialHome .carousel-indicators li:focus,.hotelGroupTestimonialHome .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupTestimonialHome .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupTestimonialHome .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupTestimonialHome .nav-indicators-in .carousel-indicators-wrapper {
right:0;
left:0;
bottom:-30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption h3 {
letter-spacing:1px
}
.hotelGroupTestimonialHome h2 {
color:#FFF;
text-align:center
}
.hotelGroupTestimonialHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#FFF;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-40px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionHome {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupAttractionHomeInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupAttractionBlock {
position:relative;
width:calc(33.33% - 40px);
margin:0 20px;
overflow:hidden
}
.hotelGroupAttractionImg {
position:relative;
z-index:1
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:400px;
transition:all .6s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:absolute;
bottom:-90px;
left:0;
background:rgba(0,0,0,.6);
display:block;
color:#FFF;
z-index:2;
padding:20px;
transition:all .3s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionContent {
bottom:0
}
.hotelGroupAttractionContent p {
color:#FFF
}
.hotelGroupAttractionHome h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupAttractionHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionContent h3 {
margin:0 0 15px;
letter-spacing:1px;
font-size:26px;
color:#fff
}
.hotelGroupAttractionContent p {
color:#FFF;
font-size:14px;
letter-spacing:.03em;
margin:0
}
.hotelGroupPropertyContainer {
padding:80px 0 80px
}
.hotelGroupPropertyPage.hotelGroupPropertyContainer {
padding:0 0 80px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupPropertyContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupPropertyContainerInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyBlock {
width:33%;
margin:0 20px;
position:relative;
overflow:hidden
}
.hotelGroupPropertyBlock:after {
content:"";
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
transition:all .3s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover:after {
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:450px;
transition:all .8s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1.1)
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
text-align:center;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:11;
background:rgba(0,0,0,.5);
opacity:1;
transition:all .3s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:0
}
.hotelGroupPropertyBlock a {
color:var(--secondary-color)
}
.hotelGroupPropertyBlock h3 {
letter-spacing:1px;
font-size:24px;
font-weight:400;
margin:0;
color:#FFF
}
.hotelGroupPropertyBlock p {
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#909090
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
font-size:13px;
text-transform:none;
letter-spacing:.03em;
margin:20px 0 0
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockLabel {
margin:0 0 10px;
font-size:12px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
display:flex;
flex-flow:column;
align-items:flex-start;
border:1px solid;
padding:30px;
position:absolute;
left:0;
top:-100%;
z-index:11;
width:100%;
height:100%;
max-height:450px;
transition:all .6s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockContent {
top:0;
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:absolute;
bottom:-100%;
left:30px;
z-index:11;
transition:all .6s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:30px
}
.hotelGroupPropertyLogoContainer {
padding:20px 0
}
.hotelGroupPropertyLogoInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyLogo {
margin:20px
}
.hotelGroupPropertyLogo img {
max-height:80px;
transition:all .6s ease;
opacity:.6
}
.hotelGroupPropertyLogo:hover img {
opacity:1
}
.hotelGroupRewardContainer {
padding:100px 0;
background-image:url(images/uploads/1/5f7ef5d09cd88_gift.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment:fixed
}
.hotelGroupRewardContainer:before {
content:"";
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
position:absolute;
left:0;
right:0;
top:0;
pointer-events:none;
width:100%;
height:100%
}
.hotelGroupRewardContainer h2 {
color:#FFF;
margin:0 0 10px;
text-transform:none
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupRewardContainer p {
color:#FFF;
margin:0;
letter-spacing:.06em;
font-size:14px
}
.hotelGroupRewardContainer .btn-secondary {
letter-spacing:2px
}
.hotelGroupContentsContainer {
padding:60px 0
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
position:relative;
padding:80px 0;
text-align:center;
background:inherit
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer:before {
content:"";
display:none
}
.hotelGroupAmenityPage .hotelGroupAmenityItemContent h3,.hotelGroupAmenityPage .hotelGroupAmenityItemContent p {
color:#30353e
}
.hotelGroupAmenityPage .hotelGroupAmenityItemImg {
background:none;
border:0;
align-items:flex-start;
padding:0;
min-height:initial;
min-width:initial
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:80px 0 0
}
.hotelGroupAttractionPage.hotelGroupAttractionHome {
background:inherit;
padding-top:40px
}
.hotelGroupTheme .tooltip {
white-space:nowrap
}
.hotelGroupTheme .tooltip .tooltip-inner {
background-color:#000;
font-size:10px;
letter-spacing:.05em
}
.hotelGroupTheme .tooltip.top .tooltip-arrow {
bottom:1px;
border-top-color:#000
}
.hotelGroupTheme .tooltip.top-left .tooltip-arrow,.hotelGroupTheme .tooltip.top-right .tooltip-arrow,.hotelGroupTheme .tooltip.top .tooltip-arrow {
border-top-color:#000
}
.hotelSubGroupNavbar {
background:#1b1b1b
}
.hotelSubGroupNavbar .navbar-nav>li>a {
padding:15px;
color:#FFF;
line-height:1;
font-size:13px;
letter-spacing:.05em;
transition:all .3s ease
}
.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:var(--secondary-color);
;
color:#FFF
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:1px solid #424242
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a {
font-weight:700
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active {
background:#1b1b1b
}
.hotelGroupRestaurantContainer {
padding:80px 0
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:36px;
text-transform:none
}
.hotelSubGroupRestaurantPage {
padding:80px 0 0;
text-align:center
}
.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupRestaurantPage p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelGroupRestaurantBlock {
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:row-reverse
}
.hotelGroupRestaurantImg {
width:50%;
overflow:hidden
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
max-height:400px;
min-height:400px;
width:100%;
transition:all .3s ease
}
.hotelGroupRestaurantBlock:hover .hotelGroupRestaurantImg img {
transform:scale(1.1)
}
.hotelGroupRestaurantContent {
width:50%;
padding:40px;
border:1px solid #dedede;
min-height:400px;
max-height:400px;
display:flex;
flex-flow:column;
justify-content:center
}
.hotelGroupRestaurantContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.hotelGroupRestaurantContent p {
margin-bottom:30px
}
.hotelGroupBanquetsContainer {
padding:80px 0
}
.hotelGroupBanquetsInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupBanquetsBlock {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:calc(50% - 40px);
margin:0 20px 60px;
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease;
overflow:hidden
}
.hotelGroupBanquetsBlock:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelGroupBanquetsImg {
position:relative;
z-index:1;
max-height:350px;
overflow:hidden
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 24px rgb(255 255 255 / .3)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
min-height:350px;
max-height:350px;
transition:all .6s ease
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1.1)
}
.hotelGroupBanquetsContent {
background:#FFF;
transition:all .3s ease;
padding:30px
}
.hotelGroupBanquetsContent h3 {
font-size:32px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupBanquetsContent p {
margin:0
}
.hotelGroupNavbar .navbar-header #subNavicon {
display:none
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:none
}
.hotelGroupCovidpage {
padding:80px 0
}
.hotelGroupCovidpage h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupCovidpage p {
margin-bottom:20px
}
.hotelGroupTheme .nomargintop {
margin-top:0!important
}
.helloBarContainer {
background:var(--primary-color);
color:#FFF;
text-align:center;
padding:15px 0
}
.helloBarContainer p {
margin:0;
line-height:1;
font-size:14px;
color:#FFF
}
.helloBarContainer p .fa {
margin:0 10px 0 0
}
.helloBarContainer p a {
color:#FFF;
text-transform:uppercase;
font-weight:600;
margin:0 0 0 20px;
text-decoration:none;
border-bottom:1px solid #FFF
}
.helloBarContainer p a:hover,.helloBarContainer p a:focus {
color:#FFF;
text-decoration:none;
border-bottom-color:rgba(255,255,255,.5)
}
.helloBarContainer a.helloBarClose {
cursor:pointer;
color:rgba(255,255,255,.5);
font-size:24px;
font-weight:300;
line-height:1;
margin:0 0 0 20px;
transition:all .2s ease-out
}
.helloBarContainer a.helloBarClose:hover,.helloBarContainer a.helloBarClose:focus {
text-decoration:none;
color:rgba(255,255,255,1)
}
.helloBarInner {
position:relative;
z-index:11;
display:flex;
justify-content:center;
align-items:center
}
.rewardsTopcontainer {
padding:80px 0
}
.rewardsTopcontainerInner {
display:flex;
flex-flow:row-reverse
}
.rewardsTopcontainerImage {
width:55%;
padding-left:50px
}
.rewardsTopcontainerContent {
width:45%
}
.rewardsTopcontainerContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.rewardsOffers {
background:var(--primary-color);
color:#FFF;
padding:80px 0
}
.rewardsForm {
max-width:500px;
margin:0 auto
}
.rewardsForm h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px;
text-align:center
}
.hotelGroupAmenityContainer.rewardsOffers:before {
background-image:url(images/uploads/1/5f92a8c42060e_gift4.jpg)
}
.hotelGroupTheme.privacyPage {
padding:80px 0
}
.hotelGroupTheme.privacyPage h2 {
font-size:32px;
font-weight:700;
color:#30353e;
text-transform:none;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupTheme.privacyPage p {
}
.hotelGroupTheme.privacyPage p strong {
font-size:18px;
margin-top:20px;
margin-bottom:5px;
display:inline-block
}
.hotelGroupTheme ul.privacyList {
margin:30px 0
}
.hotelGroupTheme ul.privacyList li {
margin-bottom:10px
}
.hotelGroupTheme ul.privacyList li:last-of-type {
margin-bottom:0
}
.hotelSubGroupAboutSliderContainer {
padding:40px 0 80px
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display:none
}
.grecaptcha-badge {
display:none!important
}
.boxnew button.btn.crssearchbtn:hover {
background:#45b5c6!important
}
.hotelgroup-subnavbar {
position:sticky;
z-index:99;
top:0
}
.group-row {
display:flex;
align-items:center
}
div#gallery2 img {
min-height:230px;
max-height:230px;
min-width:387px;
height:100%;
width:100%
}
.ekko-lightbox-container img {
min-width: 1000px;
min-height: 600px;
max-height: 600px;
height:100%;
width:100%
}
.modal-dialog{
max-width: 1000px !important;
}
@media(min-width:1601px) {
.hotelGroupSlideshowContainer .carousel .item img {
width:100%
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
}
@media(max-width:1199px) {
.hotelGroupNavbar .navbar-header .navbar-brand a {
max-width:200px
}
.hotelGroupNavbar .container {
padding:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
padding:0;
margin:0;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar .navbar-buttons {
margin:0 0 0 15px!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-size:12px;
padding:10px;
margin:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-centered .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left-right .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons {
min-height:initial;
min-width:initial
}
.hotelGroupNavbar .navbar {
padding:0;
border:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar-header {
float:none;
width:100%;
padding:0;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
border-bottom:1px solid #efefef
}
.hotelGroupNavbar .navbar-header .navbar-brand {
min-height:initial;
height:initial;
max-width:initial;
padding:0;
margin:0 10px 0 0;
width:calc(100% - 80px)
}
.hotelGroupNavbar .navbar-header .navbar-toggle {
width:50px;
float:none;
margin:0;
padding:0;
font-size:24px;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar-header .navbar-toggle.collapsed .fa-bars:before {
content:"\F0C9"
}
.hotelGroupNavbar .navbar-header .navbar-toggle .fa-bars:before {
content:"\F00D"
}
.hotelGroupNavbar .navbar-header #subNavicon {
width:50px;
float:none;
margin:0;
padding:0;
color:#4f4f4f;
font-size:24px;
text-align:center;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
display:none!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse.in {
display:block!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:20px 10px;
margin:0;
box-shadow:none;
min-width:100%;
width:100%;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li {
display:block;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.open {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav .dropdown.open>a {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
padding:10px 30px;
text-transform:none
}
.hotelSubGroupNavbar {
background:#FFF
}
.hotelSubGroupNavbar #subGroupNavigation {
padding:0;
margin:0 -15px
}
.hotelSubGroupNavbar #subGroupNavigation.collapse {
display:none!important
}
.hotelSubGroupNavbar #subGroupNavigation.collapse.in {
display:block!important
}
.hotelSubGroupNavbar #subGroupNavigation .navbar-nav {
float:none;
padding:20px
}
.hotelSubGroupNavbar .navbar-nav>li {
display:block;
float:none
}
.hotelSubGroupNavbar .navbar-nav>li>a {
font-family:Chakra Petch;
color:#30353e;
font-size:14px;
font-weight:600;
padding:10px 0
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:60px
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:0
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active,.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:#FFF;
color:var(--secondary-color)
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:block;
margin:0 20px 20px 20px
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow.navbar-buttons>* {
display:block
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow .btn {
font-size:15px;
line-height:1;
padding:15px 20px
}
.hotelGroupWelcomeContent {
width:50%
}
.hotelGroupWelcomeImgOuter {
width:50%;
padding-left:50px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:16px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
position:relative;
font-size:40px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
flex-direction:column;
justify-content:center
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
margin:0 auto;
width:90%
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2)
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:90%;
margin:0 auto;
position:relative;
top:0;
transform:translateY(0%)
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:36px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:400px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding:40px 0 60px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:60px 0 0
}
.hotelGroupContactContainer {
padding:60px 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:50%;
padding-bottom:0;
margin:20px 0
}
.hotelGroupContactlistContainer {
padding:60px 0
}
.hotelGroupFormContainer {
max-width:100%
}
.hotelGroupRestaurantContent {
max-height:initial
}
.hotelGroupRestaurantBlock {
align-items:stretch
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:100%;
max-height:initial
}
.hotelGroupCovidpage {
padding:40px 0
}
}
@media(max-width:991px) {
.group-row {
display:flex
}
body.hotelGroupBody #page {
overflow-x:hidden
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
display:none
}
.hotelGroupTopbar .hotelGroupTopbarLeft .inline-wrapper {
justify-content:flex-start
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper {
justify-content:flex-end
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper>[data-component=image] {
display:none
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:36px
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
display:none
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
display:none
}
.hotelGroupBookingContainer #bb_resBookingBox {
flex-direction:column
}
.hotelGroupBookingContainer .boxnew p {
max-width:300px;
margin:15px 0
}
.hotelGroupTheme h2 {
font-size:42px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:60px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span {
position:relative;
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:30px
}
.hotelGroupPropertyContainerInner {
flex-flow:row wrap
}
.hotelGroupPropertyBlock {
width:calc(50% - 40px);
margin-bottom:30px
}
.hotelGroupAttractionBlock {
width:calc(50% - 40px)
}
.hotelGroupAttractionHome {
padding:60px 0
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:column;
margin:40px 20px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupRestaurantImg {
width:initial
}
.hotelGroupRestaurantContent {
width:initial;
min-height:initial;
max-height:initial;
padding:30px
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:initial;
max-height:initial
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:36px;
top:-10px
}
.hotelGroupWelcomeContainer {
padding:60px 0
}
.hotelGroupWelcomeInner {
flex-direction:column
}
.hotelGroupWelcomeContent {
width:initial;
text-align:center
}
.hotelGroupWelcomeImgOuter {
width:initial;
padding-left:0;
margin:40px auto 0;
max-width:600px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
flex-direction:column
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
width:initial
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
flex-direction:column;
text-align:center
}
.hotelGroupAmenityItemImg {
margin:0 auto 30px
}
.hotelGroupGalleryContainer {
padding-bottom:60px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:60px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:flex;
flex-flow:row wrap;
justify-content:center
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:33.33%
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:100%
}
.hotelGroupTestimonialHome h2 span {
font-size:30px;
top:-30px
}
body .hotelGroupFooter .col-sm-4 {
width:100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 30px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
display:none
}
.hotelGroupHeadBlock {
padding-bottom:30px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:42px
}
.hotelGroupBookingContainer .boxnew p input {
height:40px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
bottom:6px
}
.hotelGroupBookingContainer .boxnew p select {
height:40px
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
height:44px
}
.hotelGroupPageTitle {
padding:80px 0
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2 {
font-size:32px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:350px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:auto;
margin:40px 0 0
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
width:100%;
left:0;
right:0;
bottom:auto;
top:45%;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:auto;
right:auto;
left:5px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.right.carousel-control {
left:auto;
right:5px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:100%
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
width:100%
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
display:none
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:30px 0
}
.hotelSubGroupContentContainer {
padding:60px 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
margin:0 10px
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p,.hotelGroupTheme p {
font-size:15px
}
.hotelGroupContactDetails li .fa.fa-map-marker {
top:0
}
.hotelGroupContactDetails {
margin:60px 0 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:100%;
margin:30px 0
}
.hotelGroupContactlistContainer {
padding:40px 0
}
.hotelGroupContentContainer {
padding-top:60px
}
.hotelGroupContentContainer h2 {
font-size:36px
}
.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupRestaurantBlock {
align-items:initial
}
.hotelGroupBanquetsBlock {
width:100%;
margin:0 10px 60px
}
.hotelGroupBanquetsBlock:last-of-type {
margin-bottom:0
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
max-height:initial;
min-height:initial
}
.rewardsTopcontainer {
padding:60px 0
}
.rewardsTopcontainerInner {
flex-direction:column
}
.rewardsTopcontainerImage {
width:initial;
padding-left:0;
margin:0 auto 30px
}
.rewardsTopcontainerContent {
width:initial
}
.hotelGroupTheme.privacyPage {
padding:40px 0
}
.hotelGroupAboutSliderContainer {
padding:50px 0
}
.hotelGroupAboutWelcomeContainer {
padding-bottom:50px
}
}
@media(max-width:767px) {
.ekko-lightbox-container img {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
div#gallery2 img {
min-height:100%;
max-height:100%;
min-width:100%
}
.hotelGroupNavbar .navbar-two {
padding:10px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:block
}
#whatsapp-message {
bottom:90px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupSlideshowContainer .carouselNavOuter {
width:100%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
left:10px;
right:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
top:auto;
bottom:10px;
left:auto;
right:10px
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:relative;
bottom:auto;
background:#FFF;
color:#4f4f4f;
min-height:200px
}
.hotelGroupAttractionContent h3 {
font-size:24px;
font-weight:600
}
.hotelGroupAttractionContent p {
color:#4f4f4f
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:initial
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column;
justify-content:center;
text-align:center
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1)
}
.hotelGroupAmenityItemContent h3 {
margin-bottom:15px
}
.hotelGroupContactContainer {
padding:40px 0
}
.hotelGroupPageTitle h2 span {
line-height:1.6
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1)
}
.CovidpageInner {
padding:0 10px
}
.hotelGroupCovidpage h3 {
font-size:28px
}
.rewardsTopcontainer {
padding:40px 0
}
.rewardsTopcontainerInner {
padding:0 10px
}
.hotelGroupTheme ul.privacyList {
padding:0 0 0 20px
}
.privacyPageInner {
padding:0 10px
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
display:none
}
}
@media(max-width:640px) {
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
display:none
}
.hotelGroupRewardContainer {
padding:80px 0
}
.hotelGroupRestaurantContainer {
padding:60px 0
}
.hotelGroupPropertyBlock {
width:100%;
border:1px solid #e0e0e0
}
.hotelGroupPropertyBlockImg {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
position:relative;
top:0;
max-height:450px;
opacity:1;
border-color:#e0e0e0
}
.hotelGroupPropertyBlock h3 {
color:#30353e;
font-weight:600
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
margin-top:15px;
font-size:14px;
font-weight:400
}
.hotelGroupAttractionBlock {
width:100%;
box-shadow:0 3px 6px -1px rgba(0,0,0,.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
min-height:initial;
padding:30px
}
.hotelGroupAttractionImg {
max-height:350px;
overflow:hidden
}
.hotelGroupAttractionContent h3 {
color:#fff;
font-size:30px
}
.hotelGroupRewardInner {
padding:0 10px
}
.hotelGroupPropertyLogoInner {
flex-flow:row wrap
}
.hotelGroupPropertyLogo {
width:calc(50% - 40px)
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:initial
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:50px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
max-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:relative;
bottom:0;
left:25px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:25px;
border:0
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 30px
}
.hotelGroupTheme .btn.btn-primary {
padding:14px 18px;
font-size:15px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
background:rgba(0,0,0,.3)
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:1
}
.hotelGroupPropertyBlock:hover:after {
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1)
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:300px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:30px;
margin-bottom:15px
}
.hotelGroupPageTitle {
padding:60px 0
}
.hotelGroupPageTitle h2 {
font-size:32px
}
.hotelGroupPageTitle h2 span {
font-size:14px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelSubGroupRestaurantPage h2 {
font-size:30px;
letter-spacing:.03em
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-top:0
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:60px 0 0
}
.hotelGroupCovidpage h3 {
margin-top:30px
}
.hotelGroupAmenityItemContent {
margin:0 auto
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:100%
}
.rewardsOffers.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
}
@media(max-width:580px) {
.hotelGroupSlideshowContainer .carousel .item img {
min-height:300px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:30px;
letter-spacing:2px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control,.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
bottom:-20px
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:70px
}
.hotelGroupTheme h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:15px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:30px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
margin:0
}
.hotelGroupTopbar p.hotelGroupTopbarPhone a {
margin-bottom:0
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-size:16px
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
display:block
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupPageTitle {
padding:40px 0
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:40px 10px 0
}
.hotelGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:20px 0 60px
}
.hotelGroupBanquetsContent h3 {
font-size:26px
}
.hotelGroupCovidpage h3 {
font-size:26px;
margin-bottom:15px
}
.hotelGroupTheme.privacyPage h2 {
font-size:26px
}
.hotelGroupAboutSliderInner,.hotelGroupAboutWelcomeInner {
padding:0 10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:30px;
margin-bottom:20px
}
}
@media(max-width:500px) {
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
display:block
}
}
@media(max-width:479px) {
.hotelGroupRestaurantContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:30px 10px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupPropertyBlock {
margin:20px 10px
}
.hotelGroupAttractionBlock {
margin:20px 10px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:40px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
margin-bottom:0
}
.hotelGroupAttractionHome {
padding:40px 0
}
.hotelGroupAttractionHome h2 {
margin-bottom:30px
}
.hotelGroupTheme h2 {
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:24px;
top:-10px
}
.hotelGroupAttractionContent h3 {
font-size:24px
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
padding:20px
}
.hotelGroupPropertyLogo {
width:calc(50% - 20px);
margin:10px
}
.hotelGroupRewardContainer {
padding:60px 0;
background-attachment:initial;
background-position:50% 100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 20px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:250px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:24px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2,.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:26px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
padding:20px 0
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:10px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
padding:25px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelGroupPropertyBlockImg,.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:260px
}
.hotelGroupFooter .HGfooterTitle {
font-size:20px
}
.hotelGroupTheme p {
font-size:13px
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupBtnOuter {
margin-top:40px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
margin-bottom:30px
}
.hotelGroupGalleryContainer {
padding-bottom:50px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
padding:50px 20px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
font-size:60px;
top:-20px;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:220px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelSubGroupContentContainer {
padding:40px 0 20px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:26px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding-top:40px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-bottom:40px
}
.hotelGroupBanquetsContent {
padding:20px
}
.rewardsTopcontainerContent h3,.rewardsForm h3,.rewardsForm h3 {
font-size:28px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
.helloBarContainer p a {
margin-left:10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:24px
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
bottom:20px
}
.hotelGroupAboutSliderInner .carousel .item img {
min-height:180px
}
}
@media(max-width:359px) {
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
max-width:140px
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:260px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:24px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 20px;
left:20px
}
}
* img{
object-fit: cover;
}
:root {
--primary-color:#c6ab62;
--secondary-color:#b48744;
--btn-hover:#b48744;
--white:#fff;
--primary-text-color:#333;
--black:#000;
--placeholder:#757575;
--background-color:#0f0f0f
}
body.hotelGroupBody {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f;
overflow-x:hidden
}
.yummy .col-lg-1,.yummy .col-lg-2,.yummy .col-lg-3,.yummy .col-lg-4,.yummy .col-lg-5,.yummy .col-lg-6,.yummy .col-lg-7,.yummy .col-lg-8,.yummy .col-lg-9,.yummy .col-lg-10,.yummy .col-lg-11,.yummy .col-lg-12,.yummy .col-lg-15,.yummy .col-md-1,.yummy .col-md-2,.yummy .col-md-3,.yummy .col-md-4,.yummy .col-md-5,.yummy .col-md-6,.yummy .col-md-7,.yummy .col-md-8,.yummy .col-md-9,.yummy .col-md-10,.yummy .col-md-11,.yummy .col-md-12,.yummy .col-md-15,.yummy .col-sm-1,.yummy .col-sm-2,.yummy .col-sm-3,.yummy .col-sm-4,.yummy .col-sm-5,.yummy .col-sm-6,.yummy .col-sm-7,.yummy .col-sm-8,.yummy .col-sm-9,.yummy .col-sm-10,.yummy .col-sm-11,.yummy .col-sm-12,.yummy .col-sm-15,.yummy .col-xs-1,.yummy .col-xs-2,.yummy .col-xs-3,.yummy .col-xs-4,.yummy .col-xs-5,.yummy .col-xs-6,.yummy .col-xs-7,.yummy .col-xs-8,.yummy .col-xs-9,.yummy .col-xs-10,.yummy .col-xs-11,.yummy .col-xs-12,.yummy .col-xs-15 {
padding-right:15px;
padding-left:15px;
padding-bottom:0
}
.yummy p {
margin:0
}
#whatsapp-message {
position:fixed;
margin-bottom:1vh;
bottom:35px;
right:5px;
width:65px;
height:65px;
overflow:hidden;
visibility:visible;
z-index:2147483639;
background:0;
border:0;
transition:transform .2s ease-in-out;
backface-visibility:hidden;
opacity:1;
transform:translateY(0%)
}
.hotelGroupTheme,body .hotelGroupTheme {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTheme a,.hotelGroupTheme p a {
text-decoration:none;
color:var(--primary-color)
}
.hotelGroupTheme a:hover,.hotelGroupTheme a:focus,.hotelGroupTheme p a:hover,.hotelGroupTheme p a:focus {
text-decoration:none;
color:var(--secondary-color)
}
.hotelGroupTheme .btn.btn-primary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-primary:focus,.hotelGroupTheme .btn.btn-primary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelGroupTheme .btn.btn-secondary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:transparent;
color:var(--primary-color);
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-secondary:focus,.hotelGroupTheme .btn.btn-secondary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#FFF
}
.hotelGroupTheme .h1,.hotelGroupTheme .h2,.hotelGroupTheme .h3,.hotelGroupTheme .h4,.hotelGroupTheme .h5,.hotelGroupTheme .h6,.hotelGroupTheme h1,.hotelGroupTheme h2,.hotelGroupTheme h3,.hotelGroupTheme h4,.hotelGroupTheme h5,.hotelGroupTheme h6 {
font-family:Bellota;
font-weight:400
}
.header.fixed {
position:fixed;
top:0;
box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
-webkit-box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
left:0;
right:0;
margin:0 auto;
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
.hotelGroupTheme h2 {
margin:0 0 30px;
position:relative;
color:#30353e;
margin:0 0 30px;
font-size:48px;
line-height:1.2;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase
}
.hotelGroupTheme h2 span {
display:block;
font-size:16px;
font-weight:400;
margin:0 0 10px;
color:var(--secondary-color)
}
.hotelGroupTheme p {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTopbar {
padding:12px 0;
border-bottom:1px solid #efefef
}
.hotelGroupTopbar .inline-wrapper {
align-items:center
}
.hotelGroupTopbar p {
margin:0 10px 0;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
margin-left:0
}
.hotelGroupTopbar p .fa {
margin-right:10px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone .fa {
font-size:18px;
position:relative;
top:1px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
position:relative;
top:-1px
}
.hotelGroupTopbar p a {
color:#4f4f4f;
text-decoration:none;
transition:all .3s ease
}
.hotelGroupTopbar p a:focus,.hotelGroupTopbar p a:hover {
color:var(--secondary-color);
;
text-decoration:none
}
.hotelGroupTopbar p.hotelGroupTopbarSocial {
font-size:16px
}
.hotelGroupTopbar p.hotelGroupTopbarSocial .fa {
margin-right:0
}
.hotelGroupTopbar .gTranslate {
margin-left:10px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget {
position:relative;
font-size:0
}
.hotelGroupTheme #google_translate_element .goog-te-gadget:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
pointer-events:none;
color:#000;
font-size:18px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget a.goog-logo-link {
display:none
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
height:30px;
padding:0 30px 0 10px;
letter-spacing:.03em;
border-radius:0;
border:1px solid #d5d5d5;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
cursor:pointer;
font-size:12px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo:focus {
outline:0;
border-color:#a7a7a7
}
.hotelGroupNavbar {
position:relative;
z-index:100
}
.hotelGroupNavbar .navbar {
width:100%;
margin:0;
padding:10px 0;
display:flex;
align-items:center;
min-height:60px
}
.hotelGroupNavbar .navbar-header .navbar-brand {
height:auto
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:90px
}
.hotelGroupNavbar .navbar-collapse {
padding:0!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
width:inherit;
align-items:center;
padding-right:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:5px 0 0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
line-height:1;
color:#30353e;
text-transform:uppercase;
letter-spacing:.03em;
transition:all .3s ease;
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:active,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:focus,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:hover,.hotelGroupNavbar .navbar.navbar-plain ul.nav li.active a {
color:var(--secondary-color);
;
background-color:transparent
}
.hotelGroupNavbar .nav .open>a,.hotelGroupNavbar .nav .open>a:focus,.hotelGroupNavbar .nav .open>a:hover {
background:none;
border:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown a .caret:after {
top:-7px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown.open a .caret:after {
top:-3px
}
.hotelGroupNavbar .dropdown-menu {
border-radius:0;
background:#FFF
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li {
display:block
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
font-weight:400;
display:block;
padding:15px 20px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdownRight .dropdown-menu {
left:auto;
right:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-family:Bellota;
background:var(--primary-color);
border:1px solid var(--primary-color);
color:#fff;
box-shadow:none;
border-radius:0;
font-size:14px;
font-weight:700;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
transition:all .3s ease;
padding:12px 18px
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:focus,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:hover {
border-color:var(--secondary-color);
;
background:var(--secondary-color);
;
cursor:pointer;
color:#fff;
text-decoration:none;
box-shadow:none;
outline:0
}
.hotelGroupSlideshowContainer {
color:#FFF
}
.hotelGroupSlideshowContainer p,.hotelGroupSlideshowContainer a {
color:#FFF
}
.hotelGroupSlideshowContainer .carousel-inner>.item {
transition:none;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item img {
animation:bloomEffects 1s ease;
animation-fill-mode:forwards
}
@keyframes bloomEffects {
0% {
transform:scale(1)
}
100% {
transform:scale(1.1)
}
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:60px;
font-weight:700;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
font-size:18px;
font-weight:400;
line-height:1.4;
letter-spacing:.06em;
margin:0 auto 60px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
background:#000;
border-color:#000
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
font-family:Chakra Petch;
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
background-color:transparent;
color:#fff;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto;
height:50px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:active {
background-color:#FFF;
border-color:#FFF;
color:#000
}
.hotelGroupSlideshow {
max-height:600px;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupSlideshowContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
background:#000;
border:1px solid #000
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:auto;
right:0
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
left:auto;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li:hover,.hotelGroupSlideshowContainer .carousel-indicators li:focus,.hotelGroupSlideshowContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupSlideshowContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupSlideshowContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBookingContainer {
position:relative;
background:#1b1b1b;
color:#FFF;
padding:40px 0
}
.hotelSubGroupTheme.hotelGroupBookingContainer {
position:relative;
background:var(--secondary-color);
;
color:#FFF
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0 30px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupBookingContainer .boxnew {
width:100%;
text-align:center
}
.hotelGroupBookingContainer .boxnew p {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupBookingContainer .boxnew p label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p input {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupBookingContainer .boxnew p select {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
font-family:Bellota;
font-size:18px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:50px;
border-radius:0;
padding:10px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:var(--secondary-color);
!important;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn {
background-color:#000;
color:#fff;
border:1px solid #000
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupBookingContainer .boxnew p br {
display:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:25px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:25px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1) {
max-width:300px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(4) {
margin-top:28px
}
.hotelGroupTheme .bbres_fieldset,.hotelGroupTheme .HGCalender,.hotelGroupTheme .HGBEBtn {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select,.hotelGroupTheme .HGSelectOuter {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:300px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select:before,.hotelGroupTheme .HGSelectOuter:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:20px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupTheme .bbres_fieldset label,.hotelGroupTheme .bbres_select label,.hotelGroupTheme .form-control label,.hotelGroupTheme .HGSelectOuter label,.hotelGroupTheme .HGCalender label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset input,.hotelGroupTheme .HGCalender input,.hotelGroupTheme input.form-control {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme textarea.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:auto;
background:#fff;
width:100%;
padding:20px;
border-radius:0;
font-size:13px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger {
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
font-size:0;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px
}
.hotelGroupTheme .HGCalender:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupTheme .bbres_select select,.hotelGroupTheme .HGSelectOuter select,.hotelGroupTheme select.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupTheme input.form-control:focus,.hotelGroupTheme select.form-control:focus,.hotelGroupTheme select:focus,.hotelGroupTheme textarea.form-control:focus,.hotelGroupTheme textarea:focus {
border-color:#152161;
background:#fff;
outline:0
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn,.hotelGroupTheme .HGBEBtn #bb_resBtn {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
line-height:1.8;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:#000;
color:#fff;
border:1px solid #000;
height:50px;
border-radius:0;
padding:15px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn:active,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:focus,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:hover,.hotelGroupTheme .HGBEBtn #bb_resBtn:active,.hotelGroupTheme .HGBEBtn #bb_resBtn:focus,.hotelGroupTheme .HGBEBtn #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupWelcomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupWelcomeInner {
display:flex;
align-items:center
}
.hotelGroupWelcomeContent {
width:48%
}
.hotelGroupWelcomeImgOuter {
width:52%;
padding-left:100px
}
.hotelGroupPropertyContainer {
position:relative;
padding:1px 0;
display:flex;
justify-content:center
}
.hotelGroupPropertyInner {
position:relative;
display:flex;
min-height:600px;
flex-flow:row wrap;
max-width:1600px
}
.hotelGroupPropertyContainerAlter .hotelGroupPropertyInner {
flex-direction:row-reverse
}
.hotelGroupPropertyImage {
width:60%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.hotelGroupPropertyContent {
width:40%;
padding:60px;
display:flex;
flex-flow:column;
justify-content:center;
text-align:left
}
h3.hotelGroupPropertyContentTitle {
margin:0 0 30px;
font-size:42px;
line-height:1.2;
letter-spacing:2px;
color:#30353e
}
p.hotelGroupPropertyContentText {
color:inherit;
margin:0 0 50px;
font-size:17px;
line-height:1.8;
letter-spacing:.03em
}
.hotelGroupHomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupHomeContainer .hotelGroupHomeContent {
text-align:center
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:60px;
padding-top:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:16px;
line-height:2
}
.hotelGroupAmenityContainer {
position:relative;
background:var(--primary-color);
color:#FFF;
padding:80px 0 40px;
text-align:center
}
.hotelGroupAmenityContainer {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f06b6379b36d_bannerImg002.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupAmenityContainer h2,.hotelGroupAmenityContainer h3,.hotelGroupAmenityContainer h4,.hotelGroupAmenityContainer p {
color:#FFF
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px;
padding-top:30px
}
.hotelGroupAmenityContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#e6c6a1;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupAmenityBtnOuter {
margin:60px 0 0
}
.hotelGroupAmenityList {
display:flex;
flex-flow:row wrap;
align-items:flex-start;
justify-content:flex-start
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
position:relative;
display:flex;
text-align:left;
padding:40px;
align-items:flex-start;
width:33%;
justify-content:flex-start;
margin:0;
align-items:center
}
.hotelGroupAmenityItemImg {
min-width:60px;
min-height:60px;
background:rgb(0 0 0 / .2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
margin:0 10px 0 0
}
.hotelGroupAmenityItemImg img {
max-width:30px;
max-height:30px
}
.hotelGroupAmenityItemContent h3 {
margin:0 0 6px;
font-weight:600;
letter-spacing:1px;
font-size:20px;
line-height:1
}
.hotelGroupAmenityItemContent p {
margin:0;
font-size:14px;
letter-spacing:.03em
}
body .hotelGroupFooter {
background:#1b1b1b;
color:#c5c5c5
}
.hotelGroupFooter .HGfooterTitle {
color:#FFF;
font-family:Bellota;
font-size:24px;
letter-spacing:3px;
font-weight:700;
text-transform:uppercase;
margin:0 0 30px
}
.hotelGroupFooter ul.list-basic li a:not(.btn) {
color:#c5c5c5;
text-decoration:none
}
.hotelGroupFooter ul.list-basic li a:not(.btn):hover,.hotelGroupFooter ul.list-basic li a:not(.btn):focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic {
display:flex;
flex-flow:row wrap
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic li {
width:50%
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic {
display:flex;
flex-flow:column
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic li {
width:initial
}
body .hotelGroupFooterbtm {
background:#101010;
color:#c5c5c5;
padding:10px 0;
font-size:14px
}
body .hotelGroupFooterbtm .footerBtmInner {
display:flex;
justify-content:space-between;
align-items:center
}
body .hotelGroupFooterbtm p {
margin:0;
font-family:Chakra Petch
}
body .hotelGroupFooterbtm p a {
color:#c5c5c5;
text-decoration:none
}
body .hotelGroupFooterbtm p a:hover,body .hotelGroupFooterbtm p a:focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterContact ul.list-basic li {
position:relative;
padding-left:30px
}
body .hotelGroupFooter p,body .hotelGroupFooter ul li,body .hotelGroupFooter p a {
margin-bottom:10px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
color:#c5c5c5;
letter-spacing:.03em
}
body .hotelGroupFooter .HGfooterContact li .fa {
position:absolute;
left:0;
top:3px;
font-size:20px;
font-weight:400;
line-height:1
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial {
margin:10px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial li .fa {
position:relative;
top:initial
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-map-marker {
left:2px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-envelope-open-o {
font-size:14px;
left:1px;
top:4px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-mobile {
font-size:22px;
left:3px;
top:1px
}
.hotelGroupRoomContainer {
padding:80px 0
}
.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-end
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
position:relative;
z-index:1;
width:80%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:600px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
position:absolute;
right:10px;
bottom:70px;
width:50px;
z-index:2;
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #000;
background:#000;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators {
background:none;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
position:absolute;
width:600px;
background:#FFF;
padding:30px;
left:0;
top:50%;
display:block;
z-index:2;
transform:translateY(-50%);
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:48px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupRoomContainer .hotelGroupRoomContentText {
margin:0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities {
margin:20px 0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic {
display:flex;
flex-flow:row wrap
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic li {
width:50%;
display:flex;
align-items:center;
margin:0 0 15px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesImg img {
max-height:24px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesTxt p {
margin:0 0 0 10px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice {
margin:0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice strong {
font-size:22px;
font-weight:700;
margin:0;
letter-spacing:-.02em
}
.hotelGroupRoomContainer .hotelGroupRoomPrice span {
border-bottom:1px dashed;
cursor:help;
margin:0 0 0 5px
}
.hotelGroupRoomContainerAlter .hotelGroupRoomInner {
justify-content:flex-start
}
.hotelGroupRoomContainerAlter .hotelGroupRoomContent {
left:auto;
right:0
}
.hotelGroupRoomContainerAlter .hotelGroupRoomImage .carouselNavOuter {
right:auto;
left:10px
}
.hotelGroupTheme .mapWrapper iframe {
margin:0;
padding:0;
outline:0;
border:0;
display:inline-block;
vertical-align:top
}
.hotelGroupGalleryContainer {
padding:0 0 80px;
text-align:center
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:80px
}
.hotelGroupBody .modal-dialog {
margin:15px auto 0;
max-width:900px!important
}
.hotelGroupBody .modal-header {
padding:0;
border-bottom:0 solid #e5e5e5;
background:0
}
.hotelGroupBody .modal-title {
display:none
}
.hotelGroupBody .modal button.close {
z-index:110;
right:10px;
top:10px;
outline:0
}
.hotelGroupBody .modal button.close:focus,.hotelGroupBody .modal button.close:hover {
outline:0
}
.hotelGroupBody .ekko-lightbox-nav-overlay .glyphicon {
height:100%;
display:flex;
align-items:center;
text-align:right
}
.hotelGroupBody .glyphicon.glyphicon-chevron-left {
justify-content:flex-start
}
.hotelGroupBody .glyphicon.glyphicon-chevron-right {
justify-content:flex-end
}
.hotelGroupBody .ekko-lightbox-nav-overlay a:focus,.hotelGroupBody .ekko-lightbox-nav-overlay a:hover {
text-decoration:none
}
.hotelGroupBody .modal-dialog img {
width:100%
}
.hotelGroupBody .modal-dialog .ekko-lightbox-container {
max-height:550px;
overflow:hidden
}
.hotelGroupHeadBlock {
padding:60px 0;
text-align:center
}
.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
margin:0
}
.hotelGroupPageTitle {
padding:100px 0;
color:#FFF;
background-color:rgba(0,0,0,0);
background-position:50% 60%
}
.hotelGroupPageTitle h2 {
color:#FFF;
text-align:center;
margin:0
}
.hotelGroupPageTitle h2 span {
color:#FFF;
font-family:Chakra Petch;
margin:10px 0 0
}
.hotelGroupContactContainer {
padding:80px 0
}
.hotelGroupContactContainer .form-group,.hotelGroupContactContainer .input-group {
margin:0 0 20px
}
.hotelGroupContactContainer h3 {
font-size:28px;
font-weight:700;
letter-spacing:1px;
margin:0 0 20px;
color:#30353e
}
.hotelGroupContactContainer h3.hotelGroupContactHeading {
margin:0 0 10px
}
.hotelGroupContactContainer p.hotelGroupContactDesc {
margin:0 0 40px
}
.hotelGroupContactDetails ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactDetails p,.hotelGroupContactDetails ul li,.hotelGroupContactDetails p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactDetails li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactDetails ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
.hotelGroupContactDetails li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactDetails li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactDetails li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn) {
color:#4f4f4f
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding-left:30px
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial .HGfooterSocial li .fa {
position:relative;
top:initial
}
.hotelGroupContactlistContainer {
background:#f8f8f8;
padding:80px 0
}
.hotelGroupContactlistContainer .hotelGroupContactblock {
position:relative;
padding:30px;
background:#FFF;
box-shadow:0 7px 12px -4px rgba(0,0,0,.1);
margin:0 5px
}
.hotelGroupContactlistContainer .hotelGroupContactblock a {
white-space:normal;
word-break:break-all
}
.hotelGroupContactlistContainer .hotelGroupContactblock h4 {
margin:0 0 30px;
font-size:22px;
font-weight:700
}
.hotelGroupContactlistContainer ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactlistContainer p,.hotelGroupContactlistContainer ul li,.hotelGroupContactlistContainer p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactlistContainer li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactlistContainer ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 10px 0 0
}
.hotelGroupContactlistContainer li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactlistContainer li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactlistContainer li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding:0;
margin:0 15px 0 0
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li .fa {
position:relative
}
.hotelGroupAboutSliderContainer {
padding:80px 0
}
.hotelGroupAboutWelcomeContainer {
padding:0 0 80px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption h3 {
font-size:54px;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption p {
font-size:16px;
font-weight:400;
line-height:1.8;
letter-spacing:.05em;
margin:0 auto 60px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn {
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:active {
background:#FFF;
color:#000
}
.hotelGroupAboutSliderContainer .carousel-inner .item [data-component=image]:before {
content:"";
top:0;
left:0;
right:0;
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.54);
z-index:1;
display:none
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
background:#000;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupAboutSliderContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li:hover,.hotelGroupAboutSliderContainer .carousel-indicators li:focus,.hotelGroupAboutSliderContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupAboutSliderContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupAboutSliderContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a:hover,.hotelGroupBody .ui-datepicker.ui-widget-content td a:focus,.hotelGroupBody .ui-datepicker.ui-widget-content td a:active {
text-decoration:none
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a.ui-state-active {
background:var(--secondary-color);
;
color:#fff;
text-decoration:none
}
.hotelGroupthankyouPage {
padding:80px 0;
text-align:center
}
.hotelSubGroupContentContainer {
padding:80px 0;
text-align:center
}
.hotelGroupContentContainer {
padding:80px 0 0;
text-align:center
}
.hotelSubGroupContentContainer .hotelGroupRoomContent {
padding:50px
}
.hotelSubGroupContentContainer h2,.hotelGroupContentContainer h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:80px 0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerLast {
padding-bottom:100px
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:absolute;
right:30px;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:10px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn {
font-size:16px;
height:auto;
font-family:Bellota;
line-height:1;
padding:15px 20px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn:nth-of-type(2) {
margin-left:5px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoomAmenitiesTxt {
display:none
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:0 20px 0 0;
width:initial
}
.hotelSubGroupTheme .hotelGroupRoomAmenities {
margin:30px 0 20px
}
.hotelSubGroupTheme .hotelGroupRoomImage {
box-shadow:0 50px 40px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px;
letter-spacing:2px;
padding:30px 0 0;
text-transform:none;
color:#30353e
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
opacity:.8
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:18px;
line-height:2
}
.hotelSubGroupTheme .hotelGroupWelcomeImg {
box-shadow:0 30px 30px -20px rgba(0,0,0,.2);
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover {
box-shadow:0 30px 30px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg img {
transition:all .4s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1.03)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
padding:30px 0 0;
margin:0 0 30px;
color:#30353e
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px;
text-transform:none;
margin-bottom:60px;
padding:30px 0 0
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
margin:0;
padding:1px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper.margin-bottom-10px {
margin-bottom:0;
overflow:hidden;
position:relative
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper img {
transition:all .6s ease
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper:hover img {
transform:scale(1.1)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:before {
content:"";
background:rgba(0,0,0,.6);
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all .3s ease;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:hover:before {
top:0;
opacity:0;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a {
position:relative;
display:block
}
.hotelGroupBtnOuter {
margin:60px auto 0;
text-align:center
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
display:flex
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:50%;
padding:20px 20px 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage {
position:relative;
z-index:1;
width:initial
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent {
position:relative;
top:0;
transform:translateY(0%);
width:initial;
text-align:left
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:0;
transition:all .6s ease;
margin:40px 0 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 14px rgb(255 255 255 / .3)
}
.hotelGroupTestimonialHome {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f7c5d480856d_spa.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupTestimonialHome .overly,.hotelGroupAmenityContainer .overly {
background:rgba(0,0,0,.6)
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter {
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:80%;
margin:0 auto
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-family:Bellota;
font-weight:400;
font-size:18px;
color:#FFF;
line-height:2;
letter-spacing:1px;
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
content:'\f10d';
font-family:fontAwesome;
font-size:72px;
margin:0;
opacity:.3;
position:absolute;
left:-50px;
top:-30px;
line-height:1
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
position:relative;
margin:0 auto;
left:0;
right:0;
top:0;
width:100%;
padding:50px
}
.hotelGroupTestimonialHome .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF;
display:none
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:hover,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:focus,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupTestimonialHome .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupTestimonialHome .carousel-indicators {
background:none;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li:hover,.hotelGroupTestimonialHome .carousel-indicators li:focus,.hotelGroupTestimonialHome .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupTestimonialHome .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupTestimonialHome .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupTestimonialHome .nav-indicators-in .carousel-indicators-wrapper {
right:0;
left:0;
bottom:-30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption h3 {
letter-spacing:1px
}
.hotelGroupTestimonialHome h2 {
color:#FFF;
text-align:center
}
.hotelGroupTestimonialHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#FFF;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-40px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionHome {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupAttractionHomeInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupAttractionBlock {
position:relative;
width:calc(33.33% - 40px);
margin:0 20px;
overflow:hidden
}
.hotelGroupAttractionImg {
position:relative;
z-index:1
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:400px;
transition:all .6s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:absolute;
bottom:-90px;
left:0;
background:rgba(0,0,0,.6);
display:block;
color:#FFF;
z-index:2;
padding:20px;
transition:all .3s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionContent {
bottom:0
}
.hotelGroupAttractionContent p {
color:#FFF
}
.hotelGroupAttractionHome h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupAttractionHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionContent h3 {
margin:0 0 15px;
letter-spacing:1px;
font-size:26px;
color:#fff
}
.hotelGroupAttractionContent p {
color:#FFF;
font-size:14px;
letter-spacing:.03em;
margin:0
}
.hotelGroupPropertyContainer {
padding:80px 0 80px
}
.hotelGroupPropertyPage.hotelGroupPropertyContainer {
padding:0 0 80px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupPropertyContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupPropertyContainerInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyBlock {
width:33%;
margin:0 20px;
position:relative;
overflow:hidden
}
.hotelGroupPropertyBlock:after {
content:"";
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
transition:all .3s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover:after {
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:450px;
transition:all .8s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1.1)
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
text-align:center;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:11;
background:rgba(0,0,0,.5);
opacity:1;
transition:all .3s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:0
}
.hotelGroupPropertyBlock a {
color:var(--secondary-color)
}
.hotelGroupPropertyBlock h3 {
letter-spacing:1px;
font-size:24px;
font-weight:400;
margin:0;
color:#FFF
}
.hotelGroupPropertyBlock p {
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#909090
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
font-size:13px;
text-transform:none;
letter-spacing:.03em;
margin:20px 0 0
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockLabel {
margin:0 0 10px;
font-size:12px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
display:flex;
flex-flow:column;
align-items:flex-start;
border:1px solid;
padding:30px;
position:absolute;
left:0;
top:-100%;
z-index:11;
width:100%;
height:100%;
max-height:450px;
transition:all .6s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockContent {
top:0;
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:absolute;
bottom:-100%;
left:30px;
z-index:11;
transition:all .6s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:30px
}
.hotelGroupPropertyLogoContainer {
padding:20px 0
}
.hotelGroupPropertyLogoInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyLogo {
margin:20px
}
.hotelGroupPropertyLogo img {
max-height:80px;
transition:all .6s ease;
opacity:.6
}
.hotelGroupPropertyLogo:hover img {
opacity:1
}
.hotelGroupRewardContainer {
padding:100px 0;
background-image:url(images/uploads/1/5f7ef5d09cd88_gift.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment:fixed
}
.hotelGroupRewardContainer:before {
content:"";
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
position:absolute;
left:0;
right:0;
top:0;
pointer-events:none;
width:100%;
height:100%
}
.hotelGroupRewardContainer h2 {
color:#FFF;
margin:0 0 10px;
text-transform:none
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupRewardContainer p {
color:#FFF;
margin:0;
letter-spacing:.06em;
font-size:14px
}
.hotelGroupRewardContainer .btn-secondary {
letter-spacing:2px
}
.hotelGroupContentsContainer {
padding:60px 0
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
position:relative;
padding:80px 0;
text-align:center;
background:inherit
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer:before {
content:"";
display:none
}
.hotelGroupAmenityPage .hotelGroupAmenityItemContent h3,.hotelGroupAmenityPage .hotelGroupAmenityItemContent p {
color:#30353e
}
.hotelGroupAmenityPage .hotelGroupAmenityItemImg {
background:none;
border:0;
align-items:flex-start;
padding:0;
min-height:initial;
min-width:initial
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:80px 0 0
}
.hotelGroupAttractionPage.hotelGroupAttractionHome {
background:inherit;
padding-top:40px
}
.hotelGroupTheme .tooltip {
white-space:nowrap
}
.hotelGroupTheme .tooltip .tooltip-inner {
background-color:#000;
font-size:10px;
letter-spacing:.05em
}
.hotelGroupTheme .tooltip.top .tooltip-arrow {
bottom:1px;
border-top-color:#000
}
.hotelGroupTheme .tooltip.top-left .tooltip-arrow,.hotelGroupTheme .tooltip.top-right .tooltip-arrow,.hotelGroupTheme .tooltip.top .tooltip-arrow {
border-top-color:#000
}
.hotelSubGroupNavbar {
background:#1b1b1b
}
.hotelSubGroupNavbar .navbar-nav>li>a {
padding:15px;
color:#FFF;
line-height:1;
font-size:13px;
letter-spacing:.05em;
transition:all .3s ease
}
.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:var(--secondary-color);
;
color:#FFF
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:1px solid #424242
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a {
font-weight:700
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active {
background:#1b1b1b
}
.hotelGroupRestaurantContainer {
padding:80px 0
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:36px;
text-transform:none
}
.hotelSubGroupRestaurantPage {
padding:80px 0 0;
text-align:center
}
.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupRestaurantPage p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelGroupRestaurantBlock {
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:row-reverse
}
.hotelGroupRestaurantImg {
width:50%;
overflow:hidden
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
max-height:400px;
min-height:400px;
width:100%;
transition:all .3s ease
}
.hotelGroupRestaurantBlock:hover .hotelGroupRestaurantImg img {
transform:scale(1.1)
}
.hotelGroupRestaurantContent {
width:50%;
padding:40px;
border:1px solid #dedede;
min-height:400px;
max-height:400px;
display:flex;
flex-flow:column;
justify-content:center
}
.hotelGroupRestaurantContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.hotelGroupRestaurantContent p {
margin-bottom:30px
}
.hotelGroupBanquetsContainer {
padding:80px 0
}
.hotelGroupBanquetsInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupBanquetsBlock {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:calc(50% - 40px);
margin:0 20px 60px;
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease;
overflow:hidden
}
.hotelGroupBanquetsBlock:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelGroupBanquetsImg {
position:relative;
z-index:1;
max-height:350px;
overflow:hidden
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 24px rgb(255 255 255 / .3)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
min-height:350px;
max-height:350px;
transition:all .6s ease
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1.1)
}
.hotelGroupBanquetsContent {
background:#FFF;
transition:all .3s ease;
padding:30px
}
.hotelGroupBanquetsContent h3 {
font-size:32px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupBanquetsContent p {
margin:0
}
.hotelGroupNavbar .navbar-header #subNavicon {
display:none
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:none
}
.hotelGroupCovidpage {
padding:80px 0
}
.hotelGroupCovidpage h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupCovidpage p {
margin-bottom:20px
}
.hotelGroupTheme .nomargintop {
margin-top:0!important
}
.helloBarContainer {
background:var(--primary-color);
color:#FFF;
text-align:center;
padding:15px 0
}
.helloBarContainer p {
margin:0;
line-height:1;
font-size:14px;
color:#FFF
}
.helloBarContainer p .fa {
margin:0 10px 0 0
}
.helloBarContainer p a {
color:#FFF;
text-transform:uppercase;
font-weight:600;
margin:0 0 0 20px;
text-decoration:none;
border-bottom:1px solid #FFF
}
.helloBarContainer p a:hover,.helloBarContainer p a:focus {
color:#FFF;
text-decoration:none;
border-bottom-color:rgba(255,255,255,.5)
}
.helloBarContainer a.helloBarClose {
cursor:pointer;
color:rgba(255,255,255,.5);
font-size:24px;
font-weight:300;
line-height:1;
margin:0 0 0 20px;
transition:all .2s ease-out
}
.helloBarContainer a.helloBarClose:hover,.helloBarContainer a.helloBarClose:focus {
text-decoration:none;
color:rgba(255,255,255,1)
}
.helloBarInner {
position:relative;
z-index:11;
display:flex;
justify-content:center;
align-items:center
}
.rewardsTopcontainer {
padding:80px 0
}
.rewardsTopcontainerInner {
display:flex;
flex-flow:row-reverse
}
.rewardsTopcontainerImage {
width:55%;
padding-left:50px
}
.rewardsTopcontainerContent {
width:45%
}
.rewardsTopcontainerContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.rewardsOffers {
background:var(--primary-color);
color:#FFF;
padding:80px 0
}
.rewardsForm {
max-width:500px;
margin:0 auto
}
.rewardsForm h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px;
text-align:center
}
.hotelGroupAmenityContainer.rewardsOffers:before {
background-image:url(images/uploads/1/5f92a8c42060e_gift4.jpg)
}
.hotelGroupTheme.privacyPage {
padding:80px 0
}
.hotelGroupTheme.privacyPage h2 {
font-size:32px;
font-weight:700;
color:#30353e;
text-transform:none;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupTheme.privacyPage p {
}
.hotelGroupTheme.privacyPage p strong {
font-size:18px;
margin-top:20px;
margin-bottom:5px;
display:inline-block
}
.hotelGroupTheme ul.privacyList {
margin:30px 0
}
.hotelGroupTheme ul.privacyList li {
margin-bottom:10px
}
.hotelGroupTheme ul.privacyList li:last-of-type {
margin-bottom:0
}
.hotelSubGroupAboutSliderContainer {
padding:40px 0 80px
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display:none
}
.grecaptcha-badge {
display:none!important
}
.boxnew button.btn.crssearchbtn:hover {
background:#45b5c6!important
}
.hotelgroup-subnavbar {
position:sticky;
z-index:99;
top:0
}
.group-row {
display:flex;
align-items:center
}
div#gallery2 img {
min-height:230px;
max-height:230px;
min-width:387px;
height:100%;
width:100%
}
.ekko-lightbox-container img {
min-width: 1000px;
min-height: 600px;
max-height: 600px;
height:100%;
width:100%
}
.modal-dialog{
max-width: 1000px !important;
}
@media(min-width:1601px) {
.hotelGroupSlideshowContainer .carousel .item img {
width:100%
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
}
@media(max-width:1199px) {
.hotelGroupNavbar .navbar-header .navbar-brand a {
max-width:200px
}
.hotelGroupNavbar .container {
padding:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
padding:0;
margin:0;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar .navbar-buttons {
margin:0 0 0 15px!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-size:12px;
padding:10px;
margin:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-centered .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left-right .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons {
min-height:initial;
min-width:initial
}
.hotelGroupNavbar .navbar {
padding:0;
border:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar-header {
float:none;
width:100%;
padding:0;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
border-bottom:1px solid #efefef
}
.hotelGroupNavbar .navbar-header .navbar-brand {
min-height:initial;
height:initial;
max-width:initial;
padding:0;
margin:0 10px 0 0;
width:calc(100% - 80px)
}
.hotelGroupNavbar .navbar-header .navbar-toggle {
width:50px;
float:none;
margin:0;
padding:0;
font-size:24px;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar-header .navbar-toggle.collapsed .fa-bars:before {
content:"\F0C9"
}
.hotelGroupNavbar .navbar-header .navbar-toggle .fa-bars:before {
content:"\F00D"
}
.hotelGroupNavbar .navbar-header #subNavicon {
width:50px;
float:none;
margin:0;
padding:0;
color:#4f4f4f;
font-size:24px;
text-align:center;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
display:none!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse.in {
display:block!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:20px 10px;
margin:0;
box-shadow:none;
min-width:100%;
width:100%;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li {
display:block;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.open {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav .dropdown.open>a {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
padding:10px 30px;
text-transform:none
}
.hotelSubGroupNavbar {
background:#FFF
}
.hotelSubGroupNavbar #subGroupNavigation {
padding:0;
margin:0 -15px
}
.hotelSubGroupNavbar #subGroupNavigation.collapse {
display:none!important
}
.hotelSubGroupNavbar #subGroupNavigation.collapse.in {
display:block!important
}
.hotelSubGroupNavbar #subGroupNavigation .navbar-nav {
float:none;
padding:20px
}
.hotelSubGroupNavbar .navbar-nav>li {
display:block;
float:none
}
.hotelSubGroupNavbar .navbar-nav>li>a {
font-family:Chakra Petch;
color:#30353e;
font-size:14px;
font-weight:600;
padding:10px 0
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:60px
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:0
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active,.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:#FFF;
color:var(--secondary-color)
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:block;
margin:0 20px 20px 20px
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow.navbar-buttons>* {
display:block
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow .btn {
font-size:15px;
line-height:1;
padding:15px 20px
}
.hotelGroupWelcomeContent {
width:50%
}
.hotelGroupWelcomeImgOuter {
width:50%;
padding-left:50px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:16px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
position:relative;
font-size:40px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
flex-direction:column;
justify-content:center
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
margin:0 auto;
width:90%
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2)
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:90%;
margin:0 auto;
position:relative;
top:0;
transform:translateY(0%)
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:36px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:400px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding:40px 0 60px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:60px 0 0
}
.hotelGroupContactContainer {
padding:60px 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:50%;
padding-bottom:0;
margin:20px 0
}
.hotelGroupContactlistContainer {
padding:60px 0
}
.hotelGroupFormContainer {
max-width:100%
}
.hotelGroupRestaurantContent {
max-height:initial
}
.hotelGroupRestaurantBlock {
align-items:stretch
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:100%;
max-height:initial
}
.hotelGroupCovidpage {
padding:40px 0
}
}
@media(max-width:991px) {
.group-row {
display:flex
}
body.hotelGroupBody #page {
overflow-x:hidden
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
display:none
}
.hotelGroupTopbar .hotelGroupTopbarLeft .inline-wrapper {
justify-content:flex-start
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper {
justify-content:flex-end
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper>[data-component=image] {
display:none
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:36px
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
display:none
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
display:none
}
.hotelGroupBookingContainer #bb_resBookingBox {
flex-direction:column
}
.hotelGroupBookingContainer .boxnew p {
max-width:300px;
margin:15px 0
}
.hotelGroupTheme h2 {
font-size:42px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:60px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span {
position:relative;
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:30px
}
.hotelGroupPropertyContainerInner {
flex-flow:row wrap
}
.hotelGroupPropertyBlock {
width:calc(50% - 40px);
margin-bottom:30px
}
.hotelGroupAttractionBlock {
width:calc(50% - 40px)
}
.hotelGroupAttractionHome {
padding:60px 0
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:column;
margin:40px 20px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupRestaurantImg {
width:initial
}
.hotelGroupRestaurantContent {
width:initial;
min-height:initial;
max-height:initial;
padding:30px
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:initial;
max-height:initial
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:36px;
top:-10px
}
.hotelGroupWelcomeContainer {
padding:60px 0
}
.hotelGroupWelcomeInner {
flex-direction:column
}
.hotelGroupWelcomeContent {
width:initial;
text-align:center
}
.hotelGroupWelcomeImgOuter {
width:initial;
padding-left:0;
margin:40px auto 0;
max-width:600px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
flex-direction:column
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
width:initial
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
flex-direction:column;
text-align:center
}
.hotelGroupAmenityItemImg {
margin:0 auto 30px
}
.hotelGroupGalleryContainer {
padding-bottom:60px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:60px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:flex;
flex-flow:row wrap;
justify-content:center
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:33.33%
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:100%
}
.hotelGroupTestimonialHome h2 span {
font-size:30px;
top:-30px
}
body .hotelGroupFooter .col-sm-4 {
width:100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 30px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
display:none
}
.hotelGroupHeadBlock {
padding-bottom:30px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:42px
}
.hotelGroupBookingContainer .boxnew p input {
height:40px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
bottom:6px
}
.hotelGroupBookingContainer .boxnew p select {
height:40px
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
height:44px
}
.hotelGroupPageTitle {
padding:80px 0
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2 {
font-size:32px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:350px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:auto;
margin:40px 0 0
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
width:100%;
left:0;
right:0;
bottom:auto;
top:45%;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:auto;
right:auto;
left:5px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.right.carousel-control {
left:auto;
right:5px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:100%
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
width:100%
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
display:none
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:30px 0
}
.hotelSubGroupContentContainer {
padding:60px 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
margin:0 10px
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p,.hotelGroupTheme p {
font-size:15px
}
.hotelGroupContactDetails li .fa.fa-map-marker {
top:0
}
.hotelGroupContactDetails {
margin:60px 0 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:100%;
margin:30px 0
}
.hotelGroupContactlistContainer {
padding:40px 0
}
.hotelGroupContentContainer {
padding-top:60px
}
.hotelGroupContentContainer h2 {
font-size:36px
}
.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupRestaurantBlock {
align-items:initial
}
.hotelGroupBanquetsBlock {
width:100%;
margin:0 10px 60px
}
.hotelGroupBanquetsBlock:last-of-type {
margin-bottom:0
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
max-height:initial;
min-height:initial
}
.rewardsTopcontainer {
padding:60px 0
}
.rewardsTopcontainerInner {
flex-direction:column
}
.rewardsTopcontainerImage {
width:initial;
padding-left:0;
margin:0 auto 30px
}
.rewardsTopcontainerContent {
width:initial
}
.hotelGroupTheme.privacyPage {
padding:40px 0
}
.hotelGroupAboutSliderContainer {
padding:50px 0
}
.hotelGroupAboutWelcomeContainer {
padding-bottom:50px
}
}
@media(max-width:767px) {
.ekko-lightbox-container img {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
div#gallery2 img {
min-height:100%;
max-height:100%;
min-width:100%
}
.hotelGroupNavbar .navbar-two {
padding:10px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:block
}
#whatsapp-message {
bottom:90px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupSlideshowContainer .carouselNavOuter {
width:100%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
left:10px;
right:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
top:auto;
bottom:10px;
left:auto;
right:10px
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:relative;
bottom:auto;
background:#FFF;
color:#4f4f4f;
min-height:200px
}
.hotelGroupAttractionContent h3 {
font-size:24px;
font-weight:600
}
.hotelGroupAttractionContent p {
color:#4f4f4f
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:initial
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column;
justify-content:center;
text-align:center
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1)
}
.hotelGroupAmenityItemContent h3 {
margin-bottom:15px
}
.hotelGroupContactContainer {
padding:40px 0
}
.hotelGroupPageTitle h2 span {
line-height:1.6
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1)
}
.CovidpageInner {
padding:0 10px
}
.hotelGroupCovidpage h3 {
font-size:28px
}
.rewardsTopcontainer {
padding:40px 0
}
.rewardsTopcontainerInner {
padding:0 10px
}
.hotelGroupTheme ul.privacyList {
padding:0 0 0 20px
}
.privacyPageInner {
padding:0 10px
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
display:none
}
}
@media(max-width:640px) {
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
display:none
}
.hotelGroupRewardContainer {
padding:80px 0
}
.hotelGroupRestaurantContainer {
padding:60px 0
}
.hotelGroupPropertyBlock {
width:100%;
border:1px solid #e0e0e0
}
.hotelGroupPropertyBlockImg {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
position:relative;
top:0;
max-height:450px;
opacity:1;
border-color:#e0e0e0
}
.hotelGroupPropertyBlock h3 {
color:#30353e;
font-weight:600
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
margin-top:15px;
font-size:14px;
font-weight:400
}
.hotelGroupAttractionBlock {
width:100%;
box-shadow:0 3px 6px -1px rgba(0,0,0,.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
min-height:initial;
padding:30px
}
.hotelGroupAttractionImg {
max-height:350px;
overflow:hidden
}
.hotelGroupAttractionContent h3 {
color:#fff;
font-size:30px
}
.hotelGroupRewardInner {
padding:0 10px
}
.hotelGroupPropertyLogoInner {
flex-flow:row wrap
}
.hotelGroupPropertyLogo {
width:calc(50% - 40px)
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:initial
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:50px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
max-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:relative;
bottom:0;
left:25px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:25px;
border:0
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 30px
}
.hotelGroupTheme .btn.btn-primary {
padding:14px 18px;
font-size:15px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
background:rgba(0,0,0,.3)
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:1
}
.hotelGroupPropertyBlock:hover:after {
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1)
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:300px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:30px;
margin-bottom:15px
}
.hotelGroupPageTitle {
padding:60px 0
}
.hotelGroupPageTitle h2 {
font-size:32px
}
.hotelGroupPageTitle h2 span {
font-size:14px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelSubGroupRestaurantPage h2 {
font-size:30px;
letter-spacing:.03em
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-top:0
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:60px 0 0
}
.hotelGroupCovidpage h3 {
margin-top:30px
}
.hotelGroupAmenityItemContent {
margin:0 auto
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:100%
}
.rewardsOffers.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
}
@media(max-width:580px) {
.hotelGroupSlideshowContainer .carousel .item img {
min-height:300px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:30px;
letter-spacing:2px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control,.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
bottom:-20px
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:70px
}
.hotelGroupTheme h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:15px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:30px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
margin:0
}
.hotelGroupTopbar p.hotelGroupTopbarPhone a {
margin-bottom:0
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-size:16px
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
display:block
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupPageTitle {
padding:40px 0
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:40px 10px 0
}
.hotelGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:20px 0 60px
}
.hotelGroupBanquetsContent h3 {
font-size:26px
}
.hotelGroupCovidpage h3 {
font-size:26px;
margin-bottom:15px
}
.hotelGroupTheme.privacyPage h2 {
font-size:26px
}
.hotelGroupAboutSliderInner,.hotelGroupAboutWelcomeInner {
padding:0 10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:30px;
margin-bottom:20px
}
}
@media(max-width:500px) {
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
display:block
}
}
@media(max-width:479px) {
.hotelGroupRestaurantContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:30px 10px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupPropertyBlock {
margin:20px 10px
}
.hotelGroupAttractionBlock {
margin:20px 10px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:40px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
margin-bottom:0
}
.hotelGroupAttractionHome {
padding:40px 0
}
.hotelGroupAttractionHome h2 {
margin-bottom:30px
}
.hotelGroupTheme h2 {
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:24px;
top:-10px
}
.hotelGroupAttractionContent h3 {
font-size:24px
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
padding:20px
}
.hotelGroupPropertyLogo {
width:calc(50% - 20px);
margin:10px
}
.hotelGroupRewardContainer {
padding:60px 0;
background-attachment:initial;
background-position:50% 100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 20px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:250px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:24px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2,.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:26px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
padding:20px 0
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:10px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
padding:25px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelGroupPropertyBlockImg,.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:260px
}
.hotelGroupFooter .HGfooterTitle {
font-size:20px
}
.hotelGroupTheme p {
font-size:13px
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupBtnOuter {
margin-top:40px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
margin-bottom:30px
}
.hotelGroupGalleryContainer {
padding-bottom:50px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
padding:50px 20px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
font-size:60px;
top:-20px;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:220px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelSubGroupContentContainer {
padding:40px 0 20px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:26px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding-top:40px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-bottom:40px
}
.hotelGroupBanquetsContent {
padding:20px
}
.rewardsTopcontainerContent h3,.rewardsForm h3,.rewardsForm h3 {
font-size:28px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
.helloBarContainer p a {
margin-left:10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:24px
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
bottom:20px
}
.hotelGroupAboutSliderInner .carousel .item img {
min-height:180px
}
}
@media(max-width:359px) {
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
max-width:140px
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:260px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:24px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 20px;
left:20px
}
}
Standard Rooms
* img{
object-fit: cover;
}
:root {
--primary-color:#c6ab62;
--secondary-color:#b48744;
--btn-hover:#b48744;
--white:#fff;
--primary-text-color:#333;
--black:#000;
--placeholder:#757575;
--background-color:#0f0f0f
}
body.hotelGroupBody {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f;
overflow-x:hidden
}
.yummy .col-lg-1,.yummy .col-lg-2,.yummy .col-lg-3,.yummy .col-lg-4,.yummy .col-lg-5,.yummy .col-lg-6,.yummy .col-lg-7,.yummy .col-lg-8,.yummy .col-lg-9,.yummy .col-lg-10,.yummy .col-lg-11,.yummy .col-lg-12,.yummy .col-lg-15,.yummy .col-md-1,.yummy .col-md-2,.yummy .col-md-3,.yummy .col-md-4,.yummy .col-md-5,.yummy .col-md-6,.yummy .col-md-7,.yummy .col-md-8,.yummy .col-md-9,.yummy .col-md-10,.yummy .col-md-11,.yummy .col-md-12,.yummy .col-md-15,.yummy .col-sm-1,.yummy .col-sm-2,.yummy .col-sm-3,.yummy .col-sm-4,.yummy .col-sm-5,.yummy .col-sm-6,.yummy .col-sm-7,.yummy .col-sm-8,.yummy .col-sm-9,.yummy .col-sm-10,.yummy .col-sm-11,.yummy .col-sm-12,.yummy .col-sm-15,.yummy .col-xs-1,.yummy .col-xs-2,.yummy .col-xs-3,.yummy .col-xs-4,.yummy .col-xs-5,.yummy .col-xs-6,.yummy .col-xs-7,.yummy .col-xs-8,.yummy .col-xs-9,.yummy .col-xs-10,.yummy .col-xs-11,.yummy .col-xs-12,.yummy .col-xs-15 {
padding-right:15px;
padding-left:15px;
padding-bottom:0
}
.yummy p {
margin:0
}
#whatsapp-message {
position:fixed;
margin-bottom:1vh;
bottom:35px;
right:5px;
width:65px;
height:65px;
overflow:hidden;
visibility:visible;
z-index:2147483639;
background:0;
border:0;
transition:transform .2s ease-in-out;
backface-visibility:hidden;
opacity:1;
transform:translateY(0%)
}
.hotelGroupTheme,body .hotelGroupTheme {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTheme a,.hotelGroupTheme p a {
text-decoration:none;
color:var(--primary-color)
}
.hotelGroupTheme a:hover,.hotelGroupTheme a:focus,.hotelGroupTheme p a:hover,.hotelGroupTheme p a:focus {
text-decoration:none;
color:var(--secondary-color)
}
.hotelGroupTheme .btn.btn-primary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-primary:focus,.hotelGroupTheme .btn.btn-primary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelGroupTheme .btn.btn-secondary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:transparent;
color:var(--primary-color);
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-secondary:focus,.hotelGroupTheme .btn.btn-secondary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#FFF
}
.hotelGroupTheme .h1,.hotelGroupTheme .h2,.hotelGroupTheme .h3,.hotelGroupTheme .h4,.hotelGroupTheme .h5,.hotelGroupTheme .h6,.hotelGroupTheme h1,.hotelGroupTheme h2,.hotelGroupTheme h3,.hotelGroupTheme h4,.hotelGroupTheme h5,.hotelGroupTheme h6 {
font-family:Bellota;
font-weight:400
}
.header.fixed {
position:fixed;
top:0;
box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
-webkit-box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
left:0;
right:0;
margin:0 auto;
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
.hotelGroupTheme h2 {
margin:0 0 30px;
position:relative;
color:#30353e;
margin:0 0 30px;
font-size:48px;
line-height:1.2;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase
}
.hotelGroupTheme h2 span {
display:block;
font-size:16px;
font-weight:400;
margin:0 0 10px;
color:var(--secondary-color)
}
.hotelGroupTheme p {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTopbar {
padding:12px 0;
border-bottom:1px solid #efefef
}
.hotelGroupTopbar .inline-wrapper {
align-items:center
}
.hotelGroupTopbar p {
margin:0 10px 0;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
margin-left:0
}
.hotelGroupTopbar p .fa {
margin-right:10px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone .fa {
font-size:18px;
position:relative;
top:1px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
position:relative;
top:-1px
}
.hotelGroupTopbar p a {
color:#4f4f4f;
text-decoration:none;
transition:all .3s ease
}
.hotelGroupTopbar p a:focus,.hotelGroupTopbar p a:hover {
color:var(--secondary-color);
;
text-decoration:none
}
.hotelGroupTopbar p.hotelGroupTopbarSocial {
font-size:16px
}
.hotelGroupTopbar p.hotelGroupTopbarSocial .fa {
margin-right:0
}
.hotelGroupTopbar .gTranslate {
margin-left:10px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget {
position:relative;
font-size:0
}
.hotelGroupTheme #google_translate_element .goog-te-gadget:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
pointer-events:none;
color:#000;
font-size:18px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget a.goog-logo-link {
display:none
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
height:30px;
padding:0 30px 0 10px;
letter-spacing:.03em;
border-radius:0;
border:1px solid #d5d5d5;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
cursor:pointer;
font-size:12px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo:focus {
outline:0;
border-color:#a7a7a7
}
.hotelGroupNavbar {
position:relative;
z-index:100
}
.hotelGroupNavbar .navbar {
width:100%;
margin:0;
padding:10px 0;
display:flex;
align-items:center;
min-height:60px
}
.hotelGroupNavbar .navbar-header .navbar-brand {
height:auto
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:90px
}
.hotelGroupNavbar .navbar-collapse {
padding:0!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
width:inherit;
align-items:center;
padding-right:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:5px 0 0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
line-height:1;
color:#30353e;
text-transform:uppercase;
letter-spacing:.03em;
transition:all .3s ease;
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:active,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:focus,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:hover,.hotelGroupNavbar .navbar.navbar-plain ul.nav li.active a {
color:var(--secondary-color);
;
background-color:transparent
}
.hotelGroupNavbar .nav .open>a,.hotelGroupNavbar .nav .open>a:focus,.hotelGroupNavbar .nav .open>a:hover {
background:none;
border:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown a .caret:after {
top:-7px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown.open a .caret:after {
top:-3px
}
.hotelGroupNavbar .dropdown-menu {
border-radius:0;
background:#FFF
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li {
display:block
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
font-weight:400;
display:block;
padding:15px 20px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdownRight .dropdown-menu {
left:auto;
right:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-family:Bellota;
background:var(--primary-color);
border:1px solid var(--primary-color);
color:#fff;
box-shadow:none;
border-radius:0;
font-size:14px;
font-weight:700;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
transition:all .3s ease;
padding:12px 18px
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:focus,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:hover {
border-color:var(--secondary-color);
;
background:var(--secondary-color);
;
cursor:pointer;
color:#fff;
text-decoration:none;
box-shadow:none;
outline:0
}
.hotelGroupSlideshowContainer {
color:#FFF
}
.hotelGroupSlideshowContainer p,.hotelGroupSlideshowContainer a {
color:#FFF
}
.hotelGroupSlideshowContainer .carousel-inner>.item {
transition:none;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item img {
animation:bloomEffects 1s ease;
animation-fill-mode:forwards
}
@keyframes bloomEffects {
0% {
transform:scale(1)
}
100% {
transform:scale(1.1)
}
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:60px;
font-weight:700;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
font-size:18px;
font-weight:400;
line-height:1.4;
letter-spacing:.06em;
margin:0 auto 60px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
background:#000;
border-color:#000
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
font-family:Chakra Petch;
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
background-color:transparent;
color:#fff;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto;
height:50px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:active {
background-color:#FFF;
border-color:#FFF;
color:#000
}
.hotelGroupSlideshow {
max-height:600px;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupSlideshowContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
background:#000;
border:1px solid #000
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:auto;
right:0
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
left:auto;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li:hover,.hotelGroupSlideshowContainer .carousel-indicators li:focus,.hotelGroupSlideshowContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupSlideshowContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupSlideshowContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBookingContainer {
position:relative;
background:#1b1b1b;
color:#FFF;
padding:40px 0
}
.hotelSubGroupTheme.hotelGroupBookingContainer {
position:relative;
background:var(--secondary-color);
;
color:#FFF
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0 30px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupBookingContainer .boxnew {
width:100%;
text-align:center
}
.hotelGroupBookingContainer .boxnew p {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupBookingContainer .boxnew p label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p input {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupBookingContainer .boxnew p select {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
font-family:Bellota;
font-size:18px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:50px;
border-radius:0;
padding:10px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:var(--secondary-color);
!important;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn {
background-color:#000;
color:#fff;
border:1px solid #000
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupBookingContainer .boxnew p br {
display:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:25px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:25px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1) {
max-width:300px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(4) {
margin-top:28px
}
.hotelGroupTheme .bbres_fieldset,.hotelGroupTheme .HGCalender,.hotelGroupTheme .HGBEBtn {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select,.hotelGroupTheme .HGSelectOuter {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:300px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select:before,.hotelGroupTheme .HGSelectOuter:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:20px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupTheme .bbres_fieldset label,.hotelGroupTheme .bbres_select label,.hotelGroupTheme .form-control label,.hotelGroupTheme .HGSelectOuter label,.hotelGroupTheme .HGCalender label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset input,.hotelGroupTheme .HGCalender input,.hotelGroupTheme input.form-control {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme textarea.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:auto;
background:#fff;
width:100%;
padding:20px;
border-radius:0;
font-size:13px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger {
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
font-size:0;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px
}
.hotelGroupTheme .HGCalender:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupTheme .bbres_select select,.hotelGroupTheme .HGSelectOuter select,.hotelGroupTheme select.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupTheme input.form-control:focus,.hotelGroupTheme select.form-control:focus,.hotelGroupTheme select:focus,.hotelGroupTheme textarea.form-control:focus,.hotelGroupTheme textarea:focus {
border-color:#152161;
background:#fff;
outline:0
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn,.hotelGroupTheme .HGBEBtn #bb_resBtn {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
line-height:1.8;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:#000;
color:#fff;
border:1px solid #000;
height:50px;
border-radius:0;
padding:15px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn:active,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:focus,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:hover,.hotelGroupTheme .HGBEBtn #bb_resBtn:active,.hotelGroupTheme .HGBEBtn #bb_resBtn:focus,.hotelGroupTheme .HGBEBtn #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupWelcomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupWelcomeInner {
display:flex;
align-items:center
}
.hotelGroupWelcomeContent {
width:48%
}
.hotelGroupWelcomeImgOuter {
width:52%;
padding-left:100px
}
.hotelGroupPropertyContainer {
position:relative;
padding:1px 0;
display:flex;
justify-content:center
}
.hotelGroupPropertyInner {
position:relative;
display:flex;
min-height:600px;
flex-flow:row wrap;
max-width:1600px
}
.hotelGroupPropertyContainerAlter .hotelGroupPropertyInner {
flex-direction:row-reverse
}
.hotelGroupPropertyImage {
width:60%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.hotelGroupPropertyContent {
width:40%;
padding:60px;
display:flex;
flex-flow:column;
justify-content:center;
text-align:left
}
h3.hotelGroupPropertyContentTitle {
margin:0 0 30px;
font-size:42px;
line-height:1.2;
letter-spacing:2px;
color:#30353e
}
p.hotelGroupPropertyContentText {
color:inherit;
margin:0 0 50px;
font-size:17px;
line-height:1.8;
letter-spacing:.03em
}
.hotelGroupHomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupHomeContainer .hotelGroupHomeContent {
text-align:center
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:60px;
padding-top:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:16px;
line-height:2
}
.hotelGroupAmenityContainer {
position:relative;
background:var(--primary-color);
color:#FFF;
padding:80px 0 40px;
text-align:center
}
.hotelGroupAmenityContainer {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f06b6379b36d_bannerImg002.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupAmenityContainer h2,.hotelGroupAmenityContainer h3,.hotelGroupAmenityContainer h4,.hotelGroupAmenityContainer p {
color:#FFF
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px;
padding-top:30px
}
.hotelGroupAmenityContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#e6c6a1;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupAmenityBtnOuter {
margin:60px 0 0
}
.hotelGroupAmenityList {
display:flex;
flex-flow:row wrap;
align-items:flex-start;
justify-content:flex-start
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
position:relative;
display:flex;
text-align:left;
padding:40px;
align-items:flex-start;
width:33%;
justify-content:flex-start;
margin:0;
align-items:center
}
.hotelGroupAmenityItemImg {
min-width:60px;
min-height:60px;
background:rgb(0 0 0 / .2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
margin:0 10px 0 0
}
.hotelGroupAmenityItemImg img {
max-width:30px;
max-height:30px
}
.hotelGroupAmenityItemContent h3 {
margin:0 0 6px;
font-weight:600;
letter-spacing:1px;
font-size:20px;
line-height:1
}
.hotelGroupAmenityItemContent p {
margin:0;
font-size:14px;
letter-spacing:.03em
}
body .hotelGroupFooter {
background:#1b1b1b;
color:#c5c5c5
}
.hotelGroupFooter .HGfooterTitle {
color:#FFF;
font-family:Bellota;
font-size:24px;
letter-spacing:3px;
font-weight:700;
text-transform:uppercase;
margin:0 0 30px
}
.hotelGroupFooter ul.list-basic li a:not(.btn) {
color:#c5c5c5;
text-decoration:none
}
.hotelGroupFooter ul.list-basic li a:not(.btn):hover,.hotelGroupFooter ul.list-basic li a:not(.btn):focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic {
display:flex;
flex-flow:row wrap
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic li {
width:50%
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic {
display:flex;
flex-flow:column
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic li {
width:initial
}
body .hotelGroupFooterbtm {
background:#101010;
color:#c5c5c5;
padding:10px 0;
font-size:14px
}
body .hotelGroupFooterbtm .footerBtmInner {
display:flex;
justify-content:space-between;
align-items:center
}
body .hotelGroupFooterbtm p {
margin:0;
font-family:Chakra Petch
}
body .hotelGroupFooterbtm p a {
color:#c5c5c5;
text-decoration:none
}
body .hotelGroupFooterbtm p a:hover,body .hotelGroupFooterbtm p a:focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterContact ul.list-basic li {
position:relative;
padding-left:30px
}
body .hotelGroupFooter p,body .hotelGroupFooter ul li,body .hotelGroupFooter p a {
margin-bottom:10px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
color:#c5c5c5;
letter-spacing:.03em
}
body .hotelGroupFooter .HGfooterContact li .fa {
position:absolute;
left:0;
top:3px;
font-size:20px;
font-weight:400;
line-height:1
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial {
margin:10px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial li .fa {
position:relative;
top:initial
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-map-marker {
left:2px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-envelope-open-o {
font-size:14px;
left:1px;
top:4px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-mobile {
font-size:22px;
left:3px;
top:1px
}
.hotelGroupRoomContainer {
padding:80px 0
}
.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-end
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
position:relative;
z-index:1;
width:80%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:600px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
position:absolute;
right:10px;
bottom:70px;
width:50px;
z-index:2;
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #000;
background:#000;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators {
background:none;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
position:absolute;
width:600px;
background:#FFF;
padding:30px;
left:0;
top:50%;
display:block;
z-index:2;
transform:translateY(-50%);
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:48px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupRoomContainer .hotelGroupRoomContentText {
margin:0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities {
margin:20px 0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic {
display:flex;
flex-flow:row wrap
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic li {
width:50%;
display:flex;
align-items:center;
margin:0 0 15px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesImg img {
max-height:24px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesTxt p {
margin:0 0 0 10px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice {
margin:0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice strong {
font-size:22px;
font-weight:700;
margin:0;
letter-spacing:-.02em
}
.hotelGroupRoomContainer .hotelGroupRoomPrice span {
border-bottom:1px dashed;
cursor:help;
margin:0 0 0 5px
}
.hotelGroupRoomContainerAlter .hotelGroupRoomInner {
justify-content:flex-start
}
.hotelGroupRoomContainerAlter .hotelGroupRoomContent {
left:auto;
right:0
}
.hotelGroupRoomContainerAlter .hotelGroupRoomImage .carouselNavOuter {
right:auto;
left:10px
}
.hotelGroupTheme .mapWrapper iframe {
margin:0;
padding:0;
outline:0;
border:0;
display:inline-block;
vertical-align:top
}
.hotelGroupGalleryContainer {
padding:0 0 80px;
text-align:center
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:80px
}
.hotelGroupBody .modal-dialog {
margin:15px auto 0;
max-width:900px!important
}
.hotelGroupBody .modal-header {
padding:0;
border-bottom:0 solid #e5e5e5;
background:0
}
.hotelGroupBody .modal-title {
display:none
}
.hotelGroupBody .modal button.close {
z-index:110;
right:10px;
top:10px;
outline:0
}
.hotelGroupBody .modal button.close:focus,.hotelGroupBody .modal button.close:hover {
outline:0
}
.hotelGroupBody .ekko-lightbox-nav-overlay .glyphicon {
height:100%;
display:flex;
align-items:center;
text-align:right
}
.hotelGroupBody .glyphicon.glyphicon-chevron-left {
justify-content:flex-start
}
.hotelGroupBody .glyphicon.glyphicon-chevron-right {
justify-content:flex-end
}
.hotelGroupBody .ekko-lightbox-nav-overlay a:focus,.hotelGroupBody .ekko-lightbox-nav-overlay a:hover {
text-decoration:none
}
.hotelGroupBody .modal-dialog img {
width:100%
}
.hotelGroupBody .modal-dialog .ekko-lightbox-container {
max-height:550px;
overflow:hidden
}
.hotelGroupHeadBlock {
padding:60px 0;
text-align:center
}
.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
margin:0
}
.hotelGroupPageTitle {
padding:100px 0;
color:#FFF;
background-color:rgba(0,0,0,0);
background-position:50% 60%
}
.hotelGroupPageTitle h2 {
color:#FFF;
text-align:center;
margin:0
}
.hotelGroupPageTitle h2 span {
color:#FFF;
font-family:Chakra Petch;
margin:10px 0 0
}
.hotelGroupContactContainer {
padding:80px 0
}
.hotelGroupContactContainer .form-group,.hotelGroupContactContainer .input-group {
margin:0 0 20px
}
.hotelGroupContactContainer h3 {
font-size:28px;
font-weight:700;
letter-spacing:1px;
margin:0 0 20px;
color:#30353e
}
.hotelGroupContactContainer h3.hotelGroupContactHeading {
margin:0 0 10px
}
.hotelGroupContactContainer p.hotelGroupContactDesc {
margin:0 0 40px
}
.hotelGroupContactDetails ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactDetails p,.hotelGroupContactDetails ul li,.hotelGroupContactDetails p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactDetails li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactDetails ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
.hotelGroupContactDetails li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactDetails li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactDetails li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn) {
color:#4f4f4f
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding-left:30px
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial .HGfooterSocial li .fa {
position:relative;
top:initial
}
.hotelGroupContactlistContainer {
background:#f8f8f8;
padding:80px 0
}
.hotelGroupContactlistContainer .hotelGroupContactblock {
position:relative;
padding:30px;
background:#FFF;
box-shadow:0 7px 12px -4px rgba(0,0,0,.1);
margin:0 5px
}
.hotelGroupContactlistContainer .hotelGroupContactblock a {
white-space:normal;
word-break:break-all
}
.hotelGroupContactlistContainer .hotelGroupContactblock h4 {
margin:0 0 30px;
font-size:22px;
font-weight:700
}
.hotelGroupContactlistContainer ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactlistContainer p,.hotelGroupContactlistContainer ul li,.hotelGroupContactlistContainer p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactlistContainer li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactlistContainer ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 10px 0 0
}
.hotelGroupContactlistContainer li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactlistContainer li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactlistContainer li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding:0;
margin:0 15px 0 0
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li .fa {
position:relative
}
.hotelGroupAboutSliderContainer {
padding:80px 0
}
.hotelGroupAboutWelcomeContainer {
padding:0 0 80px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption h3 {
font-size:54px;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption p {
font-size:16px;
font-weight:400;
line-height:1.8;
letter-spacing:.05em;
margin:0 auto 60px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn {
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:active {
background:#FFF;
color:#000
}
.hotelGroupAboutSliderContainer .carousel-inner .item [data-component=image]:before {
content:"";
top:0;
left:0;
right:0;
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.54);
z-index:1;
display:none
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
background:#000;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupAboutSliderContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li:hover,.hotelGroupAboutSliderContainer .carousel-indicators li:focus,.hotelGroupAboutSliderContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupAboutSliderContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupAboutSliderContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a:hover,.hotelGroupBody .ui-datepicker.ui-widget-content td a:focus,.hotelGroupBody .ui-datepicker.ui-widget-content td a:active {
text-decoration:none
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a.ui-state-active {
background:var(--secondary-color);
;
color:#fff;
text-decoration:none
}
.hotelGroupthankyouPage {
padding:80px 0;
text-align:center
}
.hotelSubGroupContentContainer {
padding:80px 0;
text-align:center
}
.hotelGroupContentContainer {
padding:80px 0 0;
text-align:center
}
.hotelSubGroupContentContainer .hotelGroupRoomContent {
padding:50px
}
.hotelSubGroupContentContainer h2,.hotelGroupContentContainer h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:80px 0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerLast {
padding-bottom:100px
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:absolute;
right:30px;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:10px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn {
font-size:16px;
height:auto;
font-family:Bellota;
line-height:1;
padding:15px 20px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn:nth-of-type(2) {
margin-left:5px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoomAmenitiesTxt {
display:none
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:0 20px 0 0;
width:initial
}
.hotelSubGroupTheme .hotelGroupRoomAmenities {
margin:30px 0 20px
}
.hotelSubGroupTheme .hotelGroupRoomImage {
box-shadow:0 50px 40px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px;
letter-spacing:2px;
padding:30px 0 0;
text-transform:none;
color:#30353e
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
opacity:.8
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:18px;
line-height:2
}
.hotelSubGroupTheme .hotelGroupWelcomeImg {
box-shadow:0 30px 30px -20px rgba(0,0,0,.2);
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover {
box-shadow:0 30px 30px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg img {
transition:all .4s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1.03)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
padding:30px 0 0;
margin:0 0 30px;
color:#30353e
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px;
text-transform:none;
margin-bottom:60px;
padding:30px 0 0
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
margin:0;
padding:1px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper.margin-bottom-10px {
margin-bottom:0;
overflow:hidden;
position:relative
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper img {
transition:all .6s ease
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper:hover img {
transform:scale(1.1)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:before {
content:"";
background:rgba(0,0,0,.6);
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all .3s ease;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:hover:before {
top:0;
opacity:0;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a {
position:relative;
display:block
}
.hotelGroupBtnOuter {
margin:60px auto 0;
text-align:center
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
display:flex
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:50%;
padding:20px 20px 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage {
position:relative;
z-index:1;
width:initial
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent {
position:relative;
top:0;
transform:translateY(0%);
width:initial;
text-align:left
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:0;
transition:all .6s ease;
margin:40px 0 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 14px rgb(255 255 255 / .3)
}
.hotelGroupTestimonialHome {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f7c5d480856d_spa.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupTestimonialHome .overly,.hotelGroupAmenityContainer .overly {
background:rgba(0,0,0,.6)
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter {
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:80%;
margin:0 auto
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-family:Bellota;
font-weight:400;
font-size:18px;
color:#FFF;
line-height:2;
letter-spacing:1px;
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
content:'\f10d';
font-family:fontAwesome;
font-size:72px;
margin:0;
opacity:.3;
position:absolute;
left:-50px;
top:-30px;
line-height:1
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
position:relative;
margin:0 auto;
left:0;
right:0;
top:0;
width:100%;
padding:50px
}
.hotelGroupTestimonialHome .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF;
display:none
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:hover,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:focus,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupTestimonialHome .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupTestimonialHome .carousel-indicators {
background:none;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li:hover,.hotelGroupTestimonialHome .carousel-indicators li:focus,.hotelGroupTestimonialHome .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupTestimonialHome .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupTestimonialHome .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupTestimonialHome .nav-indicators-in .carousel-indicators-wrapper {
right:0;
left:0;
bottom:-30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption h3 {
letter-spacing:1px
}
.hotelGroupTestimonialHome h2 {
color:#FFF;
text-align:center
}
.hotelGroupTestimonialHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#FFF;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-40px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionHome {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupAttractionHomeInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupAttractionBlock {
position:relative;
width:calc(33.33% - 40px);
margin:0 20px;
overflow:hidden
}
.hotelGroupAttractionImg {
position:relative;
z-index:1
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:400px;
transition:all .6s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:absolute;
bottom:-90px;
left:0;
background:rgba(0,0,0,.6);
display:block;
color:#FFF;
z-index:2;
padding:20px;
transition:all .3s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionContent {
bottom:0
}
.hotelGroupAttractionContent p {
color:#FFF
}
.hotelGroupAttractionHome h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupAttractionHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionContent h3 {
margin:0 0 15px;
letter-spacing:1px;
font-size:26px;
color:#fff
}
.hotelGroupAttractionContent p {
color:#FFF;
font-size:14px;
letter-spacing:.03em;
margin:0
}
.hotelGroupPropertyContainer {
padding:80px 0 80px
}
.hotelGroupPropertyPage.hotelGroupPropertyContainer {
padding:0 0 80px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupPropertyContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupPropertyContainerInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyBlock {
width:33%;
margin:0 20px;
position:relative;
overflow:hidden
}
.hotelGroupPropertyBlock:after {
content:"";
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
transition:all .3s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover:after {
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:450px;
transition:all .8s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1.1)
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
text-align:center;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:11;
background:rgba(0,0,0,.5);
opacity:1;
transition:all .3s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:0
}
.hotelGroupPropertyBlock a {
color:var(--secondary-color)
}
.hotelGroupPropertyBlock h3 {
letter-spacing:1px;
font-size:24px;
font-weight:400;
margin:0;
color:#FFF
}
.hotelGroupPropertyBlock p {
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#909090
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
font-size:13px;
text-transform:none;
letter-spacing:.03em;
margin:20px 0 0
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockLabel {
margin:0 0 10px;
font-size:12px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
display:flex;
flex-flow:column;
align-items:flex-start;
border:1px solid;
padding:30px;
position:absolute;
left:0;
top:-100%;
z-index:11;
width:100%;
height:100%;
max-height:450px;
transition:all .6s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockContent {
top:0;
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:absolute;
bottom:-100%;
left:30px;
z-index:11;
transition:all .6s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:30px
}
.hotelGroupPropertyLogoContainer {
padding:20px 0
}
.hotelGroupPropertyLogoInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyLogo {
margin:20px
}
.hotelGroupPropertyLogo img {
max-height:80px;
transition:all .6s ease;
opacity:.6
}
.hotelGroupPropertyLogo:hover img {
opacity:1
}
.hotelGroupRewardContainer {
padding:100px 0;
background-image:url(images/uploads/1/5f7ef5d09cd88_gift.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment:fixed
}
.hotelGroupRewardContainer:before {
content:"";
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
position:absolute;
left:0;
right:0;
top:0;
pointer-events:none;
width:100%;
height:100%
}
.hotelGroupRewardContainer h2 {
color:#FFF;
margin:0 0 10px;
text-transform:none
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupRewardContainer p {
color:#FFF;
margin:0;
letter-spacing:.06em;
font-size:14px
}
.hotelGroupRewardContainer .btn-secondary {
letter-spacing:2px
}
.hotelGroupContentsContainer {
padding:60px 0
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
position:relative;
padding:80px 0;
text-align:center;
background:inherit
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer:before {
content:"";
display:none
}
.hotelGroupAmenityPage .hotelGroupAmenityItemContent h3,.hotelGroupAmenityPage .hotelGroupAmenityItemContent p {
color:#30353e
}
.hotelGroupAmenityPage .hotelGroupAmenityItemImg {
background:none;
border:0;
align-items:flex-start;
padding:0;
min-height:initial;
min-width:initial
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:80px 0 0
}
.hotelGroupAttractionPage.hotelGroupAttractionHome {
background:inherit;
padding-top:40px
}
.hotelGroupTheme .tooltip {
white-space:nowrap
}
.hotelGroupTheme .tooltip .tooltip-inner {
background-color:#000;
font-size:10px;
letter-spacing:.05em
}
.hotelGroupTheme .tooltip.top .tooltip-arrow {
bottom:1px;
border-top-color:#000
}
.hotelGroupTheme .tooltip.top-left .tooltip-arrow,.hotelGroupTheme .tooltip.top-right .tooltip-arrow,.hotelGroupTheme .tooltip.top .tooltip-arrow {
border-top-color:#000
}
.hotelSubGroupNavbar {
background:#1b1b1b
}
.hotelSubGroupNavbar .navbar-nav>li>a {
padding:15px;
color:#FFF;
line-height:1;
font-size:13px;
letter-spacing:.05em;
transition:all .3s ease
}
.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:var(--secondary-color);
;
color:#FFF
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:1px solid #424242
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a {
font-weight:700
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active {
background:#1b1b1b
}
.hotelGroupRestaurantContainer {
padding:80px 0
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:36px;
text-transform:none
}
.hotelSubGroupRestaurantPage {
padding:80px 0 0;
text-align:center
}
.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupRestaurantPage p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelGroupRestaurantBlock {
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:row-reverse
}
.hotelGroupRestaurantImg {
width:50%;
overflow:hidden
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
max-height:400px;
min-height:400px;
width:100%;
transition:all .3s ease
}
.hotelGroupRestaurantBlock:hover .hotelGroupRestaurantImg img {
transform:scale(1.1)
}
.hotelGroupRestaurantContent {
width:50%;
padding:40px;
border:1px solid #dedede;
min-height:400px;
max-height:400px;
display:flex;
flex-flow:column;
justify-content:center
}
.hotelGroupRestaurantContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.hotelGroupRestaurantContent p {
margin-bottom:30px
}
.hotelGroupBanquetsContainer {
padding:80px 0
}
.hotelGroupBanquetsInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupBanquetsBlock {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:calc(50% - 40px);
margin:0 20px 60px;
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease;
overflow:hidden
}
.hotelGroupBanquetsBlock:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelGroupBanquetsImg {
position:relative;
z-index:1;
max-height:350px;
overflow:hidden
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 24px rgb(255 255 255 / .3)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
min-height:350px;
max-height:350px;
transition:all .6s ease
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1.1)
}
.hotelGroupBanquetsContent {
background:#FFF;
transition:all .3s ease;
padding:30px
}
.hotelGroupBanquetsContent h3 {
font-size:32px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupBanquetsContent p {
margin:0
}
.hotelGroupNavbar .navbar-header #subNavicon {
display:none
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:none
}
.hotelGroupCovidpage {
padding:80px 0
}
.hotelGroupCovidpage h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupCovidpage p {
margin-bottom:20px
}
.hotelGroupTheme .nomargintop {
margin-top:0!important
}
.helloBarContainer {
background:var(--primary-color);
color:#FFF;
text-align:center;
padding:15px 0
}
.helloBarContainer p {
margin:0;
line-height:1;
font-size:14px;
color:#FFF
}
.helloBarContainer p .fa {
margin:0 10px 0 0
}
.helloBarContainer p a {
color:#FFF;
text-transform:uppercase;
font-weight:600;
margin:0 0 0 20px;
text-decoration:none;
border-bottom:1px solid #FFF
}
.helloBarContainer p a:hover,.helloBarContainer p a:focus {
color:#FFF;
text-decoration:none;
border-bottom-color:rgba(255,255,255,.5)
}
.helloBarContainer a.helloBarClose {
cursor:pointer;
color:rgba(255,255,255,.5);
font-size:24px;
font-weight:300;
line-height:1;
margin:0 0 0 20px;
transition:all .2s ease-out
}
.helloBarContainer a.helloBarClose:hover,.helloBarContainer a.helloBarClose:focus {
text-decoration:none;
color:rgba(255,255,255,1)
}
.helloBarInner {
position:relative;
z-index:11;
display:flex;
justify-content:center;
align-items:center
}
.rewardsTopcontainer {
padding:80px 0
}
.rewardsTopcontainerInner {
display:flex;
flex-flow:row-reverse
}
.rewardsTopcontainerImage {
width:55%;
padding-left:50px
}
.rewardsTopcontainerContent {
width:45%
}
.rewardsTopcontainerContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.rewardsOffers {
background:var(--primary-color);
color:#FFF;
padding:80px 0
}
.rewardsForm {
max-width:500px;
margin:0 auto
}
.rewardsForm h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px;
text-align:center
}
.hotelGroupAmenityContainer.rewardsOffers:before {
background-image:url(images/uploads/1/5f92a8c42060e_gift4.jpg)
}
.hotelGroupTheme.privacyPage {
padding:80px 0
}
.hotelGroupTheme.privacyPage h2 {
font-size:32px;
font-weight:700;
color:#30353e;
text-transform:none;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupTheme.privacyPage p {
}
.hotelGroupTheme.privacyPage p strong {
font-size:18px;
margin-top:20px;
margin-bottom:5px;
display:inline-block
}
.hotelGroupTheme ul.privacyList {
margin:30px 0
}
.hotelGroupTheme ul.privacyList li {
margin-bottom:10px
}
.hotelGroupTheme ul.privacyList li:last-of-type {
margin-bottom:0
}
.hotelSubGroupAboutSliderContainer {
padding:40px 0 80px
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display:none
}
.grecaptcha-badge {
display:none!important
}
.boxnew button.btn.crssearchbtn:hover {
background:#45b5c6!important
}
.hotelgroup-subnavbar {
position:sticky;
z-index:99;
top:0
}
.group-row {
display:flex;
align-items:center
}
div#gallery2 img {
min-height:230px;
max-height:230px;
min-width:387px;
height:100%;
width:100%
}
.ekko-lightbox-container img {
min-width: 1000px;
min-height: 600px;
max-height: 600px;
height:100%;
width:100%
}
.modal-dialog{
max-width: 1000px !important;
}
@media(min-width:1601px) {
.hotelGroupSlideshowContainer .carousel .item img {
width:100%
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
}
@media(max-width:1199px) {
.hotelGroupNavbar .navbar-header .navbar-brand a {
max-width:200px
}
.hotelGroupNavbar .container {
padding:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
padding:0;
margin:0;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar .navbar-buttons {
margin:0 0 0 15px!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-size:12px;
padding:10px;
margin:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-centered .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left-right .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons {
min-height:initial;
min-width:initial
}
.hotelGroupNavbar .navbar {
padding:0;
border:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar-header {
float:none;
width:100%;
padding:0;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
border-bottom:1px solid #efefef
}
.hotelGroupNavbar .navbar-header .navbar-brand {
min-height:initial;
height:initial;
max-width:initial;
padding:0;
margin:0 10px 0 0;
width:calc(100% - 80px)
}
.hotelGroupNavbar .navbar-header .navbar-toggle {
width:50px;
float:none;
margin:0;
padding:0;
font-size:24px;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar-header .navbar-toggle.collapsed .fa-bars:before {
content:"\F0C9"
}
.hotelGroupNavbar .navbar-header .navbar-toggle .fa-bars:before {
content:"\F00D"
}
.hotelGroupNavbar .navbar-header #subNavicon {
width:50px;
float:none;
margin:0;
padding:0;
color:#4f4f4f;
font-size:24px;
text-align:center;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
display:none!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse.in {
display:block!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:20px 10px;
margin:0;
box-shadow:none;
min-width:100%;
width:100%;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li {
display:block;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.open {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav .dropdown.open>a {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
padding:10px 30px;
text-transform:none
}
.hotelSubGroupNavbar {
background:#FFF
}
.hotelSubGroupNavbar #subGroupNavigation {
padding:0;
margin:0 -15px
}
.hotelSubGroupNavbar #subGroupNavigation.collapse {
display:none!important
}
.hotelSubGroupNavbar #subGroupNavigation.collapse.in {
display:block!important
}
.hotelSubGroupNavbar #subGroupNavigation .navbar-nav {
float:none;
padding:20px
}
.hotelSubGroupNavbar .navbar-nav>li {
display:block;
float:none
}
.hotelSubGroupNavbar .navbar-nav>li>a {
font-family:Chakra Petch;
color:#30353e;
font-size:14px;
font-weight:600;
padding:10px 0
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:60px
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:0
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active,.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:#FFF;
color:var(--secondary-color)
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:block;
margin:0 20px 20px 20px
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow.navbar-buttons>* {
display:block
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow .btn {
font-size:15px;
line-height:1;
padding:15px 20px
}
.hotelGroupWelcomeContent {
width:50%
}
.hotelGroupWelcomeImgOuter {
width:50%;
padding-left:50px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:16px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
position:relative;
font-size:40px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
flex-direction:column;
justify-content:center
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
margin:0 auto;
width:90%
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2)
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:90%;
margin:0 auto;
position:relative;
top:0;
transform:translateY(0%)
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:36px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:400px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding:40px 0 60px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:60px 0 0
}
.hotelGroupContactContainer {
padding:60px 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:50%;
padding-bottom:0;
margin:20px 0
}
.hotelGroupContactlistContainer {
padding:60px 0
}
.hotelGroupFormContainer {
max-width:100%
}
.hotelGroupRestaurantContent {
max-height:initial
}
.hotelGroupRestaurantBlock {
align-items:stretch
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:100%;
max-height:initial
}
.hotelGroupCovidpage {
padding:40px 0
}
}
@media(max-width:991px) {
.group-row {
display:flex
}
body.hotelGroupBody #page {
overflow-x:hidden
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
display:none
}
.hotelGroupTopbar .hotelGroupTopbarLeft .inline-wrapper {
justify-content:flex-start
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper {
justify-content:flex-end
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper>[data-component=image] {
display:none
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:36px
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
display:none
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
display:none
}
.hotelGroupBookingContainer #bb_resBookingBox {
flex-direction:column
}
.hotelGroupBookingContainer .boxnew p {
max-width:300px;
margin:15px 0
}
.hotelGroupTheme h2 {
font-size:42px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:60px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span {
position:relative;
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:30px
}
.hotelGroupPropertyContainerInner {
flex-flow:row wrap
}
.hotelGroupPropertyBlock {
width:calc(50% - 40px);
margin-bottom:30px
}
.hotelGroupAttractionBlock {
width:calc(50% - 40px)
}
.hotelGroupAttractionHome {
padding:60px 0
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:column;
margin:40px 20px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupRestaurantImg {
width:initial
}
.hotelGroupRestaurantContent {
width:initial;
min-height:initial;
max-height:initial;
padding:30px
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:initial;
max-height:initial
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:36px;
top:-10px
}
.hotelGroupWelcomeContainer {
padding:60px 0
}
.hotelGroupWelcomeInner {
flex-direction:column
}
.hotelGroupWelcomeContent {
width:initial;
text-align:center
}
.hotelGroupWelcomeImgOuter {
width:initial;
padding-left:0;
margin:40px auto 0;
max-width:600px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
flex-direction:column
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
width:initial
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
flex-direction:column;
text-align:center
}
.hotelGroupAmenityItemImg {
margin:0 auto 30px
}
.hotelGroupGalleryContainer {
padding-bottom:60px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:60px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:flex;
flex-flow:row wrap;
justify-content:center
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:33.33%
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:100%
}
.hotelGroupTestimonialHome h2 span {
font-size:30px;
top:-30px
}
body .hotelGroupFooter .col-sm-4 {
width:100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 30px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
display:none
}
.hotelGroupHeadBlock {
padding-bottom:30px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:42px
}
.hotelGroupBookingContainer .boxnew p input {
height:40px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
bottom:6px
}
.hotelGroupBookingContainer .boxnew p select {
height:40px
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
height:44px
}
.hotelGroupPageTitle {
padding:80px 0
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2 {
font-size:32px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:350px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:auto;
margin:40px 0 0
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
width:100%;
left:0;
right:0;
bottom:auto;
top:45%;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:auto;
right:auto;
left:5px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.right.carousel-control {
left:auto;
right:5px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:100%
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
width:100%
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
display:none
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:30px 0
}
.hotelSubGroupContentContainer {
padding:60px 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
margin:0 10px
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p,.hotelGroupTheme p {
font-size:15px
}
.hotelGroupContactDetails li .fa.fa-map-marker {
top:0
}
.hotelGroupContactDetails {
margin:60px 0 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:100%;
margin:30px 0
}
.hotelGroupContactlistContainer {
padding:40px 0
}
.hotelGroupContentContainer {
padding-top:60px
}
.hotelGroupContentContainer h2 {
font-size:36px
}
.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupRestaurantBlock {
align-items:initial
}
.hotelGroupBanquetsBlock {
width:100%;
margin:0 10px 60px
}
.hotelGroupBanquetsBlock:last-of-type {
margin-bottom:0
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
max-height:initial;
min-height:initial
}
.rewardsTopcontainer {
padding:60px 0
}
.rewardsTopcontainerInner {
flex-direction:column
}
.rewardsTopcontainerImage {
width:initial;
padding-left:0;
margin:0 auto 30px
}
.rewardsTopcontainerContent {
width:initial
}
.hotelGroupTheme.privacyPage {
padding:40px 0
}
.hotelGroupAboutSliderContainer {
padding:50px 0
}
.hotelGroupAboutWelcomeContainer {
padding-bottom:50px
}
}
@media(max-width:767px) {
.ekko-lightbox-container img {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
div#gallery2 img {
min-height:100%;
max-height:100%;
min-width:100%
}
.hotelGroupNavbar .navbar-two {
padding:10px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:block
}
#whatsapp-message {
bottom:90px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupSlideshowContainer .carouselNavOuter {
width:100%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
left:10px;
right:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
top:auto;
bottom:10px;
left:auto;
right:10px
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:relative;
bottom:auto;
background:#FFF;
color:#4f4f4f;
min-height:200px
}
.hotelGroupAttractionContent h3 {
font-size:24px;
font-weight:600
}
.hotelGroupAttractionContent p {
color:#4f4f4f
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:initial
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column;
justify-content:center;
text-align:center
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1)
}
.hotelGroupAmenityItemContent h3 {
margin-bottom:15px
}
.hotelGroupContactContainer {
padding:40px 0
}
.hotelGroupPageTitle h2 span {
line-height:1.6
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1)
}
.CovidpageInner {
padding:0 10px
}
.hotelGroupCovidpage h3 {
font-size:28px
}
.rewardsTopcontainer {
padding:40px 0
}
.rewardsTopcontainerInner {
padding:0 10px
}
.hotelGroupTheme ul.privacyList {
padding:0 0 0 20px
}
.privacyPageInner {
padding:0 10px
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
display:none
}
}
@media(max-width:640px) {
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
display:none
}
.hotelGroupRewardContainer {
padding:80px 0
}
.hotelGroupRestaurantContainer {
padding:60px 0
}
.hotelGroupPropertyBlock {
width:100%;
border:1px solid #e0e0e0
}
.hotelGroupPropertyBlockImg {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
position:relative;
top:0;
max-height:450px;
opacity:1;
border-color:#e0e0e0
}
.hotelGroupPropertyBlock h3 {
color:#30353e;
font-weight:600
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
margin-top:15px;
font-size:14px;
font-weight:400
}
.hotelGroupAttractionBlock {
width:100%;
box-shadow:0 3px 6px -1px rgba(0,0,0,.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
min-height:initial;
padding:30px
}
.hotelGroupAttractionImg {
max-height:350px;
overflow:hidden
}
.hotelGroupAttractionContent h3 {
color:#fff;
font-size:30px
}
.hotelGroupRewardInner {
padding:0 10px
}
.hotelGroupPropertyLogoInner {
flex-flow:row wrap
}
.hotelGroupPropertyLogo {
width:calc(50% - 40px)
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:initial
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:50px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
max-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:relative;
bottom:0;
left:25px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:25px;
border:0
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 30px
}
.hotelGroupTheme .btn.btn-primary {
padding:14px 18px;
font-size:15px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
background:rgba(0,0,0,.3)
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:1
}
.hotelGroupPropertyBlock:hover:after {
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1)
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:300px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:30px;
margin-bottom:15px
}
.hotelGroupPageTitle {
padding:60px 0
}
.hotelGroupPageTitle h2 {
font-size:32px
}
.hotelGroupPageTitle h2 span {
font-size:14px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelSubGroupRestaurantPage h2 {
font-size:30px;
letter-spacing:.03em
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-top:0
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:60px 0 0
}
.hotelGroupCovidpage h3 {
margin-top:30px
}
.hotelGroupAmenityItemContent {
margin:0 auto
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:100%
}
.rewardsOffers.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
}
@media(max-width:580px) {
.hotelGroupSlideshowContainer .carousel .item img {
min-height:300px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:30px;
letter-spacing:2px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control,.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
bottom:-20px
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:70px
}
.hotelGroupTheme h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:15px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:30px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
margin:0
}
.hotelGroupTopbar p.hotelGroupTopbarPhone a {
margin-bottom:0
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-size:16px
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
display:block
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupPageTitle {
padding:40px 0
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:40px 10px 0
}
.hotelGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:20px 0 60px
}
.hotelGroupBanquetsContent h3 {
font-size:26px
}
.hotelGroupCovidpage h3 {
font-size:26px;
margin-bottom:15px
}
.hotelGroupTheme.privacyPage h2 {
font-size:26px
}
.hotelGroupAboutSliderInner,.hotelGroupAboutWelcomeInner {
padding:0 10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:30px;
margin-bottom:20px
}
}
@media(max-width:500px) {
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
display:block
}
}
@media(max-width:479px) {
.hotelGroupRestaurantContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:30px 10px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupPropertyBlock {
margin:20px 10px
}
.hotelGroupAttractionBlock {
margin:20px 10px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:40px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
margin-bottom:0
}
.hotelGroupAttractionHome {
padding:40px 0
}
.hotelGroupAttractionHome h2 {
margin-bottom:30px
}
.hotelGroupTheme h2 {
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:24px;
top:-10px
}
.hotelGroupAttractionContent h3 {
font-size:24px
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
padding:20px
}
.hotelGroupPropertyLogo {
width:calc(50% - 20px);
margin:10px
}
.hotelGroupRewardContainer {
padding:60px 0;
background-attachment:initial;
background-position:50% 100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 20px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:250px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:24px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2,.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:26px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
padding:20px 0
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:10px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
padding:25px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelGroupPropertyBlockImg,.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:260px
}
.hotelGroupFooter .HGfooterTitle {
font-size:20px
}
.hotelGroupTheme p {
font-size:13px
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupBtnOuter {
margin-top:40px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
margin-bottom:30px
}
.hotelGroupGalleryContainer {
padding-bottom:50px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
padding:50px 20px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
font-size:60px;
top:-20px;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:220px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelSubGroupContentContainer {
padding:40px 0 20px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:26px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding-top:40px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-bottom:40px
}
.hotelGroupBanquetsContent {
padding:20px
}
.rewardsTopcontainerContent h3,.rewardsForm h3,.rewardsForm h3 {
font-size:28px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
.helloBarContainer p a {
margin-left:10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:24px
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
bottom:20px
}
.hotelGroupAboutSliderInner .carousel .item img {
min-height:180px
}
}
@media(max-width:359px) {
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
max-width:140px
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:260px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:24px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 20px;
left:20px
}
}
* img{
object-fit: cover;
}
:root {
--primary-color:#c6ab62;
--secondary-color:#b48744;
--btn-hover:#b48744;
--white:#fff;
--primary-text-color:#333;
--black:#000;
--placeholder:#757575;
--background-color:#0f0f0f
}
body.hotelGroupBody {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f;
overflow-x:hidden
}
.yummy .col-lg-1,.yummy .col-lg-2,.yummy .col-lg-3,.yummy .col-lg-4,.yummy .col-lg-5,.yummy .col-lg-6,.yummy .col-lg-7,.yummy .col-lg-8,.yummy .col-lg-9,.yummy .col-lg-10,.yummy .col-lg-11,.yummy .col-lg-12,.yummy .col-lg-15,.yummy .col-md-1,.yummy .col-md-2,.yummy .col-md-3,.yummy .col-md-4,.yummy .col-md-5,.yummy .col-md-6,.yummy .col-md-7,.yummy .col-md-8,.yummy .col-md-9,.yummy .col-md-10,.yummy .col-md-11,.yummy .col-md-12,.yummy .col-md-15,.yummy .col-sm-1,.yummy .col-sm-2,.yummy .col-sm-3,.yummy .col-sm-4,.yummy .col-sm-5,.yummy .col-sm-6,.yummy .col-sm-7,.yummy .col-sm-8,.yummy .col-sm-9,.yummy .col-sm-10,.yummy .col-sm-11,.yummy .col-sm-12,.yummy .col-sm-15,.yummy .col-xs-1,.yummy .col-xs-2,.yummy .col-xs-3,.yummy .col-xs-4,.yummy .col-xs-5,.yummy .col-xs-6,.yummy .col-xs-7,.yummy .col-xs-8,.yummy .col-xs-9,.yummy .col-xs-10,.yummy .col-xs-11,.yummy .col-xs-12,.yummy .col-xs-15 {
padding-right:15px;
padding-left:15px;
padding-bottom:0
}
.yummy p {
margin:0
}
#whatsapp-message {
position:fixed;
margin-bottom:1vh;
bottom:35px;
right:5px;
width:65px;
height:65px;
overflow:hidden;
visibility:visible;
z-index:2147483639;
background:0;
border:0;
transition:transform .2s ease-in-out;
backface-visibility:hidden;
opacity:1;
transform:translateY(0%)
}
.hotelGroupTheme,body .hotelGroupTheme {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTheme a,.hotelGroupTheme p a {
text-decoration:none;
color:var(--primary-color)
}
.hotelGroupTheme a:hover,.hotelGroupTheme a:focus,.hotelGroupTheme p a:hover,.hotelGroupTheme p a:focus {
text-decoration:none;
color:var(--secondary-color)
}
.hotelGroupTheme .btn.btn-primary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-primary:focus,.hotelGroupTheme .btn.btn-primary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelGroupTheme .btn.btn-secondary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:transparent;
color:var(--primary-color);
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-secondary:focus,.hotelGroupTheme .btn.btn-secondary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#FFF
}
.hotelGroupTheme .h1,.hotelGroupTheme .h2,.hotelGroupTheme .h3,.hotelGroupTheme .h4,.hotelGroupTheme .h5,.hotelGroupTheme .h6,.hotelGroupTheme h1,.hotelGroupTheme h2,.hotelGroupTheme h3,.hotelGroupTheme h4,.hotelGroupTheme h5,.hotelGroupTheme h6 {
font-family:Bellota;
font-weight:400
}
.header.fixed {
position:fixed;
top:0;
box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
-webkit-box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
left:0;
right:0;
margin:0 auto;
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
.hotelGroupTheme h2 {
margin:0 0 30px;
position:relative;
color:#30353e;
margin:0 0 30px;
font-size:48px;
line-height:1.2;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase
}
.hotelGroupTheme h2 span {
display:block;
font-size:16px;
font-weight:400;
margin:0 0 10px;
color:var(--secondary-color)
}
.hotelGroupTheme p {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTopbar {
padding:12px 0;
border-bottom:1px solid #efefef
}
.hotelGroupTopbar .inline-wrapper {
align-items:center
}
.hotelGroupTopbar p {
margin:0 10px 0;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
margin-left:0
}
.hotelGroupTopbar p .fa {
margin-right:10px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone .fa {
font-size:18px;
position:relative;
top:1px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
position:relative;
top:-1px
}
.hotelGroupTopbar p a {
color:#4f4f4f;
text-decoration:none;
transition:all .3s ease
}
.hotelGroupTopbar p a:focus,.hotelGroupTopbar p a:hover {
color:var(--secondary-color);
;
text-decoration:none
}
.hotelGroupTopbar p.hotelGroupTopbarSocial {
font-size:16px
}
.hotelGroupTopbar p.hotelGroupTopbarSocial .fa {
margin-right:0
}
.hotelGroupTopbar .gTranslate {
margin-left:10px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget {
position:relative;
font-size:0
}
.hotelGroupTheme #google_translate_element .goog-te-gadget:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
pointer-events:none;
color:#000;
font-size:18px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget a.goog-logo-link {
display:none
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
height:30px;
padding:0 30px 0 10px;
letter-spacing:.03em;
border-radius:0;
border:1px solid #d5d5d5;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
cursor:pointer;
font-size:12px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo:focus {
outline:0;
border-color:#a7a7a7
}
.hotelGroupNavbar {
position:relative;
z-index:100
}
.hotelGroupNavbar .navbar {
width:100%;
margin:0;
padding:10px 0;
display:flex;
align-items:center;
min-height:60px
}
.hotelGroupNavbar .navbar-header .navbar-brand {
height:auto
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:90px
}
.hotelGroupNavbar .navbar-collapse {
padding:0!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
width:inherit;
align-items:center;
padding-right:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:5px 0 0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
line-height:1;
color:#30353e;
text-transform:uppercase;
letter-spacing:.03em;
transition:all .3s ease;
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:active,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:focus,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:hover,.hotelGroupNavbar .navbar.navbar-plain ul.nav li.active a {
color:var(--secondary-color);
;
background-color:transparent
}
.hotelGroupNavbar .nav .open>a,.hotelGroupNavbar .nav .open>a:focus,.hotelGroupNavbar .nav .open>a:hover {
background:none;
border:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown a .caret:after {
top:-7px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown.open a .caret:after {
top:-3px
}
.hotelGroupNavbar .dropdown-menu {
border-radius:0;
background:#FFF
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li {
display:block
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
font-weight:400;
display:block;
padding:15px 20px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdownRight .dropdown-menu {
left:auto;
right:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-family:Bellota;
background:var(--primary-color);
border:1px solid var(--primary-color);
color:#fff;
box-shadow:none;
border-radius:0;
font-size:14px;
font-weight:700;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
transition:all .3s ease;
padding:12px 18px
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:focus,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:hover {
border-color:var(--secondary-color);
;
background:var(--secondary-color);
;
cursor:pointer;
color:#fff;
text-decoration:none;
box-shadow:none;
outline:0
}
.hotelGroupSlideshowContainer {
color:#FFF
}
.hotelGroupSlideshowContainer p,.hotelGroupSlideshowContainer a {
color:#FFF
}
.hotelGroupSlideshowContainer .carousel-inner>.item {
transition:none;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item img {
animation:bloomEffects 1s ease;
animation-fill-mode:forwards
}
@keyframes bloomEffects {
0% {
transform:scale(1)
}
100% {
transform:scale(1.1)
}
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:60px;
font-weight:700;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
font-size:18px;
font-weight:400;
line-height:1.4;
letter-spacing:.06em;
margin:0 auto 60px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
background:#000;
border-color:#000
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
font-family:Chakra Petch;
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
background-color:transparent;
color:#fff;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto;
height:50px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:active {
background-color:#FFF;
border-color:#FFF;
color:#000
}
.hotelGroupSlideshow {
max-height:600px;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupSlideshowContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
background:#000;
border:1px solid #000
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:auto;
right:0
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
left:auto;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li:hover,.hotelGroupSlideshowContainer .carousel-indicators li:focus,.hotelGroupSlideshowContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupSlideshowContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupSlideshowContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBookingContainer {
position:relative;
background:#1b1b1b;
color:#FFF;
padding:40px 0
}
.hotelSubGroupTheme.hotelGroupBookingContainer {
position:relative;
background:var(--secondary-color);
;
color:#FFF
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0 30px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupBookingContainer .boxnew {
width:100%;
text-align:center
}
.hotelGroupBookingContainer .boxnew p {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupBookingContainer .boxnew p label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p input {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupBookingContainer .boxnew p select {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
font-family:Bellota;
font-size:18px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:50px;
border-radius:0;
padding:10px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:var(--secondary-color);
!important;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn {
background-color:#000;
color:#fff;
border:1px solid #000
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupBookingContainer .boxnew p br {
display:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:25px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:25px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1) {
max-width:300px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(4) {
margin-top:28px
}
.hotelGroupTheme .bbres_fieldset,.hotelGroupTheme .HGCalender,.hotelGroupTheme .HGBEBtn {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select,.hotelGroupTheme .HGSelectOuter {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:300px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select:before,.hotelGroupTheme .HGSelectOuter:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:20px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupTheme .bbres_fieldset label,.hotelGroupTheme .bbres_select label,.hotelGroupTheme .form-control label,.hotelGroupTheme .HGSelectOuter label,.hotelGroupTheme .HGCalender label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset input,.hotelGroupTheme .HGCalender input,.hotelGroupTheme input.form-control {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme textarea.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:auto;
background:#fff;
width:100%;
padding:20px;
border-radius:0;
font-size:13px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger {
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
font-size:0;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px
}
.hotelGroupTheme .HGCalender:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupTheme .bbres_select select,.hotelGroupTheme .HGSelectOuter select,.hotelGroupTheme select.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupTheme input.form-control:focus,.hotelGroupTheme select.form-control:focus,.hotelGroupTheme select:focus,.hotelGroupTheme textarea.form-control:focus,.hotelGroupTheme textarea:focus {
border-color:#152161;
background:#fff;
outline:0
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn,.hotelGroupTheme .HGBEBtn #bb_resBtn {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
line-height:1.8;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:#000;
color:#fff;
border:1px solid #000;
height:50px;
border-radius:0;
padding:15px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn:active,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:focus,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:hover,.hotelGroupTheme .HGBEBtn #bb_resBtn:active,.hotelGroupTheme .HGBEBtn #bb_resBtn:focus,.hotelGroupTheme .HGBEBtn #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupWelcomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupWelcomeInner {
display:flex;
align-items:center
}
.hotelGroupWelcomeContent {
width:48%
}
.hotelGroupWelcomeImgOuter {
width:52%;
padding-left:100px
}
.hotelGroupPropertyContainer {
position:relative;
padding:1px 0;
display:flex;
justify-content:center
}
.hotelGroupPropertyInner {
position:relative;
display:flex;
min-height:600px;
flex-flow:row wrap;
max-width:1600px
}
.hotelGroupPropertyContainerAlter .hotelGroupPropertyInner {
flex-direction:row-reverse
}
.hotelGroupPropertyImage {
width:60%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.hotelGroupPropertyContent {
width:40%;
padding:60px;
display:flex;
flex-flow:column;
justify-content:center;
text-align:left
}
h3.hotelGroupPropertyContentTitle {
margin:0 0 30px;
font-size:42px;
line-height:1.2;
letter-spacing:2px;
color:#30353e
}
p.hotelGroupPropertyContentText {
color:inherit;
margin:0 0 50px;
font-size:17px;
line-height:1.8;
letter-spacing:.03em
}
.hotelGroupHomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupHomeContainer .hotelGroupHomeContent {
text-align:center
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:60px;
padding-top:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:16px;
line-height:2
}
.hotelGroupAmenityContainer {
position:relative;
background:var(--primary-color);
color:#FFF;
padding:80px 0 40px;
text-align:center
}
.hotelGroupAmenityContainer {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f06b6379b36d_bannerImg002.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupAmenityContainer h2,.hotelGroupAmenityContainer h3,.hotelGroupAmenityContainer h4,.hotelGroupAmenityContainer p {
color:#FFF
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px;
padding-top:30px
}
.hotelGroupAmenityContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#e6c6a1;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupAmenityBtnOuter {
margin:60px 0 0
}
.hotelGroupAmenityList {
display:flex;
flex-flow:row wrap;
align-items:flex-start;
justify-content:flex-start
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
position:relative;
display:flex;
text-align:left;
padding:40px;
align-items:flex-start;
width:33%;
justify-content:flex-start;
margin:0;
align-items:center
}
.hotelGroupAmenityItemImg {
min-width:60px;
min-height:60px;
background:rgb(0 0 0 / .2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
margin:0 10px 0 0
}
.hotelGroupAmenityItemImg img {
max-width:30px;
max-height:30px
}
.hotelGroupAmenityItemContent h3 {
margin:0 0 6px;
font-weight:600;
letter-spacing:1px;
font-size:20px;
line-height:1
}
.hotelGroupAmenityItemContent p {
margin:0;
font-size:14px;
letter-spacing:.03em
}
body .hotelGroupFooter {
background:#1b1b1b;
color:#c5c5c5
}
.hotelGroupFooter .HGfooterTitle {
color:#FFF;
font-family:Bellota;
font-size:24px;
letter-spacing:3px;
font-weight:700;
text-transform:uppercase;
margin:0 0 30px
}
.hotelGroupFooter ul.list-basic li a:not(.btn) {
color:#c5c5c5;
text-decoration:none
}
.hotelGroupFooter ul.list-basic li a:not(.btn):hover,.hotelGroupFooter ul.list-basic li a:not(.btn):focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic {
display:flex;
flex-flow:row wrap
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic li {
width:50%
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic {
display:flex;
flex-flow:column
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic li {
width:initial
}
body .hotelGroupFooterbtm {
background:#101010;
color:#c5c5c5;
padding:10px 0;
font-size:14px
}
body .hotelGroupFooterbtm .footerBtmInner {
display:flex;
justify-content:space-between;
align-items:center
}
body .hotelGroupFooterbtm p {
margin:0;
font-family:Chakra Petch
}
body .hotelGroupFooterbtm p a {
color:#c5c5c5;
text-decoration:none
}
body .hotelGroupFooterbtm p a:hover,body .hotelGroupFooterbtm p a:focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterContact ul.list-basic li {
position:relative;
padding-left:30px
}
body .hotelGroupFooter p,body .hotelGroupFooter ul li,body .hotelGroupFooter p a {
margin-bottom:10px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
color:#c5c5c5;
letter-spacing:.03em
}
body .hotelGroupFooter .HGfooterContact li .fa {
position:absolute;
left:0;
top:3px;
font-size:20px;
font-weight:400;
line-height:1
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial {
margin:10px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial li .fa {
position:relative;
top:initial
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-map-marker {
left:2px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-envelope-open-o {
font-size:14px;
left:1px;
top:4px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-mobile {
font-size:22px;
left:3px;
top:1px
}
.hotelGroupRoomContainer {
padding:80px 0
}
.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-end
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
position:relative;
z-index:1;
width:80%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:600px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
position:absolute;
right:10px;
bottom:70px;
width:50px;
z-index:2;
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #000;
background:#000;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators {
background:none;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
position:absolute;
width:600px;
background:#FFF;
padding:30px;
left:0;
top:50%;
display:block;
z-index:2;
transform:translateY(-50%);
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:48px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupRoomContainer .hotelGroupRoomContentText {
margin:0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities {
margin:20px 0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic {
display:flex;
flex-flow:row wrap
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic li {
width:50%;
display:flex;
align-items:center;
margin:0 0 15px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesImg img {
max-height:24px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesTxt p {
margin:0 0 0 10px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice {
margin:0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice strong {
font-size:22px;
font-weight:700;
margin:0;
letter-spacing:-.02em
}
.hotelGroupRoomContainer .hotelGroupRoomPrice span {
border-bottom:1px dashed;
cursor:help;
margin:0 0 0 5px
}
.hotelGroupRoomContainerAlter .hotelGroupRoomInner {
justify-content:flex-start
}
.hotelGroupRoomContainerAlter .hotelGroupRoomContent {
left:auto;
right:0
}
.hotelGroupRoomContainerAlter .hotelGroupRoomImage .carouselNavOuter {
right:auto;
left:10px
}
.hotelGroupTheme .mapWrapper iframe {
margin:0;
padding:0;
outline:0;
border:0;
display:inline-block;
vertical-align:top
}
.hotelGroupGalleryContainer {
padding:0 0 80px;
text-align:center
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:80px
}
.hotelGroupBody .modal-dialog {
margin:15px auto 0;
max-width:900px!important
}
.hotelGroupBody .modal-header {
padding:0;
border-bottom:0 solid #e5e5e5;
background:0
}
.hotelGroupBody .modal-title {
display:none
}
.hotelGroupBody .modal button.close {
z-index:110;
right:10px;
top:10px;
outline:0
}
.hotelGroupBody .modal button.close:focus,.hotelGroupBody .modal button.close:hover {
outline:0
}
.hotelGroupBody .ekko-lightbox-nav-overlay .glyphicon {
height:100%;
display:flex;
align-items:center;
text-align:right
}
.hotelGroupBody .glyphicon.glyphicon-chevron-left {
justify-content:flex-start
}
.hotelGroupBody .glyphicon.glyphicon-chevron-right {
justify-content:flex-end
}
.hotelGroupBody .ekko-lightbox-nav-overlay a:focus,.hotelGroupBody .ekko-lightbox-nav-overlay a:hover {
text-decoration:none
}
.hotelGroupBody .modal-dialog img {
width:100%
}
.hotelGroupBody .modal-dialog .ekko-lightbox-container {
max-height:550px;
overflow:hidden
}
.hotelGroupHeadBlock {
padding:60px 0;
text-align:center
}
.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
margin:0
}
.hotelGroupPageTitle {
padding:100px 0;
color:#FFF;
background-color:rgba(0,0,0,0);
background-position:50% 60%
}
.hotelGroupPageTitle h2 {
color:#FFF;
text-align:center;
margin:0
}
.hotelGroupPageTitle h2 span {
color:#FFF;
font-family:Chakra Petch;
margin:10px 0 0
}
.hotelGroupContactContainer {
padding:80px 0
}
.hotelGroupContactContainer .form-group,.hotelGroupContactContainer .input-group {
margin:0 0 20px
}
.hotelGroupContactContainer h3 {
font-size:28px;
font-weight:700;
letter-spacing:1px;
margin:0 0 20px;
color:#30353e
}
.hotelGroupContactContainer h3.hotelGroupContactHeading {
margin:0 0 10px
}
.hotelGroupContactContainer p.hotelGroupContactDesc {
margin:0 0 40px
}
.hotelGroupContactDetails ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactDetails p,.hotelGroupContactDetails ul li,.hotelGroupContactDetails p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactDetails li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactDetails ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
.hotelGroupContactDetails li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactDetails li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactDetails li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn) {
color:#4f4f4f
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding-left:30px
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial .HGfooterSocial li .fa {
position:relative;
top:initial
}
.hotelGroupContactlistContainer {
background:#f8f8f8;
padding:80px 0
}
.hotelGroupContactlistContainer .hotelGroupContactblock {
position:relative;
padding:30px;
background:#FFF;
box-shadow:0 7px 12px -4px rgba(0,0,0,.1);
margin:0 5px
}
.hotelGroupContactlistContainer .hotelGroupContactblock a {
white-space:normal;
word-break:break-all
}
.hotelGroupContactlistContainer .hotelGroupContactblock h4 {
margin:0 0 30px;
font-size:22px;
font-weight:700
}
.hotelGroupContactlistContainer ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactlistContainer p,.hotelGroupContactlistContainer ul li,.hotelGroupContactlistContainer p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactlistContainer li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactlistContainer ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 10px 0 0
}
.hotelGroupContactlistContainer li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactlistContainer li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactlistContainer li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding:0;
margin:0 15px 0 0
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li .fa {
position:relative
}
.hotelGroupAboutSliderContainer {
padding:80px 0
}
.hotelGroupAboutWelcomeContainer {
padding:0 0 80px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption h3 {
font-size:54px;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption p {
font-size:16px;
font-weight:400;
line-height:1.8;
letter-spacing:.05em;
margin:0 auto 60px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn {
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:active {
background:#FFF;
color:#000
}
.hotelGroupAboutSliderContainer .carousel-inner .item [data-component=image]:before {
content:"";
top:0;
left:0;
right:0;
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.54);
z-index:1;
display:none
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
background:#000;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupAboutSliderContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li:hover,.hotelGroupAboutSliderContainer .carousel-indicators li:focus,.hotelGroupAboutSliderContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupAboutSliderContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupAboutSliderContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a:hover,.hotelGroupBody .ui-datepicker.ui-widget-content td a:focus,.hotelGroupBody .ui-datepicker.ui-widget-content td a:active {
text-decoration:none
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a.ui-state-active {
background:var(--secondary-color);
;
color:#fff;
text-decoration:none
}
.hotelGroupthankyouPage {
padding:80px 0;
text-align:center
}
.hotelSubGroupContentContainer {
padding:80px 0;
text-align:center
}
.hotelGroupContentContainer {
padding:80px 0 0;
text-align:center
}
.hotelSubGroupContentContainer .hotelGroupRoomContent {
padding:50px
}
.hotelSubGroupContentContainer h2,.hotelGroupContentContainer h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:80px 0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerLast {
padding-bottom:100px
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:absolute;
right:30px;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:10px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn {
font-size:16px;
height:auto;
font-family:Bellota;
line-height:1;
padding:15px 20px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn:nth-of-type(2) {
margin-left:5px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoomAmenitiesTxt {
display:none
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:0 20px 0 0;
width:initial
}
.hotelSubGroupTheme .hotelGroupRoomAmenities {
margin:30px 0 20px
}
.hotelSubGroupTheme .hotelGroupRoomImage {
box-shadow:0 50px 40px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px;
letter-spacing:2px;
padding:30px 0 0;
text-transform:none;
color:#30353e
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
opacity:.8
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:18px;
line-height:2
}
.hotelSubGroupTheme .hotelGroupWelcomeImg {
box-shadow:0 30px 30px -20px rgba(0,0,0,.2);
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover {
box-shadow:0 30px 30px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg img {
transition:all .4s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1.03)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
padding:30px 0 0;
margin:0 0 30px;
color:#30353e
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px;
text-transform:none;
margin-bottom:60px;
padding:30px 0 0
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
margin:0;
padding:1px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper.margin-bottom-10px {
margin-bottom:0;
overflow:hidden;
position:relative
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper img {
transition:all .6s ease
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper:hover img {
transform:scale(1.1)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:before {
content:"";
background:rgba(0,0,0,.6);
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all .3s ease;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:hover:before {
top:0;
opacity:0;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a {
position:relative;
display:block
}
.hotelGroupBtnOuter {
margin:60px auto 0;
text-align:center
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
display:flex
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:50%;
padding:20px 20px 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage {
position:relative;
z-index:1;
width:initial
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent {
position:relative;
top:0;
transform:translateY(0%);
width:initial;
text-align:left
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:0;
transition:all .6s ease;
margin:40px 0 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 14px rgb(255 255 255 / .3)
}
.hotelGroupTestimonialHome {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f7c5d480856d_spa.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupTestimonialHome .overly,.hotelGroupAmenityContainer .overly {
background:rgba(0,0,0,.6)
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter {
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:80%;
margin:0 auto
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-family:Bellota;
font-weight:400;
font-size:18px;
color:#FFF;
line-height:2;
letter-spacing:1px;
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
content:'\f10d';
font-family:fontAwesome;
font-size:72px;
margin:0;
opacity:.3;
position:absolute;
left:-50px;
top:-30px;
line-height:1
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
position:relative;
margin:0 auto;
left:0;
right:0;
top:0;
width:100%;
padding:50px
}
.hotelGroupTestimonialHome .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF;
display:none
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:hover,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:focus,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupTestimonialHome .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupTestimonialHome .carousel-indicators {
background:none;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li:hover,.hotelGroupTestimonialHome .carousel-indicators li:focus,.hotelGroupTestimonialHome .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupTestimonialHome .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupTestimonialHome .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupTestimonialHome .nav-indicators-in .carousel-indicators-wrapper {
right:0;
left:0;
bottom:-30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption h3 {
letter-spacing:1px
}
.hotelGroupTestimonialHome h2 {
color:#FFF;
text-align:center
}
.hotelGroupTestimonialHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#FFF;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-40px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionHome {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupAttractionHomeInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupAttractionBlock {
position:relative;
width:calc(33.33% - 40px);
margin:0 20px;
overflow:hidden
}
.hotelGroupAttractionImg {
position:relative;
z-index:1
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:400px;
transition:all .6s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:absolute;
bottom:-90px;
left:0;
background:rgba(0,0,0,.6);
display:block;
color:#FFF;
z-index:2;
padding:20px;
transition:all .3s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionContent {
bottom:0
}
.hotelGroupAttractionContent p {
color:#FFF
}
.hotelGroupAttractionHome h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupAttractionHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionContent h3 {
margin:0 0 15px;
letter-spacing:1px;
font-size:26px;
color:#fff
}
.hotelGroupAttractionContent p {
color:#FFF;
font-size:14px;
letter-spacing:.03em;
margin:0
}
.hotelGroupPropertyContainer {
padding:80px 0 80px
}
.hotelGroupPropertyPage.hotelGroupPropertyContainer {
padding:0 0 80px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupPropertyContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupPropertyContainerInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyBlock {
width:33%;
margin:0 20px;
position:relative;
overflow:hidden
}
.hotelGroupPropertyBlock:after {
content:"";
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
transition:all .3s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover:after {
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:450px;
transition:all .8s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1.1)
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
text-align:center;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:11;
background:rgba(0,0,0,.5);
opacity:1;
transition:all .3s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:0
}
.hotelGroupPropertyBlock a {
color:var(--secondary-color)
}
.hotelGroupPropertyBlock h3 {
letter-spacing:1px;
font-size:24px;
font-weight:400;
margin:0;
color:#FFF
}
.hotelGroupPropertyBlock p {
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#909090
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
font-size:13px;
text-transform:none;
letter-spacing:.03em;
margin:20px 0 0
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockLabel {
margin:0 0 10px;
font-size:12px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
display:flex;
flex-flow:column;
align-items:flex-start;
border:1px solid;
padding:30px;
position:absolute;
left:0;
top:-100%;
z-index:11;
width:100%;
height:100%;
max-height:450px;
transition:all .6s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockContent {
top:0;
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:absolute;
bottom:-100%;
left:30px;
z-index:11;
transition:all .6s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:30px
}
.hotelGroupPropertyLogoContainer {
padding:20px 0
}
.hotelGroupPropertyLogoInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyLogo {
margin:20px
}
.hotelGroupPropertyLogo img {
max-height:80px;
transition:all .6s ease;
opacity:.6
}
.hotelGroupPropertyLogo:hover img {
opacity:1
}
.hotelGroupRewardContainer {
padding:100px 0;
background-image:url(images/uploads/1/5f7ef5d09cd88_gift.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment:fixed
}
.hotelGroupRewardContainer:before {
content:"";
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
position:absolute;
left:0;
right:0;
top:0;
pointer-events:none;
width:100%;
height:100%
}
.hotelGroupRewardContainer h2 {
color:#FFF;
margin:0 0 10px;
text-transform:none
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupRewardContainer p {
color:#FFF;
margin:0;
letter-spacing:.06em;
font-size:14px
}
.hotelGroupRewardContainer .btn-secondary {
letter-spacing:2px
}
.hotelGroupContentsContainer {
padding:60px 0
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
position:relative;
padding:80px 0;
text-align:center;
background:inherit
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer:before {
content:"";
display:none
}
.hotelGroupAmenityPage .hotelGroupAmenityItemContent h3,.hotelGroupAmenityPage .hotelGroupAmenityItemContent p {
color:#30353e
}
.hotelGroupAmenityPage .hotelGroupAmenityItemImg {
background:none;
border:0;
align-items:flex-start;
padding:0;
min-height:initial;
min-width:initial
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:80px 0 0
}
.hotelGroupAttractionPage.hotelGroupAttractionHome {
background:inherit;
padding-top:40px
}
.hotelGroupTheme .tooltip {
white-space:nowrap
}
.hotelGroupTheme .tooltip .tooltip-inner {
background-color:#000;
font-size:10px;
letter-spacing:.05em
}
.hotelGroupTheme .tooltip.top .tooltip-arrow {
bottom:1px;
border-top-color:#000
}
.hotelGroupTheme .tooltip.top-left .tooltip-arrow,.hotelGroupTheme .tooltip.top-right .tooltip-arrow,.hotelGroupTheme .tooltip.top .tooltip-arrow {
border-top-color:#000
}
.hotelSubGroupNavbar {
background:#1b1b1b
}
.hotelSubGroupNavbar .navbar-nav>li>a {
padding:15px;
color:#FFF;
line-height:1;
font-size:13px;
letter-spacing:.05em;
transition:all .3s ease
}
.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:var(--secondary-color);
;
color:#FFF
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:1px solid #424242
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a {
font-weight:700
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active {
background:#1b1b1b
}
.hotelGroupRestaurantContainer {
padding:80px 0
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:36px;
text-transform:none
}
.hotelSubGroupRestaurantPage {
padding:80px 0 0;
text-align:center
}
.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupRestaurantPage p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelGroupRestaurantBlock {
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:row-reverse
}
.hotelGroupRestaurantImg {
width:50%;
overflow:hidden
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
max-height:400px;
min-height:400px;
width:100%;
transition:all .3s ease
}
.hotelGroupRestaurantBlock:hover .hotelGroupRestaurantImg img {
transform:scale(1.1)
}
.hotelGroupRestaurantContent {
width:50%;
padding:40px;
border:1px solid #dedede;
min-height:400px;
max-height:400px;
display:flex;
flex-flow:column;
justify-content:center
}
.hotelGroupRestaurantContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.hotelGroupRestaurantContent p {
margin-bottom:30px
}
.hotelGroupBanquetsContainer {
padding:80px 0
}
.hotelGroupBanquetsInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupBanquetsBlock {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:calc(50% - 40px);
margin:0 20px 60px;
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease;
overflow:hidden
}
.hotelGroupBanquetsBlock:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelGroupBanquetsImg {
position:relative;
z-index:1;
max-height:350px;
overflow:hidden
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 24px rgb(255 255 255 / .3)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
min-height:350px;
max-height:350px;
transition:all .6s ease
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1.1)
}
.hotelGroupBanquetsContent {
background:#FFF;
transition:all .3s ease;
padding:30px
}
.hotelGroupBanquetsContent h3 {
font-size:32px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupBanquetsContent p {
margin:0
}
.hotelGroupNavbar .navbar-header #subNavicon {
display:none
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:none
}
.hotelGroupCovidpage {
padding:80px 0
}
.hotelGroupCovidpage h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupCovidpage p {
margin-bottom:20px
}
.hotelGroupTheme .nomargintop {
margin-top:0!important
}
.helloBarContainer {
background:var(--primary-color);
color:#FFF;
text-align:center;
padding:15px 0
}
.helloBarContainer p {
margin:0;
line-height:1;
font-size:14px;
color:#FFF
}
.helloBarContainer p .fa {
margin:0 10px 0 0
}
.helloBarContainer p a {
color:#FFF;
text-transform:uppercase;
font-weight:600;
margin:0 0 0 20px;
text-decoration:none;
border-bottom:1px solid #FFF
}
.helloBarContainer p a:hover,.helloBarContainer p a:focus {
color:#FFF;
text-decoration:none;
border-bottom-color:rgba(255,255,255,.5)
}
.helloBarContainer a.helloBarClose {
cursor:pointer;
color:rgba(255,255,255,.5);
font-size:24px;
font-weight:300;
line-height:1;
margin:0 0 0 20px;
transition:all .2s ease-out
}
.helloBarContainer a.helloBarClose:hover,.helloBarContainer a.helloBarClose:focus {
text-decoration:none;
color:rgba(255,255,255,1)
}
.helloBarInner {
position:relative;
z-index:11;
display:flex;
justify-content:center;
align-items:center
}
.rewardsTopcontainer {
padding:80px 0
}
.rewardsTopcontainerInner {
display:flex;
flex-flow:row-reverse
}
.rewardsTopcontainerImage {
width:55%;
padding-left:50px
}
.rewardsTopcontainerContent {
width:45%
}
.rewardsTopcontainerContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.rewardsOffers {
background:var(--primary-color);
color:#FFF;
padding:80px 0
}
.rewardsForm {
max-width:500px;
margin:0 auto
}
.rewardsForm h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px;
text-align:center
}
.hotelGroupAmenityContainer.rewardsOffers:before {
background-image:url(images/uploads/1/5f92a8c42060e_gift4.jpg)
}
.hotelGroupTheme.privacyPage {
padding:80px 0
}
.hotelGroupTheme.privacyPage h2 {
font-size:32px;
font-weight:700;
color:#30353e;
text-transform:none;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupTheme.privacyPage p {
}
.hotelGroupTheme.privacyPage p strong {
font-size:18px;
margin-top:20px;
margin-bottom:5px;
display:inline-block
}
.hotelGroupTheme ul.privacyList {
margin:30px 0
}
.hotelGroupTheme ul.privacyList li {
margin-bottom:10px
}
.hotelGroupTheme ul.privacyList li:last-of-type {
margin-bottom:0
}
.hotelSubGroupAboutSliderContainer {
padding:40px 0 80px
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display:none
}
.grecaptcha-badge {
display:none!important
}
.boxnew button.btn.crssearchbtn:hover {
background:#45b5c6!important
}
.hotelgroup-subnavbar {
position:sticky;
z-index:99;
top:0
}
.group-row {
display:flex;
align-items:center
}
div#gallery2 img {
min-height:230px;
max-height:230px;
min-width:387px;
height:100%;
width:100%
}
.ekko-lightbox-container img {
min-width: 1000px;
min-height: 600px;
max-height: 600px;
height:100%;
width:100%
}
.modal-dialog{
max-width: 1000px !important;
}
@media(min-width:1601px) {
.hotelGroupSlideshowContainer .carousel .item img {
width:100%
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
}
@media(max-width:1199px) {
.hotelGroupNavbar .navbar-header .navbar-brand a {
max-width:200px
}
.hotelGroupNavbar .container {
padding:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
padding:0;
margin:0;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar .navbar-buttons {
margin:0 0 0 15px!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-size:12px;
padding:10px;
margin:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-centered .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left-right .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons {
min-height:initial;
min-width:initial
}
.hotelGroupNavbar .navbar {
padding:0;
border:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar-header {
float:none;
width:100%;
padding:0;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
border-bottom:1px solid #efefef
}
.hotelGroupNavbar .navbar-header .navbar-brand {
min-height:initial;
height:initial;
max-width:initial;
padding:0;
margin:0 10px 0 0;
width:calc(100% - 80px)
}
.hotelGroupNavbar .navbar-header .navbar-toggle {
width:50px;
float:none;
margin:0;
padding:0;
font-size:24px;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar-header .navbar-toggle.collapsed .fa-bars:before {
content:"\F0C9"
}
.hotelGroupNavbar .navbar-header .navbar-toggle .fa-bars:before {
content:"\F00D"
}
.hotelGroupNavbar .navbar-header #subNavicon {
width:50px;
float:none;
margin:0;
padding:0;
color:#4f4f4f;
font-size:24px;
text-align:center;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
display:none!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse.in {
display:block!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:20px 10px;
margin:0;
box-shadow:none;
min-width:100%;
width:100%;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li {
display:block;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.open {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav .dropdown.open>a {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
padding:10px 30px;
text-transform:none
}
.hotelSubGroupNavbar {
background:#FFF
}
.hotelSubGroupNavbar #subGroupNavigation {
padding:0;
margin:0 -15px
}
.hotelSubGroupNavbar #subGroupNavigation.collapse {
display:none!important
}
.hotelSubGroupNavbar #subGroupNavigation.collapse.in {
display:block!important
}
.hotelSubGroupNavbar #subGroupNavigation .navbar-nav {
float:none;
padding:20px
}
.hotelSubGroupNavbar .navbar-nav>li {
display:block;
float:none
}
.hotelSubGroupNavbar .navbar-nav>li>a {
font-family:Chakra Petch;
color:#30353e;
font-size:14px;
font-weight:600;
padding:10px 0
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:60px
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:0
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active,.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:#FFF;
color:var(--secondary-color)
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:block;
margin:0 20px 20px 20px
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow.navbar-buttons>* {
display:block
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow .btn {
font-size:15px;
line-height:1;
padding:15px 20px
}
.hotelGroupWelcomeContent {
width:50%
}
.hotelGroupWelcomeImgOuter {
width:50%;
padding-left:50px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:16px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
position:relative;
font-size:40px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
flex-direction:column;
justify-content:center
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
margin:0 auto;
width:90%
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2)
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:90%;
margin:0 auto;
position:relative;
top:0;
transform:translateY(0%)
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:36px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:400px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding:40px 0 60px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:60px 0 0
}
.hotelGroupContactContainer {
padding:60px 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:50%;
padding-bottom:0;
margin:20px 0
}
.hotelGroupContactlistContainer {
padding:60px 0
}
.hotelGroupFormContainer {
max-width:100%
}
.hotelGroupRestaurantContent {
max-height:initial
}
.hotelGroupRestaurantBlock {
align-items:stretch
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:100%;
max-height:initial
}
.hotelGroupCovidpage {
padding:40px 0
}
}
@media(max-width:991px) {
.group-row {
display:flex
}
body.hotelGroupBody #page {
overflow-x:hidden
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
display:none
}
.hotelGroupTopbar .hotelGroupTopbarLeft .inline-wrapper {
justify-content:flex-start
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper {
justify-content:flex-end
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper>[data-component=image] {
display:none
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:36px
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
display:none
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
display:none
}
.hotelGroupBookingContainer #bb_resBookingBox {
flex-direction:column
}
.hotelGroupBookingContainer .boxnew p {
max-width:300px;
margin:15px 0
}
.hotelGroupTheme h2 {
font-size:42px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:60px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span {
position:relative;
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:30px
}
.hotelGroupPropertyContainerInner {
flex-flow:row wrap
}
.hotelGroupPropertyBlock {
width:calc(50% - 40px);
margin-bottom:30px
}
.hotelGroupAttractionBlock {
width:calc(50% - 40px)
}
.hotelGroupAttractionHome {
padding:60px 0
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:column;
margin:40px 20px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupRestaurantImg {
width:initial
}
.hotelGroupRestaurantContent {
width:initial;
min-height:initial;
max-height:initial;
padding:30px
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:initial;
max-height:initial
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:36px;
top:-10px
}
.hotelGroupWelcomeContainer {
padding:60px 0
}
.hotelGroupWelcomeInner {
flex-direction:column
}
.hotelGroupWelcomeContent {
width:initial;
text-align:center
}
.hotelGroupWelcomeImgOuter {
width:initial;
padding-left:0;
margin:40px auto 0;
max-width:600px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
flex-direction:column
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
width:initial
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
flex-direction:column;
text-align:center
}
.hotelGroupAmenityItemImg {
margin:0 auto 30px
}
.hotelGroupGalleryContainer {
padding-bottom:60px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:60px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:flex;
flex-flow:row wrap;
justify-content:center
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:33.33%
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:100%
}
.hotelGroupTestimonialHome h2 span {
font-size:30px;
top:-30px
}
body .hotelGroupFooter .col-sm-4 {
width:100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 30px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
display:none
}
.hotelGroupHeadBlock {
padding-bottom:30px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:42px
}
.hotelGroupBookingContainer .boxnew p input {
height:40px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
bottom:6px
}
.hotelGroupBookingContainer .boxnew p select {
height:40px
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
height:44px
}
.hotelGroupPageTitle {
padding:80px 0
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2 {
font-size:32px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:350px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:auto;
margin:40px 0 0
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
width:100%;
left:0;
right:0;
bottom:auto;
top:45%;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:auto;
right:auto;
left:5px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.right.carousel-control {
left:auto;
right:5px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:100%
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
width:100%
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
display:none
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:30px 0
}
.hotelSubGroupContentContainer {
padding:60px 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
margin:0 10px
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p,.hotelGroupTheme p {
font-size:15px
}
.hotelGroupContactDetails li .fa.fa-map-marker {
top:0
}
.hotelGroupContactDetails {
margin:60px 0 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:100%;
margin:30px 0
}
.hotelGroupContactlistContainer {
padding:40px 0
}
.hotelGroupContentContainer {
padding-top:60px
}
.hotelGroupContentContainer h2 {
font-size:36px
}
.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupRestaurantBlock {
align-items:initial
}
.hotelGroupBanquetsBlock {
width:100%;
margin:0 10px 60px
}
.hotelGroupBanquetsBlock:last-of-type {
margin-bottom:0
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
max-height:initial;
min-height:initial
}
.rewardsTopcontainer {
padding:60px 0
}
.rewardsTopcontainerInner {
flex-direction:column
}
.rewardsTopcontainerImage {
width:initial;
padding-left:0;
margin:0 auto 30px
}
.rewardsTopcontainerContent {
width:initial
}
.hotelGroupTheme.privacyPage {
padding:40px 0
}
.hotelGroupAboutSliderContainer {
padding:50px 0
}
.hotelGroupAboutWelcomeContainer {
padding-bottom:50px
}
}
@media(max-width:767px) {
.ekko-lightbox-container img {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
div#gallery2 img {
min-height:100%;
max-height:100%;
min-width:100%
}
.hotelGroupNavbar .navbar-two {
padding:10px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:block
}
#whatsapp-message {
bottom:90px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupSlideshowContainer .carouselNavOuter {
width:100%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
left:10px;
right:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
top:auto;
bottom:10px;
left:auto;
right:10px
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:relative;
bottom:auto;
background:#FFF;
color:#4f4f4f;
min-height:200px
}
.hotelGroupAttractionContent h3 {
font-size:24px;
font-weight:600
}
.hotelGroupAttractionContent p {
color:#4f4f4f
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:initial
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column;
justify-content:center;
text-align:center
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1)
}
.hotelGroupAmenityItemContent h3 {
margin-bottom:15px
}
.hotelGroupContactContainer {
padding:40px 0
}
.hotelGroupPageTitle h2 span {
line-height:1.6
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1)
}
.CovidpageInner {
padding:0 10px
}
.hotelGroupCovidpage h3 {
font-size:28px
}
.rewardsTopcontainer {
padding:40px 0
}
.rewardsTopcontainerInner {
padding:0 10px
}
.hotelGroupTheme ul.privacyList {
padding:0 0 0 20px
}
.privacyPageInner {
padding:0 10px
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
display:none
}
}
@media(max-width:640px) {
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
display:none
}
.hotelGroupRewardContainer {
padding:80px 0
}
.hotelGroupRestaurantContainer {
padding:60px 0
}
.hotelGroupPropertyBlock {
width:100%;
border:1px solid #e0e0e0
}
.hotelGroupPropertyBlockImg {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
position:relative;
top:0;
max-height:450px;
opacity:1;
border-color:#e0e0e0
}
.hotelGroupPropertyBlock h3 {
color:#30353e;
font-weight:600
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
margin-top:15px;
font-size:14px;
font-weight:400
}
.hotelGroupAttractionBlock {
width:100%;
box-shadow:0 3px 6px -1px rgba(0,0,0,.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
min-height:initial;
padding:30px
}
.hotelGroupAttractionImg {
max-height:350px;
overflow:hidden
}
.hotelGroupAttractionContent h3 {
color:#fff;
font-size:30px
}
.hotelGroupRewardInner {
padding:0 10px
}
.hotelGroupPropertyLogoInner {
flex-flow:row wrap
}
.hotelGroupPropertyLogo {
width:calc(50% - 40px)
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:initial
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:50px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
max-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:relative;
bottom:0;
left:25px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:25px;
border:0
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 30px
}
.hotelGroupTheme .btn.btn-primary {
padding:14px 18px;
font-size:15px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
background:rgba(0,0,0,.3)
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:1
}
.hotelGroupPropertyBlock:hover:after {
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1)
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:300px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:30px;
margin-bottom:15px
}
.hotelGroupPageTitle {
padding:60px 0
}
.hotelGroupPageTitle h2 {
font-size:32px
}
.hotelGroupPageTitle h2 span {
font-size:14px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelSubGroupRestaurantPage h2 {
font-size:30px;
letter-spacing:.03em
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-top:0
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:60px 0 0
}
.hotelGroupCovidpage h3 {
margin-top:30px
}
.hotelGroupAmenityItemContent {
margin:0 auto
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:100%
}
.rewardsOffers.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
}
@media(max-width:580px) {
.hotelGroupSlideshowContainer .carousel .item img {
min-height:300px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:30px;
letter-spacing:2px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control,.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
bottom:-20px
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:70px
}
.hotelGroupTheme h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:15px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:30px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
margin:0
}
.hotelGroupTopbar p.hotelGroupTopbarPhone a {
margin-bottom:0
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-size:16px
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
display:block
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupPageTitle {
padding:40px 0
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:40px 10px 0
}
.hotelGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:20px 0 60px
}
.hotelGroupBanquetsContent h3 {
font-size:26px
}
.hotelGroupCovidpage h3 {
font-size:26px;
margin-bottom:15px
}
.hotelGroupTheme.privacyPage h2 {
font-size:26px
}
.hotelGroupAboutSliderInner,.hotelGroupAboutWelcomeInner {
padding:0 10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:30px;
margin-bottom:20px
}
}
@media(max-width:500px) {
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
display:block
}
}
@media(max-width:479px) {
.hotelGroupRestaurantContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:30px 10px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupPropertyBlock {
margin:20px 10px
}
.hotelGroupAttractionBlock {
margin:20px 10px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:40px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
margin-bottom:0
}
.hotelGroupAttractionHome {
padding:40px 0
}
.hotelGroupAttractionHome h2 {
margin-bottom:30px
}
.hotelGroupTheme h2 {
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:24px;
top:-10px
}
.hotelGroupAttractionContent h3 {
font-size:24px
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
padding:20px
}
.hotelGroupPropertyLogo {
width:calc(50% - 20px);
margin:10px
}
.hotelGroupRewardContainer {
padding:60px 0;
background-attachment:initial;
background-position:50% 100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 20px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:250px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:24px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2,.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:26px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
padding:20px 0
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:10px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
padding:25px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelGroupPropertyBlockImg,.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:260px
}
.hotelGroupFooter .HGfooterTitle {
font-size:20px
}
.hotelGroupTheme p {
font-size:13px
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupBtnOuter {
margin-top:40px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
margin-bottom:30px
}
.hotelGroupGalleryContainer {
padding-bottom:50px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
padding:50px 20px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
font-size:60px;
top:-20px;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:220px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelSubGroupContentContainer {
padding:40px 0 20px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:26px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding-top:40px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-bottom:40px
}
.hotelGroupBanquetsContent {
padding:20px
}
.rewardsTopcontainerContent h3,.rewardsForm h3,.rewardsForm h3 {
font-size:28px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
.helloBarContainer p a {
margin-left:10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:24px
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
bottom:20px
}
.hotelGroupAboutSliderInner .carousel .item img {
min-height:180px
}
}
@media(max-width:359px) {
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
max-width:140px
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:260px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:24px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 20px;
left:20px
}
}
* img{
object-fit: cover;
}
:root {
--primary-color:#c6ab62;
--secondary-color:#b48744;
--btn-hover:#b48744;
--white:#fff;
--primary-text-color:#333;
--black:#000;
--placeholder:#757575;
--background-color:#0f0f0f
}
body.hotelGroupBody {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f;
overflow-x:hidden
}
.yummy .col-lg-1,.yummy .col-lg-2,.yummy .col-lg-3,.yummy .col-lg-4,.yummy .col-lg-5,.yummy .col-lg-6,.yummy .col-lg-7,.yummy .col-lg-8,.yummy .col-lg-9,.yummy .col-lg-10,.yummy .col-lg-11,.yummy .col-lg-12,.yummy .col-lg-15,.yummy .col-md-1,.yummy .col-md-2,.yummy .col-md-3,.yummy .col-md-4,.yummy .col-md-5,.yummy .col-md-6,.yummy .col-md-7,.yummy .col-md-8,.yummy .col-md-9,.yummy .col-md-10,.yummy .col-md-11,.yummy .col-md-12,.yummy .col-md-15,.yummy .col-sm-1,.yummy .col-sm-2,.yummy .col-sm-3,.yummy .col-sm-4,.yummy .col-sm-5,.yummy .col-sm-6,.yummy .col-sm-7,.yummy .col-sm-8,.yummy .col-sm-9,.yummy .col-sm-10,.yummy .col-sm-11,.yummy .col-sm-12,.yummy .col-sm-15,.yummy .col-xs-1,.yummy .col-xs-2,.yummy .col-xs-3,.yummy .col-xs-4,.yummy .col-xs-5,.yummy .col-xs-6,.yummy .col-xs-7,.yummy .col-xs-8,.yummy .col-xs-9,.yummy .col-xs-10,.yummy .col-xs-11,.yummy .col-xs-12,.yummy .col-xs-15 {
padding-right:15px;
padding-left:15px;
padding-bottom:0
}
.yummy p {
margin:0
}
#whatsapp-message {
position:fixed;
margin-bottom:1vh;
bottom:35px;
right:5px;
width:65px;
height:65px;
overflow:hidden;
visibility:visible;
z-index:2147483639;
background:0;
border:0;
transition:transform .2s ease-in-out;
backface-visibility:hidden;
opacity:1;
transform:translateY(0%)
}
.hotelGroupTheme,body .hotelGroupTheme {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTheme a,.hotelGroupTheme p a {
text-decoration:none;
color:var(--primary-color)
}
.hotelGroupTheme a:hover,.hotelGroupTheme a:focus,.hotelGroupTheme p a:hover,.hotelGroupTheme p a:focus {
text-decoration:none;
color:var(--secondary-color)
}
.hotelGroupTheme .btn.btn-primary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-primary:focus,.hotelGroupTheme .btn.btn-primary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelGroupTheme .btn.btn-secondary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:transparent;
color:var(--primary-color);
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-secondary:focus,.hotelGroupTheme .btn.btn-secondary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#FFF
}
.hotelGroupTheme .h1,.hotelGroupTheme .h2,.hotelGroupTheme .h3,.hotelGroupTheme .h4,.hotelGroupTheme .h5,.hotelGroupTheme .h6,.hotelGroupTheme h1,.hotelGroupTheme h2,.hotelGroupTheme h3,.hotelGroupTheme h4,.hotelGroupTheme h5,.hotelGroupTheme h6 {
font-family:Bellota;
font-weight:400
}
.header.fixed {
position:fixed;
top:0;
box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
-webkit-box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
left:0;
right:0;
margin:0 auto;
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
.hotelGroupTheme h2 {
margin:0 0 30px;
position:relative;
color:#30353e;
margin:0 0 30px;
font-size:48px;
line-height:1.2;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase
}
.hotelGroupTheme h2 span {
display:block;
font-size:16px;
font-weight:400;
margin:0 0 10px;
color:var(--secondary-color)
}
.hotelGroupTheme p {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTopbar {
padding:12px 0;
border-bottom:1px solid #efefef
}
.hotelGroupTopbar .inline-wrapper {
align-items:center
}
.hotelGroupTopbar p {
margin:0 10px 0;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
margin-left:0
}
.hotelGroupTopbar p .fa {
margin-right:10px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone .fa {
font-size:18px;
position:relative;
top:1px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
position:relative;
top:-1px
}
.hotelGroupTopbar p a {
color:#4f4f4f;
text-decoration:none;
transition:all .3s ease
}
.hotelGroupTopbar p a:focus,.hotelGroupTopbar p a:hover {
color:var(--secondary-color);
;
text-decoration:none
}
.hotelGroupTopbar p.hotelGroupTopbarSocial {
font-size:16px
}
.hotelGroupTopbar p.hotelGroupTopbarSocial .fa {
margin-right:0
}
.hotelGroupTopbar .gTranslate {
margin-left:10px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget {
position:relative;
font-size:0
}
.hotelGroupTheme #google_translate_element .goog-te-gadget:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
pointer-events:none;
color:#000;
font-size:18px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget a.goog-logo-link {
display:none
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
height:30px;
padding:0 30px 0 10px;
letter-spacing:.03em;
border-radius:0;
border:1px solid #d5d5d5;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
cursor:pointer;
font-size:12px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo:focus {
outline:0;
border-color:#a7a7a7
}
.hotelGroupNavbar {
position:relative;
z-index:100
}
.hotelGroupNavbar .navbar {
width:100%;
margin:0;
padding:10px 0;
display:flex;
align-items:center;
min-height:60px
}
.hotelGroupNavbar .navbar-header .navbar-brand {
height:auto
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:90px
}
.hotelGroupNavbar .navbar-collapse {
padding:0!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
width:inherit;
align-items:center;
padding-right:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:5px 0 0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
line-height:1;
color:#30353e;
text-transform:uppercase;
letter-spacing:.03em;
transition:all .3s ease;
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:active,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:focus,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:hover,.hotelGroupNavbar .navbar.navbar-plain ul.nav li.active a {
color:var(--secondary-color);
;
background-color:transparent
}
.hotelGroupNavbar .nav .open>a,.hotelGroupNavbar .nav .open>a:focus,.hotelGroupNavbar .nav .open>a:hover {
background:none;
border:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown a .caret:after {
top:-7px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown.open a .caret:after {
top:-3px
}
.hotelGroupNavbar .dropdown-menu {
border-radius:0;
background:#FFF
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li {
display:block
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
font-weight:400;
display:block;
padding:15px 20px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdownRight .dropdown-menu {
left:auto;
right:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-family:Bellota;
background:var(--primary-color);
border:1px solid var(--primary-color);
color:#fff;
box-shadow:none;
border-radius:0;
font-size:14px;
font-weight:700;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
transition:all .3s ease;
padding:12px 18px
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:focus,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:hover {
border-color:var(--secondary-color);
;
background:var(--secondary-color);
;
cursor:pointer;
color:#fff;
text-decoration:none;
box-shadow:none;
outline:0
}
.hotelGroupSlideshowContainer {
color:#FFF
}
.hotelGroupSlideshowContainer p,.hotelGroupSlideshowContainer a {
color:#FFF
}
.hotelGroupSlideshowContainer .carousel-inner>.item {
transition:none;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item img {
animation:bloomEffects 1s ease;
animation-fill-mode:forwards
}
@keyframes bloomEffects {
0% {
transform:scale(1)
}
100% {
transform:scale(1.1)
}
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:60px;
font-weight:700;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
font-size:18px;
font-weight:400;
line-height:1.4;
letter-spacing:.06em;
margin:0 auto 60px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
background:#000;
border-color:#000
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
font-family:Chakra Petch;
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
background-color:transparent;
color:#fff;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto;
height:50px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:active {
background-color:#FFF;
border-color:#FFF;
color:#000
}
.hotelGroupSlideshow {
max-height:600px;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupSlideshowContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
background:#000;
border:1px solid #000
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:auto;
right:0
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
left:auto;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li:hover,.hotelGroupSlideshowContainer .carousel-indicators li:focus,.hotelGroupSlideshowContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupSlideshowContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupSlideshowContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBookingContainer {
position:relative;
background:#1b1b1b;
color:#FFF;
padding:40px 0
}
.hotelSubGroupTheme.hotelGroupBookingContainer {
position:relative;
background:var(--secondary-color);
;
color:#FFF
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0 30px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupBookingContainer .boxnew {
width:100%;
text-align:center
}
.hotelGroupBookingContainer .boxnew p {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupBookingContainer .boxnew p label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p input {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupBookingContainer .boxnew p select {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
font-family:Bellota;
font-size:18px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:50px;
border-radius:0;
padding:10px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:var(--secondary-color);
!important;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn {
background-color:#000;
color:#fff;
border:1px solid #000
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupBookingContainer .boxnew p br {
display:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:25px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:25px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1) {
max-width:300px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(4) {
margin-top:28px
}
.hotelGroupTheme .bbres_fieldset,.hotelGroupTheme .HGCalender,.hotelGroupTheme .HGBEBtn {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select,.hotelGroupTheme .HGSelectOuter {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:300px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select:before,.hotelGroupTheme .HGSelectOuter:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:20px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupTheme .bbres_fieldset label,.hotelGroupTheme .bbres_select label,.hotelGroupTheme .form-control label,.hotelGroupTheme .HGSelectOuter label,.hotelGroupTheme .HGCalender label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset input,.hotelGroupTheme .HGCalender input,.hotelGroupTheme input.form-control {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme textarea.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:auto;
background:#fff;
width:100%;
padding:20px;
border-radius:0;
font-size:13px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger {
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
font-size:0;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px
}
.hotelGroupTheme .HGCalender:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupTheme .bbres_select select,.hotelGroupTheme .HGSelectOuter select,.hotelGroupTheme select.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupTheme input.form-control:focus,.hotelGroupTheme select.form-control:focus,.hotelGroupTheme select:focus,.hotelGroupTheme textarea.form-control:focus,.hotelGroupTheme textarea:focus {
border-color:#152161;
background:#fff;
outline:0
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn,.hotelGroupTheme .HGBEBtn #bb_resBtn {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
line-height:1.8;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:#000;
color:#fff;
border:1px solid #000;
height:50px;
border-radius:0;
padding:15px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn:active,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:focus,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:hover,.hotelGroupTheme .HGBEBtn #bb_resBtn:active,.hotelGroupTheme .HGBEBtn #bb_resBtn:focus,.hotelGroupTheme .HGBEBtn #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupWelcomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupWelcomeInner {
display:flex;
align-items:center
}
.hotelGroupWelcomeContent {
width:48%
}
.hotelGroupWelcomeImgOuter {
width:52%;
padding-left:100px
}
.hotelGroupPropertyContainer {
position:relative;
padding:1px 0;
display:flex;
justify-content:center
}
.hotelGroupPropertyInner {
position:relative;
display:flex;
min-height:600px;
flex-flow:row wrap;
max-width:1600px
}
.hotelGroupPropertyContainerAlter .hotelGroupPropertyInner {
flex-direction:row-reverse
}
.hotelGroupPropertyImage {
width:60%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.hotelGroupPropertyContent {
width:40%;
padding:60px;
display:flex;
flex-flow:column;
justify-content:center;
text-align:left
}
h3.hotelGroupPropertyContentTitle {
margin:0 0 30px;
font-size:42px;
line-height:1.2;
letter-spacing:2px;
color:#30353e
}
p.hotelGroupPropertyContentText {
color:inherit;
margin:0 0 50px;
font-size:17px;
line-height:1.8;
letter-spacing:.03em
}
.hotelGroupHomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupHomeContainer .hotelGroupHomeContent {
text-align:center
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:60px;
padding-top:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:16px;
line-height:2
}
.hotelGroupAmenityContainer {
position:relative;
background:var(--primary-color);
color:#FFF;
padding:80px 0 40px;
text-align:center
}
.hotelGroupAmenityContainer {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f06b6379b36d_bannerImg002.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupAmenityContainer h2,.hotelGroupAmenityContainer h3,.hotelGroupAmenityContainer h4,.hotelGroupAmenityContainer p {
color:#FFF
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px;
padding-top:30px
}
.hotelGroupAmenityContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#e6c6a1;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupAmenityBtnOuter {
margin:60px 0 0
}
.hotelGroupAmenityList {
display:flex;
flex-flow:row wrap;
align-items:flex-start;
justify-content:flex-start
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
position:relative;
display:flex;
text-align:left;
padding:40px;
align-items:flex-start;
width:33%;
justify-content:flex-start;
margin:0;
align-items:center
}
.hotelGroupAmenityItemImg {
min-width:60px;
min-height:60px;
background:rgb(0 0 0 / .2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
margin:0 10px 0 0
}
.hotelGroupAmenityItemImg img {
max-width:30px;
max-height:30px
}
.hotelGroupAmenityItemContent h3 {
margin:0 0 6px;
font-weight:600;
letter-spacing:1px;
font-size:20px;
line-height:1
}
.hotelGroupAmenityItemContent p {
margin:0;
font-size:14px;
letter-spacing:.03em
}
body .hotelGroupFooter {
background:#1b1b1b;
color:#c5c5c5
}
.hotelGroupFooter .HGfooterTitle {
color:#FFF;
font-family:Bellota;
font-size:24px;
letter-spacing:3px;
font-weight:700;
text-transform:uppercase;
margin:0 0 30px
}
.hotelGroupFooter ul.list-basic li a:not(.btn) {
color:#c5c5c5;
text-decoration:none
}
.hotelGroupFooter ul.list-basic li a:not(.btn):hover,.hotelGroupFooter ul.list-basic li a:not(.btn):focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic {
display:flex;
flex-flow:row wrap
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic li {
width:50%
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic {
display:flex;
flex-flow:column
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic li {
width:initial
}
body .hotelGroupFooterbtm {
background:#101010;
color:#c5c5c5;
padding:10px 0;
font-size:14px
}
body .hotelGroupFooterbtm .footerBtmInner {
display:flex;
justify-content:space-between;
align-items:center
}
body .hotelGroupFooterbtm p {
margin:0;
font-family:Chakra Petch
}
body .hotelGroupFooterbtm p a {
color:#c5c5c5;
text-decoration:none
}
body .hotelGroupFooterbtm p a:hover,body .hotelGroupFooterbtm p a:focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterContact ul.list-basic li {
position:relative;
padding-left:30px
}
body .hotelGroupFooter p,body .hotelGroupFooter ul li,body .hotelGroupFooter p a {
margin-bottom:10px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
color:#c5c5c5;
letter-spacing:.03em
}
body .hotelGroupFooter .HGfooterContact li .fa {
position:absolute;
left:0;
top:3px;
font-size:20px;
font-weight:400;
line-height:1
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial {
margin:10px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial li .fa {
position:relative;
top:initial
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-map-marker {
left:2px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-envelope-open-o {
font-size:14px;
left:1px;
top:4px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-mobile {
font-size:22px;
left:3px;
top:1px
}
.hotelGroupRoomContainer {
padding:80px 0
}
.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-end
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
position:relative;
z-index:1;
width:80%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:600px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
position:absolute;
right:10px;
bottom:70px;
width:50px;
z-index:2;
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #000;
background:#000;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators {
background:none;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
position:absolute;
width:600px;
background:#FFF;
padding:30px;
left:0;
top:50%;
display:block;
z-index:2;
transform:translateY(-50%);
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:48px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupRoomContainer .hotelGroupRoomContentText {
margin:0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities {
margin:20px 0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic {
display:flex;
flex-flow:row wrap
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic li {
width:50%;
display:flex;
align-items:center;
margin:0 0 15px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesImg img {
max-height:24px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesTxt p {
margin:0 0 0 10px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice {
margin:0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice strong {
font-size:22px;
font-weight:700;
margin:0;
letter-spacing:-.02em
}
.hotelGroupRoomContainer .hotelGroupRoomPrice span {
border-bottom:1px dashed;
cursor:help;
margin:0 0 0 5px
}
.hotelGroupRoomContainerAlter .hotelGroupRoomInner {
justify-content:flex-start
}
.hotelGroupRoomContainerAlter .hotelGroupRoomContent {
left:auto;
right:0
}
.hotelGroupRoomContainerAlter .hotelGroupRoomImage .carouselNavOuter {
right:auto;
left:10px
}
.hotelGroupTheme .mapWrapper iframe {
margin:0;
padding:0;
outline:0;
border:0;
display:inline-block;
vertical-align:top
}
.hotelGroupGalleryContainer {
padding:0 0 80px;
text-align:center
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:80px
}
.hotelGroupBody .modal-dialog {
margin:15px auto 0;
max-width:900px!important
}
.hotelGroupBody .modal-header {
padding:0;
border-bottom:0 solid #e5e5e5;
background:0
}
.hotelGroupBody .modal-title {
display:none
}
.hotelGroupBody .modal button.close {
z-index:110;
right:10px;
top:10px;
outline:0
}
.hotelGroupBody .modal button.close:focus,.hotelGroupBody .modal button.close:hover {
outline:0
}
.hotelGroupBody .ekko-lightbox-nav-overlay .glyphicon {
height:100%;
display:flex;
align-items:center;
text-align:right
}
.hotelGroupBody .glyphicon.glyphicon-chevron-left {
justify-content:flex-start
}
.hotelGroupBody .glyphicon.glyphicon-chevron-right {
justify-content:flex-end
}
.hotelGroupBody .ekko-lightbox-nav-overlay a:focus,.hotelGroupBody .ekko-lightbox-nav-overlay a:hover {
text-decoration:none
}
.hotelGroupBody .modal-dialog img {
width:100%
}
.hotelGroupBody .modal-dialog .ekko-lightbox-container {
max-height:550px;
overflow:hidden
}
.hotelGroupHeadBlock {
padding:60px 0;
text-align:center
}
.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
margin:0
}
.hotelGroupPageTitle {
padding:100px 0;
color:#FFF;
background-color:rgba(0,0,0,0);
background-position:50% 60%
}
.hotelGroupPageTitle h2 {
color:#FFF;
text-align:center;
margin:0
}
.hotelGroupPageTitle h2 span {
color:#FFF;
font-family:Chakra Petch;
margin:10px 0 0
}
.hotelGroupContactContainer {
padding:80px 0
}
.hotelGroupContactContainer .form-group,.hotelGroupContactContainer .input-group {
margin:0 0 20px
}
.hotelGroupContactContainer h3 {
font-size:28px;
font-weight:700;
letter-spacing:1px;
margin:0 0 20px;
color:#30353e
}
.hotelGroupContactContainer h3.hotelGroupContactHeading {
margin:0 0 10px
}
.hotelGroupContactContainer p.hotelGroupContactDesc {
margin:0 0 40px
}
.hotelGroupContactDetails ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactDetails p,.hotelGroupContactDetails ul li,.hotelGroupContactDetails p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactDetails li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactDetails ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
.hotelGroupContactDetails li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactDetails li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactDetails li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn) {
color:#4f4f4f
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding-left:30px
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial .HGfooterSocial li .fa {
position:relative;
top:initial
}
.hotelGroupContactlistContainer {
background:#f8f8f8;
padding:80px 0
}
.hotelGroupContactlistContainer .hotelGroupContactblock {
position:relative;
padding:30px;
background:#FFF;
box-shadow:0 7px 12px -4px rgba(0,0,0,.1);
margin:0 5px
}
.hotelGroupContactlistContainer .hotelGroupContactblock a {
white-space:normal;
word-break:break-all
}
.hotelGroupContactlistContainer .hotelGroupContactblock h4 {
margin:0 0 30px;
font-size:22px;
font-weight:700
}
.hotelGroupContactlistContainer ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactlistContainer p,.hotelGroupContactlistContainer ul li,.hotelGroupContactlistContainer p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactlistContainer li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactlistContainer ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 10px 0 0
}
.hotelGroupContactlistContainer li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactlistContainer li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactlistContainer li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding:0;
margin:0 15px 0 0
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li .fa {
position:relative
}
.hotelGroupAboutSliderContainer {
padding:80px 0
}
.hotelGroupAboutWelcomeContainer {
padding:0 0 80px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption h3 {
font-size:54px;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption p {
font-size:16px;
font-weight:400;
line-height:1.8;
letter-spacing:.05em;
margin:0 auto 60px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn {
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:active {
background:#FFF;
color:#000
}
.hotelGroupAboutSliderContainer .carousel-inner .item [data-component=image]:before {
content:"";
top:0;
left:0;
right:0;
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.54);
z-index:1;
display:none
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
background:#000;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupAboutSliderContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li:hover,.hotelGroupAboutSliderContainer .carousel-indicators li:focus,.hotelGroupAboutSliderContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupAboutSliderContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupAboutSliderContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a:hover,.hotelGroupBody .ui-datepicker.ui-widget-content td a:focus,.hotelGroupBody .ui-datepicker.ui-widget-content td a:active {
text-decoration:none
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a.ui-state-active {
background:var(--secondary-color);
;
color:#fff;
text-decoration:none
}
.hotelGroupthankyouPage {
padding:80px 0;
text-align:center
}
.hotelSubGroupContentContainer {
padding:80px 0;
text-align:center
}
.hotelGroupContentContainer {
padding:80px 0 0;
text-align:center
}
.hotelSubGroupContentContainer .hotelGroupRoomContent {
padding:50px
}
.hotelSubGroupContentContainer h2,.hotelGroupContentContainer h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:80px 0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerLast {
padding-bottom:100px
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:absolute;
right:30px;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:10px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn {
font-size:16px;
height:auto;
font-family:Bellota;
line-height:1;
padding:15px 20px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn:nth-of-type(2) {
margin-left:5px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoomAmenitiesTxt {
display:none
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:0 20px 0 0;
width:initial
}
.hotelSubGroupTheme .hotelGroupRoomAmenities {
margin:30px 0 20px
}
.hotelSubGroupTheme .hotelGroupRoomImage {
box-shadow:0 50px 40px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px;
letter-spacing:2px;
padding:30px 0 0;
text-transform:none;
color:#30353e
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
opacity:.8
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:18px;
line-height:2
}
.hotelSubGroupTheme .hotelGroupWelcomeImg {
box-shadow:0 30px 30px -20px rgba(0,0,0,.2);
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover {
box-shadow:0 30px 30px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg img {
transition:all .4s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1.03)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
padding:30px 0 0;
margin:0 0 30px;
color:#30353e
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px;
text-transform:none;
margin-bottom:60px;
padding:30px 0 0
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
margin:0;
padding:1px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper.margin-bottom-10px {
margin-bottom:0;
overflow:hidden;
position:relative
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper img {
transition:all .6s ease
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper:hover img {
transform:scale(1.1)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:before {
content:"";
background:rgba(0,0,0,.6);
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all .3s ease;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:hover:before {
top:0;
opacity:0;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a {
position:relative;
display:block
}
.hotelGroupBtnOuter {
margin:60px auto 0;
text-align:center
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
display:flex
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:50%;
padding:20px 20px 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage {
position:relative;
z-index:1;
width:initial
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent {
position:relative;
top:0;
transform:translateY(0%);
width:initial;
text-align:left
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:0;
transition:all .6s ease;
margin:40px 0 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 14px rgb(255 255 255 / .3)
}
.hotelGroupTestimonialHome {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f7c5d480856d_spa.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupTestimonialHome .overly,.hotelGroupAmenityContainer .overly {
background:rgba(0,0,0,.6)
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter {
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:80%;
margin:0 auto
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-family:Bellota;
font-weight:400;
font-size:18px;
color:#FFF;
line-height:2;
letter-spacing:1px;
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
content:'\f10d';
font-family:fontAwesome;
font-size:72px;
margin:0;
opacity:.3;
position:absolute;
left:-50px;
top:-30px;
line-height:1
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
position:relative;
margin:0 auto;
left:0;
right:0;
top:0;
width:100%;
padding:50px
}
.hotelGroupTestimonialHome .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF;
display:none
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:hover,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:focus,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupTestimonialHome .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupTestimonialHome .carousel-indicators {
background:none;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li:hover,.hotelGroupTestimonialHome .carousel-indicators li:focus,.hotelGroupTestimonialHome .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupTestimonialHome .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupTestimonialHome .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupTestimonialHome .nav-indicators-in .carousel-indicators-wrapper {
right:0;
left:0;
bottom:-30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption h3 {
letter-spacing:1px
}
.hotelGroupTestimonialHome h2 {
color:#FFF;
text-align:center
}
.hotelGroupTestimonialHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#FFF;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-40px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionHome {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupAttractionHomeInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupAttractionBlock {
position:relative;
width:calc(33.33% - 40px);
margin:0 20px;
overflow:hidden
}
.hotelGroupAttractionImg {
position:relative;
z-index:1
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:400px;
transition:all .6s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:absolute;
bottom:-90px;
left:0;
background:rgba(0,0,0,.6);
display:block;
color:#FFF;
z-index:2;
padding:20px;
transition:all .3s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionContent {
bottom:0
}
.hotelGroupAttractionContent p {
color:#FFF
}
.hotelGroupAttractionHome h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupAttractionHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionContent h3 {
margin:0 0 15px;
letter-spacing:1px;
font-size:26px;
color:#fff
}
.hotelGroupAttractionContent p {
color:#FFF;
font-size:14px;
letter-spacing:.03em;
margin:0
}
.hotelGroupPropertyContainer {
padding:80px 0 80px
}
.hotelGroupPropertyPage.hotelGroupPropertyContainer {
padding:0 0 80px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupPropertyContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupPropertyContainerInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyBlock {
width:33%;
margin:0 20px;
position:relative;
overflow:hidden
}
.hotelGroupPropertyBlock:after {
content:"";
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
transition:all .3s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover:after {
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:450px;
transition:all .8s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1.1)
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
text-align:center;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:11;
background:rgba(0,0,0,.5);
opacity:1;
transition:all .3s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:0
}
.hotelGroupPropertyBlock a {
color:var(--secondary-color)
}
.hotelGroupPropertyBlock h3 {
letter-spacing:1px;
font-size:24px;
font-weight:400;
margin:0;
color:#FFF
}
.hotelGroupPropertyBlock p {
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#909090
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
font-size:13px;
text-transform:none;
letter-spacing:.03em;
margin:20px 0 0
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockLabel {
margin:0 0 10px;
font-size:12px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
display:flex;
flex-flow:column;
align-items:flex-start;
border:1px solid;
padding:30px;
position:absolute;
left:0;
top:-100%;
z-index:11;
width:100%;
height:100%;
max-height:450px;
transition:all .6s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockContent {
top:0;
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:absolute;
bottom:-100%;
left:30px;
z-index:11;
transition:all .6s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:30px
}
.hotelGroupPropertyLogoContainer {
padding:20px 0
}
.hotelGroupPropertyLogoInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyLogo {
margin:20px
}
.hotelGroupPropertyLogo img {
max-height:80px;
transition:all .6s ease;
opacity:.6
}
.hotelGroupPropertyLogo:hover img {
opacity:1
}
.hotelGroupRewardContainer {
padding:100px 0;
background-image:url(images/uploads/1/5f7ef5d09cd88_gift.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment:fixed
}
.hotelGroupRewardContainer:before {
content:"";
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
position:absolute;
left:0;
right:0;
top:0;
pointer-events:none;
width:100%;
height:100%
}
.hotelGroupRewardContainer h2 {
color:#FFF;
margin:0 0 10px;
text-transform:none
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupRewardContainer p {
color:#FFF;
margin:0;
letter-spacing:.06em;
font-size:14px
}
.hotelGroupRewardContainer .btn-secondary {
letter-spacing:2px
}
.hotelGroupContentsContainer {
padding:60px 0
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
position:relative;
padding:80px 0;
text-align:center;
background:inherit
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer:before {
content:"";
display:none
}
.hotelGroupAmenityPage .hotelGroupAmenityItemContent h3,.hotelGroupAmenityPage .hotelGroupAmenityItemContent p {
color:#30353e
}
.hotelGroupAmenityPage .hotelGroupAmenityItemImg {
background:none;
border:0;
align-items:flex-start;
padding:0;
min-height:initial;
min-width:initial
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:80px 0 0
}
.hotelGroupAttractionPage.hotelGroupAttractionHome {
background:inherit;
padding-top:40px
}
.hotelGroupTheme .tooltip {
white-space:nowrap
}
.hotelGroupTheme .tooltip .tooltip-inner {
background-color:#000;
font-size:10px;
letter-spacing:.05em
}
.hotelGroupTheme .tooltip.top .tooltip-arrow {
bottom:1px;
border-top-color:#000
}
.hotelGroupTheme .tooltip.top-left .tooltip-arrow,.hotelGroupTheme .tooltip.top-right .tooltip-arrow,.hotelGroupTheme .tooltip.top .tooltip-arrow {
border-top-color:#000
}
.hotelSubGroupNavbar {
background:#1b1b1b
}
.hotelSubGroupNavbar .navbar-nav>li>a {
padding:15px;
color:#FFF;
line-height:1;
font-size:13px;
letter-spacing:.05em;
transition:all .3s ease
}
.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:var(--secondary-color);
;
color:#FFF
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:1px solid #424242
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a {
font-weight:700
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active {
background:#1b1b1b
}
.hotelGroupRestaurantContainer {
padding:80px 0
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:36px;
text-transform:none
}
.hotelSubGroupRestaurantPage {
padding:80px 0 0;
text-align:center
}
.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupRestaurantPage p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelGroupRestaurantBlock {
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:row-reverse
}
.hotelGroupRestaurantImg {
width:50%;
overflow:hidden
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
max-height:400px;
min-height:400px;
width:100%;
transition:all .3s ease
}
.hotelGroupRestaurantBlock:hover .hotelGroupRestaurantImg img {
transform:scale(1.1)
}
.hotelGroupRestaurantContent {
width:50%;
padding:40px;
border:1px solid #dedede;
min-height:400px;
max-height:400px;
display:flex;
flex-flow:column;
justify-content:center
}
.hotelGroupRestaurantContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.hotelGroupRestaurantContent p {
margin-bottom:30px
}
.hotelGroupBanquetsContainer {
padding:80px 0
}
.hotelGroupBanquetsInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupBanquetsBlock {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:calc(50% - 40px);
margin:0 20px 60px;
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease;
overflow:hidden
}
.hotelGroupBanquetsBlock:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelGroupBanquetsImg {
position:relative;
z-index:1;
max-height:350px;
overflow:hidden
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 24px rgb(255 255 255 / .3)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
min-height:350px;
max-height:350px;
transition:all .6s ease
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1.1)
}
.hotelGroupBanquetsContent {
background:#FFF;
transition:all .3s ease;
padding:30px
}
.hotelGroupBanquetsContent h3 {
font-size:32px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupBanquetsContent p {
margin:0
}
.hotelGroupNavbar .navbar-header #subNavicon {
display:none
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:none
}
.hotelGroupCovidpage {
padding:80px 0
}
.hotelGroupCovidpage h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupCovidpage p {
margin-bottom:20px
}
.hotelGroupTheme .nomargintop {
margin-top:0!important
}
.helloBarContainer {
background:var(--primary-color);
color:#FFF;
text-align:center;
padding:15px 0
}
.helloBarContainer p {
margin:0;
line-height:1;
font-size:14px;
color:#FFF
}
.helloBarContainer p .fa {
margin:0 10px 0 0
}
.helloBarContainer p a {
color:#FFF;
text-transform:uppercase;
font-weight:600;
margin:0 0 0 20px;
text-decoration:none;
border-bottom:1px solid #FFF
}
.helloBarContainer p a:hover,.helloBarContainer p a:focus {
color:#FFF;
text-decoration:none;
border-bottom-color:rgba(255,255,255,.5)
}
.helloBarContainer a.helloBarClose {
cursor:pointer;
color:rgba(255,255,255,.5);
font-size:24px;
font-weight:300;
line-height:1;
margin:0 0 0 20px;
transition:all .2s ease-out
}
.helloBarContainer a.helloBarClose:hover,.helloBarContainer a.helloBarClose:focus {
text-decoration:none;
color:rgba(255,255,255,1)
}
.helloBarInner {
position:relative;
z-index:11;
display:flex;
justify-content:center;
align-items:center
}
.rewardsTopcontainer {
padding:80px 0
}
.rewardsTopcontainerInner {
display:flex;
flex-flow:row-reverse
}
.rewardsTopcontainerImage {
width:55%;
padding-left:50px
}
.rewardsTopcontainerContent {
width:45%
}
.rewardsTopcontainerContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.rewardsOffers {
background:var(--primary-color);
color:#FFF;
padding:80px 0
}
.rewardsForm {
max-width:500px;
margin:0 auto
}
.rewardsForm h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px;
text-align:center
}
.hotelGroupAmenityContainer.rewardsOffers:before {
background-image:url(images/uploads/1/5f92a8c42060e_gift4.jpg)
}
.hotelGroupTheme.privacyPage {
padding:80px 0
}
.hotelGroupTheme.privacyPage h2 {
font-size:32px;
font-weight:700;
color:#30353e;
text-transform:none;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupTheme.privacyPage p {
}
.hotelGroupTheme.privacyPage p strong {
font-size:18px;
margin-top:20px;
margin-bottom:5px;
display:inline-block
}
.hotelGroupTheme ul.privacyList {
margin:30px 0
}
.hotelGroupTheme ul.privacyList li {
margin-bottom:10px
}
.hotelGroupTheme ul.privacyList li:last-of-type {
margin-bottom:0
}
.hotelSubGroupAboutSliderContainer {
padding:40px 0 80px
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display:none
}
.grecaptcha-badge {
display:none!important
}
.boxnew button.btn.crssearchbtn:hover {
background:#45b5c6!important
}
.hotelgroup-subnavbar {
position:sticky;
z-index:99;
top:0
}
.group-row {
display:flex;
align-items:center
}
div#gallery2 img {
min-height:230px;
max-height:230px;
min-width:387px;
height:100%;
width:100%
}
.ekko-lightbox-container img {
min-width: 1000px;
min-height: 600px;
max-height: 600px;
height:100%;
width:100%
}
.modal-dialog{
max-width: 1000px !important;
}
@media(min-width:1601px) {
.hotelGroupSlideshowContainer .carousel .item img {
width:100%
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
}
@media(max-width:1199px) {
.hotelGroupNavbar .navbar-header .navbar-brand a {
max-width:200px
}
.hotelGroupNavbar .container {
padding:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
padding:0;
margin:0;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar .navbar-buttons {
margin:0 0 0 15px!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-size:12px;
padding:10px;
margin:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-centered .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left-right .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons {
min-height:initial;
min-width:initial
}
.hotelGroupNavbar .navbar {
padding:0;
border:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar-header {
float:none;
width:100%;
padding:0;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
border-bottom:1px solid #efefef
}
.hotelGroupNavbar .navbar-header .navbar-brand {
min-height:initial;
height:initial;
max-width:initial;
padding:0;
margin:0 10px 0 0;
width:calc(100% - 80px)
}
.hotelGroupNavbar .navbar-header .navbar-toggle {
width:50px;
float:none;
margin:0;
padding:0;
font-size:24px;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar-header .navbar-toggle.collapsed .fa-bars:before {
content:"\F0C9"
}
.hotelGroupNavbar .navbar-header .navbar-toggle .fa-bars:before {
content:"\F00D"
}
.hotelGroupNavbar .navbar-header #subNavicon {
width:50px;
float:none;
margin:0;
padding:0;
color:#4f4f4f;
font-size:24px;
text-align:center;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
display:none!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse.in {
display:block!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:20px 10px;
margin:0;
box-shadow:none;
min-width:100%;
width:100%;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li {
display:block;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.open {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav .dropdown.open>a {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
padding:10px 30px;
text-transform:none
}
.hotelSubGroupNavbar {
background:#FFF
}
.hotelSubGroupNavbar #subGroupNavigation {
padding:0;
margin:0 -15px
}
.hotelSubGroupNavbar #subGroupNavigation.collapse {
display:none!important
}
.hotelSubGroupNavbar #subGroupNavigation.collapse.in {
display:block!important
}
.hotelSubGroupNavbar #subGroupNavigation .navbar-nav {
float:none;
padding:20px
}
.hotelSubGroupNavbar .navbar-nav>li {
display:block;
float:none
}
.hotelSubGroupNavbar .navbar-nav>li>a {
font-family:Chakra Petch;
color:#30353e;
font-size:14px;
font-weight:600;
padding:10px 0
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:60px
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:0
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active,.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:#FFF;
color:var(--secondary-color)
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:block;
margin:0 20px 20px 20px
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow.navbar-buttons>* {
display:block
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow .btn {
font-size:15px;
line-height:1;
padding:15px 20px
}
.hotelGroupWelcomeContent {
width:50%
}
.hotelGroupWelcomeImgOuter {
width:50%;
padding-left:50px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:16px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
position:relative;
font-size:40px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
flex-direction:column;
justify-content:center
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
margin:0 auto;
width:90%
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2)
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:90%;
margin:0 auto;
position:relative;
top:0;
transform:translateY(0%)
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:36px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:400px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding:40px 0 60px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:60px 0 0
}
.hotelGroupContactContainer {
padding:60px 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:50%;
padding-bottom:0;
margin:20px 0
}
.hotelGroupContactlistContainer {
padding:60px 0
}
.hotelGroupFormContainer {
max-width:100%
}
.hotelGroupRestaurantContent {
max-height:initial
}
.hotelGroupRestaurantBlock {
align-items:stretch
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:100%;
max-height:initial
}
.hotelGroupCovidpage {
padding:40px 0
}
}
@media(max-width:991px) {
.group-row {
display:flex
}
body.hotelGroupBody #page {
overflow-x:hidden
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
display:none
}
.hotelGroupTopbar .hotelGroupTopbarLeft .inline-wrapper {
justify-content:flex-start
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper {
justify-content:flex-end
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper>[data-component=image] {
display:none
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:36px
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
display:none
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
display:none
}
.hotelGroupBookingContainer #bb_resBookingBox {
flex-direction:column
}
.hotelGroupBookingContainer .boxnew p {
max-width:300px;
margin:15px 0
}
.hotelGroupTheme h2 {
font-size:42px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:60px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span {
position:relative;
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:30px
}
.hotelGroupPropertyContainerInner {
flex-flow:row wrap
}
.hotelGroupPropertyBlock {
width:calc(50% - 40px);
margin-bottom:30px
}
.hotelGroupAttractionBlock {
width:calc(50% - 40px)
}
.hotelGroupAttractionHome {
padding:60px 0
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:column;
margin:40px 20px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupRestaurantImg {
width:initial
}
.hotelGroupRestaurantContent {
width:initial;
min-height:initial;
max-height:initial;
padding:30px
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:initial;
max-height:initial
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:36px;
top:-10px
}
.hotelGroupWelcomeContainer {
padding:60px 0
}
.hotelGroupWelcomeInner {
flex-direction:column
}
.hotelGroupWelcomeContent {
width:initial;
text-align:center
}
.hotelGroupWelcomeImgOuter {
width:initial;
padding-left:0;
margin:40px auto 0;
max-width:600px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
flex-direction:column
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
width:initial
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
flex-direction:column;
text-align:center
}
.hotelGroupAmenityItemImg {
margin:0 auto 30px
}
.hotelGroupGalleryContainer {
padding-bottom:60px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:60px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:flex;
flex-flow:row wrap;
justify-content:center
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:33.33%
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:100%
}
.hotelGroupTestimonialHome h2 span {
font-size:30px;
top:-30px
}
body .hotelGroupFooter .col-sm-4 {
width:100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 30px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
display:none
}
.hotelGroupHeadBlock {
padding-bottom:30px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:42px
}
.hotelGroupBookingContainer .boxnew p input {
height:40px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
bottom:6px
}
.hotelGroupBookingContainer .boxnew p select {
height:40px
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
height:44px
}
.hotelGroupPageTitle {
padding:80px 0
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2 {
font-size:32px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:350px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:auto;
margin:40px 0 0
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
width:100%;
left:0;
right:0;
bottom:auto;
top:45%;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:auto;
right:auto;
left:5px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.right.carousel-control {
left:auto;
right:5px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:100%
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
width:100%
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
display:none
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:30px 0
}
.hotelSubGroupContentContainer {
padding:60px 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
margin:0 10px
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p,.hotelGroupTheme p {
font-size:15px
}
.hotelGroupContactDetails li .fa.fa-map-marker {
top:0
}
.hotelGroupContactDetails {
margin:60px 0 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:100%;
margin:30px 0
}
.hotelGroupContactlistContainer {
padding:40px 0
}
.hotelGroupContentContainer {
padding-top:60px
}
.hotelGroupContentContainer h2 {
font-size:36px
}
.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupRestaurantBlock {
align-items:initial
}
.hotelGroupBanquetsBlock {
width:100%;
margin:0 10px 60px
}
.hotelGroupBanquetsBlock:last-of-type {
margin-bottom:0
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
max-height:initial;
min-height:initial
}
.rewardsTopcontainer {
padding:60px 0
}
.rewardsTopcontainerInner {
flex-direction:column
}
.rewardsTopcontainerImage {
width:initial;
padding-left:0;
margin:0 auto 30px
}
.rewardsTopcontainerContent {
width:initial
}
.hotelGroupTheme.privacyPage {
padding:40px 0
}
.hotelGroupAboutSliderContainer {
padding:50px 0
}
.hotelGroupAboutWelcomeContainer {
padding-bottom:50px
}
}
@media(max-width:767px) {
.ekko-lightbox-container img {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
div#gallery2 img {
min-height:100%;
max-height:100%;
min-width:100%
}
.hotelGroupNavbar .navbar-two {
padding:10px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:block
}
#whatsapp-message {
bottom:90px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupSlideshowContainer .carouselNavOuter {
width:100%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
left:10px;
right:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
top:auto;
bottom:10px;
left:auto;
right:10px
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:relative;
bottom:auto;
background:#FFF;
color:#4f4f4f;
min-height:200px
}
.hotelGroupAttractionContent h3 {
font-size:24px;
font-weight:600
}
.hotelGroupAttractionContent p {
color:#4f4f4f
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:initial
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column;
justify-content:center;
text-align:center
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1)
}
.hotelGroupAmenityItemContent h3 {
margin-bottom:15px
}
.hotelGroupContactContainer {
padding:40px 0
}
.hotelGroupPageTitle h2 span {
line-height:1.6
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1)
}
.CovidpageInner {
padding:0 10px
}
.hotelGroupCovidpage h3 {
font-size:28px
}
.rewardsTopcontainer {
padding:40px 0
}
.rewardsTopcontainerInner {
padding:0 10px
}
.hotelGroupTheme ul.privacyList {
padding:0 0 0 20px
}
.privacyPageInner {
padding:0 10px
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
display:none
}
}
@media(max-width:640px) {
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
display:none
}
.hotelGroupRewardContainer {
padding:80px 0
}
.hotelGroupRestaurantContainer {
padding:60px 0
}
.hotelGroupPropertyBlock {
width:100%;
border:1px solid #e0e0e0
}
.hotelGroupPropertyBlockImg {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
position:relative;
top:0;
max-height:450px;
opacity:1;
border-color:#e0e0e0
}
.hotelGroupPropertyBlock h3 {
color:#30353e;
font-weight:600
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
margin-top:15px;
font-size:14px;
font-weight:400
}
.hotelGroupAttractionBlock {
width:100%;
box-shadow:0 3px 6px -1px rgba(0,0,0,.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
min-height:initial;
padding:30px
}
.hotelGroupAttractionImg {
max-height:350px;
overflow:hidden
}
.hotelGroupAttractionContent h3 {
color:#fff;
font-size:30px
}
.hotelGroupRewardInner {
padding:0 10px
}
.hotelGroupPropertyLogoInner {
flex-flow:row wrap
}
.hotelGroupPropertyLogo {
width:calc(50% - 40px)
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:initial
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:50px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
max-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:relative;
bottom:0;
left:25px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:25px;
border:0
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 30px
}
.hotelGroupTheme .btn.btn-primary {
padding:14px 18px;
font-size:15px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
background:rgba(0,0,0,.3)
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:1
}
.hotelGroupPropertyBlock:hover:after {
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1)
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:300px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:30px;
margin-bottom:15px
}
.hotelGroupPageTitle {
padding:60px 0
}
.hotelGroupPageTitle h2 {
font-size:32px
}
.hotelGroupPageTitle h2 span {
font-size:14px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelSubGroupRestaurantPage h2 {
font-size:30px;
letter-spacing:.03em
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-top:0
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:60px 0 0
}
.hotelGroupCovidpage h3 {
margin-top:30px
}
.hotelGroupAmenityItemContent {
margin:0 auto
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:100%
}
.rewardsOffers.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
}
@media(max-width:580px) {
.hotelGroupSlideshowContainer .carousel .item img {
min-height:300px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:30px;
letter-spacing:2px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control,.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
bottom:-20px
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:70px
}
.hotelGroupTheme h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:15px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:30px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
margin:0
}
.hotelGroupTopbar p.hotelGroupTopbarPhone a {
margin-bottom:0
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-size:16px
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
display:block
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupPageTitle {
padding:40px 0
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:40px 10px 0
}
.hotelGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:20px 0 60px
}
.hotelGroupBanquetsContent h3 {
font-size:26px
}
.hotelGroupCovidpage h3 {
font-size:26px;
margin-bottom:15px
}
.hotelGroupTheme.privacyPage h2 {
font-size:26px
}
.hotelGroupAboutSliderInner,.hotelGroupAboutWelcomeInner {
padding:0 10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:30px;
margin-bottom:20px
}
}
@media(max-width:500px) {
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
display:block
}
}
@media(max-width:479px) {
.hotelGroupRestaurantContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:30px 10px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupPropertyBlock {
margin:20px 10px
}
.hotelGroupAttractionBlock {
margin:20px 10px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:40px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
margin-bottom:0
}
.hotelGroupAttractionHome {
padding:40px 0
}
.hotelGroupAttractionHome h2 {
margin-bottom:30px
}
.hotelGroupTheme h2 {
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:24px;
top:-10px
}
.hotelGroupAttractionContent h3 {
font-size:24px
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
padding:20px
}
.hotelGroupPropertyLogo {
width:calc(50% - 20px);
margin:10px
}
.hotelGroupRewardContainer {
padding:60px 0;
background-attachment:initial;
background-position:50% 100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 20px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:250px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:24px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2,.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:26px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
padding:20px 0
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:10px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
padding:25px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelGroupPropertyBlockImg,.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:260px
}
.hotelGroupFooter .HGfooterTitle {
font-size:20px
}
.hotelGroupTheme p {
font-size:13px
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupBtnOuter {
margin-top:40px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
margin-bottom:30px
}
.hotelGroupGalleryContainer {
padding-bottom:50px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
padding:50px 20px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
font-size:60px;
top:-20px;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:220px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelSubGroupContentContainer {
padding:40px 0 20px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:26px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding-top:40px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-bottom:40px
}
.hotelGroupBanquetsContent {
padding:20px
}
.rewardsTopcontainerContent h3,.rewardsForm h3,.rewardsForm h3 {
font-size:28px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
.helloBarContainer p a {
margin-left:10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:24px
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
bottom:20px
}
.hotelGroupAboutSliderInner .carousel .item img {
min-height:180px
}
}
@media(max-width:359px) {
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
max-width:140px
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:260px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:24px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 20px;
left:20px
}
}
Suite Rooms
* img{
object-fit: cover;
}
:root {
--primary-color:#c6ab62;
--secondary-color:#b48744;
--btn-hover:#b48744;
--white:#fff;
--primary-text-color:#333;
--black:#000;
--placeholder:#757575;
--background-color:#0f0f0f
}
body.hotelGroupBody {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f;
overflow-x:hidden
}
.yummy .col-lg-1,.yummy .col-lg-2,.yummy .col-lg-3,.yummy .col-lg-4,.yummy .col-lg-5,.yummy .col-lg-6,.yummy .col-lg-7,.yummy .col-lg-8,.yummy .col-lg-9,.yummy .col-lg-10,.yummy .col-lg-11,.yummy .col-lg-12,.yummy .col-lg-15,.yummy .col-md-1,.yummy .col-md-2,.yummy .col-md-3,.yummy .col-md-4,.yummy .col-md-5,.yummy .col-md-6,.yummy .col-md-7,.yummy .col-md-8,.yummy .col-md-9,.yummy .col-md-10,.yummy .col-md-11,.yummy .col-md-12,.yummy .col-md-15,.yummy .col-sm-1,.yummy .col-sm-2,.yummy .col-sm-3,.yummy .col-sm-4,.yummy .col-sm-5,.yummy .col-sm-6,.yummy .col-sm-7,.yummy .col-sm-8,.yummy .col-sm-9,.yummy .col-sm-10,.yummy .col-sm-11,.yummy .col-sm-12,.yummy .col-sm-15,.yummy .col-xs-1,.yummy .col-xs-2,.yummy .col-xs-3,.yummy .col-xs-4,.yummy .col-xs-5,.yummy .col-xs-6,.yummy .col-xs-7,.yummy .col-xs-8,.yummy .col-xs-9,.yummy .col-xs-10,.yummy .col-xs-11,.yummy .col-xs-12,.yummy .col-xs-15 {
padding-right:15px;
padding-left:15px;
padding-bottom:0
}
.yummy p {
margin:0
}
#whatsapp-message {
position:fixed;
margin-bottom:1vh;
bottom:35px;
right:5px;
width:65px;
height:65px;
overflow:hidden;
visibility:visible;
z-index:2147483639;
background:0;
border:0;
transition:transform .2s ease-in-out;
backface-visibility:hidden;
opacity:1;
transform:translateY(0%)
}
.hotelGroupTheme,body .hotelGroupTheme {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTheme a,.hotelGroupTheme p a {
text-decoration:none;
color:var(--primary-color)
}
.hotelGroupTheme a:hover,.hotelGroupTheme a:focus,.hotelGroupTheme p a:hover,.hotelGroupTheme p a:focus {
text-decoration:none;
color:var(--secondary-color)
}
.hotelGroupTheme .btn.btn-primary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-primary:focus,.hotelGroupTheme .btn.btn-primary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelGroupTheme .btn.btn-secondary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:transparent;
color:var(--primary-color);
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-secondary:focus,.hotelGroupTheme .btn.btn-secondary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#FFF
}
.hotelGroupTheme .h1,.hotelGroupTheme .h2,.hotelGroupTheme .h3,.hotelGroupTheme .h4,.hotelGroupTheme .h5,.hotelGroupTheme .h6,.hotelGroupTheme h1,.hotelGroupTheme h2,.hotelGroupTheme h3,.hotelGroupTheme h4,.hotelGroupTheme h5,.hotelGroupTheme h6 {
font-family:Bellota;
font-weight:400
}
.header.fixed {
position:fixed;
top:0;
box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
-webkit-box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
left:0;
right:0;
margin:0 auto;
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
.hotelGroupTheme h2 {
margin:0 0 30px;
position:relative;
color:#30353e;
margin:0 0 30px;
font-size:48px;
line-height:1.2;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase
}
.hotelGroupTheme h2 span {
display:block;
font-size:16px;
font-weight:400;
margin:0 0 10px;
color:var(--secondary-color)
}
.hotelGroupTheme p {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTopbar {
padding:12px 0;
border-bottom:1px solid #efefef
}
.hotelGroupTopbar .inline-wrapper {
align-items:center
}
.hotelGroupTopbar p {
margin:0 10px 0;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
margin-left:0
}
.hotelGroupTopbar p .fa {
margin-right:10px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone .fa {
font-size:18px;
position:relative;
top:1px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
position:relative;
top:-1px
}
.hotelGroupTopbar p a {
color:#4f4f4f;
text-decoration:none;
transition:all .3s ease
}
.hotelGroupTopbar p a:focus,.hotelGroupTopbar p a:hover {
color:var(--secondary-color);
;
text-decoration:none
}
.hotelGroupTopbar p.hotelGroupTopbarSocial {
font-size:16px
}
.hotelGroupTopbar p.hotelGroupTopbarSocial .fa {
margin-right:0
}
.hotelGroupTopbar .gTranslate {
margin-left:10px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget {
position:relative;
font-size:0
}
.hotelGroupTheme #google_translate_element .goog-te-gadget:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
pointer-events:none;
color:#000;
font-size:18px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget a.goog-logo-link {
display:none
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
height:30px;
padding:0 30px 0 10px;
letter-spacing:.03em;
border-radius:0;
border:1px solid #d5d5d5;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
cursor:pointer;
font-size:12px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo:focus {
outline:0;
border-color:#a7a7a7
}
.hotelGroupNavbar {
position:relative;
z-index:100
}
.hotelGroupNavbar .navbar {
width:100%;
margin:0;
padding:10px 0;
display:flex;
align-items:center;
min-height:60px
}
.hotelGroupNavbar .navbar-header .navbar-brand {
height:auto
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:90px
}
.hotelGroupNavbar .navbar-collapse {
padding:0!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
width:inherit;
align-items:center;
padding-right:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:5px 0 0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
line-height:1;
color:#30353e;
text-transform:uppercase;
letter-spacing:.03em;
transition:all .3s ease;
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:active,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:focus,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:hover,.hotelGroupNavbar .navbar.navbar-plain ul.nav li.active a {
color:var(--secondary-color);
;
background-color:transparent
}
.hotelGroupNavbar .nav .open>a,.hotelGroupNavbar .nav .open>a:focus,.hotelGroupNavbar .nav .open>a:hover {
background:none;
border:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown a .caret:after {
top:-7px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown.open a .caret:after {
top:-3px
}
.hotelGroupNavbar .dropdown-menu {
border-radius:0;
background:#FFF
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li {
display:block
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
font-weight:400;
display:block;
padding:15px 20px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdownRight .dropdown-menu {
left:auto;
right:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-family:Bellota;
background:var(--primary-color);
border:1px solid var(--primary-color);
color:#fff;
box-shadow:none;
border-radius:0;
font-size:14px;
font-weight:700;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
transition:all .3s ease;
padding:12px 18px
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:focus,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:hover {
border-color:var(--secondary-color);
;
background:var(--secondary-color);
;
cursor:pointer;
color:#fff;
text-decoration:none;
box-shadow:none;
outline:0
}
.hotelGroupSlideshowContainer {
color:#FFF
}
.hotelGroupSlideshowContainer p,.hotelGroupSlideshowContainer a {
color:#FFF
}
.hotelGroupSlideshowContainer .carousel-inner>.item {
transition:none;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item img {
animation:bloomEffects 1s ease;
animation-fill-mode:forwards
}
@keyframes bloomEffects {
0% {
transform:scale(1)
}
100% {
transform:scale(1.1)
}
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:60px;
font-weight:700;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
font-size:18px;
font-weight:400;
line-height:1.4;
letter-spacing:.06em;
margin:0 auto 60px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
background:#000;
border-color:#000
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
font-family:Chakra Petch;
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
background-color:transparent;
color:#fff;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto;
height:50px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:active {
background-color:#FFF;
border-color:#FFF;
color:#000
}
.hotelGroupSlideshow {
max-height:600px;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupSlideshowContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
background:#000;
border:1px solid #000
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:auto;
right:0
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
left:auto;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li:hover,.hotelGroupSlideshowContainer .carousel-indicators li:focus,.hotelGroupSlideshowContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupSlideshowContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupSlideshowContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBookingContainer {
position:relative;
background:#1b1b1b;
color:#FFF;
padding:40px 0
}
.hotelSubGroupTheme.hotelGroupBookingContainer {
position:relative;
background:var(--secondary-color);
;
color:#FFF
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0 30px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupBookingContainer .boxnew {
width:100%;
text-align:center
}
.hotelGroupBookingContainer .boxnew p {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupBookingContainer .boxnew p label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p input {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupBookingContainer .boxnew p select {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
font-family:Bellota;
font-size:18px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:50px;
border-radius:0;
padding:10px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:var(--secondary-color);
!important;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn {
background-color:#000;
color:#fff;
border:1px solid #000
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupBookingContainer .boxnew p br {
display:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:25px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:25px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1) {
max-width:300px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(4) {
margin-top:28px
}
.hotelGroupTheme .bbres_fieldset,.hotelGroupTheme .HGCalender,.hotelGroupTheme .HGBEBtn {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select,.hotelGroupTheme .HGSelectOuter {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:300px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select:before,.hotelGroupTheme .HGSelectOuter:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:20px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupTheme .bbres_fieldset label,.hotelGroupTheme .bbres_select label,.hotelGroupTheme .form-control label,.hotelGroupTheme .HGSelectOuter label,.hotelGroupTheme .HGCalender label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset input,.hotelGroupTheme .HGCalender input,.hotelGroupTheme input.form-control {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme textarea.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:auto;
background:#fff;
width:100%;
padding:20px;
border-radius:0;
font-size:13px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger {
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
font-size:0;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px
}
.hotelGroupTheme .HGCalender:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupTheme .bbres_select select,.hotelGroupTheme .HGSelectOuter select,.hotelGroupTheme select.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupTheme input.form-control:focus,.hotelGroupTheme select.form-control:focus,.hotelGroupTheme select:focus,.hotelGroupTheme textarea.form-control:focus,.hotelGroupTheme textarea:focus {
border-color:#152161;
background:#fff;
outline:0
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn,.hotelGroupTheme .HGBEBtn #bb_resBtn {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
line-height:1.8;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:#000;
color:#fff;
border:1px solid #000;
height:50px;
border-radius:0;
padding:15px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn:active,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:focus,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:hover,.hotelGroupTheme .HGBEBtn #bb_resBtn:active,.hotelGroupTheme .HGBEBtn #bb_resBtn:focus,.hotelGroupTheme .HGBEBtn #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupWelcomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupWelcomeInner {
display:flex;
align-items:center
}
.hotelGroupWelcomeContent {
width:48%
}
.hotelGroupWelcomeImgOuter {
width:52%;
padding-left:100px
}
.hotelGroupPropertyContainer {
position:relative;
padding:1px 0;
display:flex;
justify-content:center
}
.hotelGroupPropertyInner {
position:relative;
display:flex;
min-height:600px;
flex-flow:row wrap;
max-width:1600px
}
.hotelGroupPropertyContainerAlter .hotelGroupPropertyInner {
flex-direction:row-reverse
}
.hotelGroupPropertyImage {
width:60%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.hotelGroupPropertyContent {
width:40%;
padding:60px;
display:flex;
flex-flow:column;
justify-content:center;
text-align:left
}
h3.hotelGroupPropertyContentTitle {
margin:0 0 30px;
font-size:42px;
line-height:1.2;
letter-spacing:2px;
color:#30353e
}
p.hotelGroupPropertyContentText {
color:inherit;
margin:0 0 50px;
font-size:17px;
line-height:1.8;
letter-spacing:.03em
}
.hotelGroupHomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupHomeContainer .hotelGroupHomeContent {
text-align:center
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:60px;
padding-top:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:16px;
line-height:2
}
.hotelGroupAmenityContainer {
position:relative;
background:var(--primary-color);
color:#FFF;
padding:80px 0 40px;
text-align:center
}
.hotelGroupAmenityContainer {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f06b6379b36d_bannerImg002.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupAmenityContainer h2,.hotelGroupAmenityContainer h3,.hotelGroupAmenityContainer h4,.hotelGroupAmenityContainer p {
color:#FFF
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px;
padding-top:30px
}
.hotelGroupAmenityContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#e6c6a1;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupAmenityBtnOuter {
margin:60px 0 0
}
.hotelGroupAmenityList {
display:flex;
flex-flow:row wrap;
align-items:flex-start;
justify-content:flex-start
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
position:relative;
display:flex;
text-align:left;
padding:40px;
align-items:flex-start;
width:33%;
justify-content:flex-start;
margin:0;
align-items:center
}
.hotelGroupAmenityItemImg {
min-width:60px;
min-height:60px;
background:rgb(0 0 0 / .2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
margin:0 10px 0 0
}
.hotelGroupAmenityItemImg img {
max-width:30px;
max-height:30px
}
.hotelGroupAmenityItemContent h3 {
margin:0 0 6px;
font-weight:600;
letter-spacing:1px;
font-size:20px;
line-height:1
}
.hotelGroupAmenityItemContent p {
margin:0;
font-size:14px;
letter-spacing:.03em
}
body .hotelGroupFooter {
background:#1b1b1b;
color:#c5c5c5
}
.hotelGroupFooter .HGfooterTitle {
color:#FFF;
font-family:Bellota;
font-size:24px;
letter-spacing:3px;
font-weight:700;
text-transform:uppercase;
margin:0 0 30px
}
.hotelGroupFooter ul.list-basic li a:not(.btn) {
color:#c5c5c5;
text-decoration:none
}
.hotelGroupFooter ul.list-basic li a:not(.btn):hover,.hotelGroupFooter ul.list-basic li a:not(.btn):focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic {
display:flex;
flex-flow:row wrap
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic li {
width:50%
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic {
display:flex;
flex-flow:column
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic li {
width:initial
}
body .hotelGroupFooterbtm {
background:#101010;
color:#c5c5c5;
padding:10px 0;
font-size:14px
}
body .hotelGroupFooterbtm .footerBtmInner {
display:flex;
justify-content:space-between;
align-items:center
}
body .hotelGroupFooterbtm p {
margin:0;
font-family:Chakra Petch
}
body .hotelGroupFooterbtm p a {
color:#c5c5c5;
text-decoration:none
}
body .hotelGroupFooterbtm p a:hover,body .hotelGroupFooterbtm p a:focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterContact ul.list-basic li {
position:relative;
padding-left:30px
}
body .hotelGroupFooter p,body .hotelGroupFooter ul li,body .hotelGroupFooter p a {
margin-bottom:10px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
color:#c5c5c5;
letter-spacing:.03em
}
body .hotelGroupFooter .HGfooterContact li .fa {
position:absolute;
left:0;
top:3px;
font-size:20px;
font-weight:400;
line-height:1
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial {
margin:10px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial li .fa {
position:relative;
top:initial
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-map-marker {
left:2px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-envelope-open-o {
font-size:14px;
left:1px;
top:4px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-mobile {
font-size:22px;
left:3px;
top:1px
}
.hotelGroupRoomContainer {
padding:80px 0
}
.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-end
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
position:relative;
z-index:1;
width:80%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:600px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
position:absolute;
right:10px;
bottom:70px;
width:50px;
z-index:2;
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #000;
background:#000;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators {
background:none;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
position:absolute;
width:600px;
background:#FFF;
padding:30px;
left:0;
top:50%;
display:block;
z-index:2;
transform:translateY(-50%);
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:48px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupRoomContainer .hotelGroupRoomContentText {
margin:0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities {
margin:20px 0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic {
display:flex;
flex-flow:row wrap
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic li {
width:50%;
display:flex;
align-items:center;
margin:0 0 15px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesImg img {
max-height:24px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesTxt p {
margin:0 0 0 10px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice {
margin:0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice strong {
font-size:22px;
font-weight:700;
margin:0;
letter-spacing:-.02em
}
.hotelGroupRoomContainer .hotelGroupRoomPrice span {
border-bottom:1px dashed;
cursor:help;
margin:0 0 0 5px
}
.hotelGroupRoomContainerAlter .hotelGroupRoomInner {
justify-content:flex-start
}
.hotelGroupRoomContainerAlter .hotelGroupRoomContent {
left:auto;
right:0
}
.hotelGroupRoomContainerAlter .hotelGroupRoomImage .carouselNavOuter {
right:auto;
left:10px
}
.hotelGroupTheme .mapWrapper iframe {
margin:0;
padding:0;
outline:0;
border:0;
display:inline-block;
vertical-align:top
}
.hotelGroupGalleryContainer {
padding:0 0 80px;
text-align:center
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:80px
}
.hotelGroupBody .modal-dialog {
margin:15px auto 0;
max-width:900px!important
}
.hotelGroupBody .modal-header {
padding:0;
border-bottom:0 solid #e5e5e5;
background:0
}
.hotelGroupBody .modal-title {
display:none
}
.hotelGroupBody .modal button.close {
z-index:110;
right:10px;
top:10px;
outline:0
}
.hotelGroupBody .modal button.close:focus,.hotelGroupBody .modal button.close:hover {
outline:0
}
.hotelGroupBody .ekko-lightbox-nav-overlay .glyphicon {
height:100%;
display:flex;
align-items:center;
text-align:right
}
.hotelGroupBody .glyphicon.glyphicon-chevron-left {
justify-content:flex-start
}
.hotelGroupBody .glyphicon.glyphicon-chevron-right {
justify-content:flex-end
}
.hotelGroupBody .ekko-lightbox-nav-overlay a:focus,.hotelGroupBody .ekko-lightbox-nav-overlay a:hover {
text-decoration:none
}
.hotelGroupBody .modal-dialog img {
width:100%
}
.hotelGroupBody .modal-dialog .ekko-lightbox-container {
max-height:550px;
overflow:hidden
}
.hotelGroupHeadBlock {
padding:60px 0;
text-align:center
}
.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
margin:0
}
.hotelGroupPageTitle {
padding:100px 0;
color:#FFF;
background-color:rgba(0,0,0,0);
background-position:50% 60%
}
.hotelGroupPageTitle h2 {
color:#FFF;
text-align:center;
margin:0
}
.hotelGroupPageTitle h2 span {
color:#FFF;
font-family:Chakra Petch;
margin:10px 0 0
}
.hotelGroupContactContainer {
padding:80px 0
}
.hotelGroupContactContainer .form-group,.hotelGroupContactContainer .input-group {
margin:0 0 20px
}
.hotelGroupContactContainer h3 {
font-size:28px;
font-weight:700;
letter-spacing:1px;
margin:0 0 20px;
color:#30353e
}
.hotelGroupContactContainer h3.hotelGroupContactHeading {
margin:0 0 10px
}
.hotelGroupContactContainer p.hotelGroupContactDesc {
margin:0 0 40px
}
.hotelGroupContactDetails ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactDetails p,.hotelGroupContactDetails ul li,.hotelGroupContactDetails p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactDetails li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactDetails ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
.hotelGroupContactDetails li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactDetails li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactDetails li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn) {
color:#4f4f4f
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding-left:30px
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial .HGfooterSocial li .fa {
position:relative;
top:initial
}
.hotelGroupContactlistContainer {
background:#f8f8f8;
padding:80px 0
}
.hotelGroupContactlistContainer .hotelGroupContactblock {
position:relative;
padding:30px;
background:#FFF;
box-shadow:0 7px 12px -4px rgba(0,0,0,.1);
margin:0 5px
}
.hotelGroupContactlistContainer .hotelGroupContactblock a {
white-space:normal;
word-break:break-all
}
.hotelGroupContactlistContainer .hotelGroupContactblock h4 {
margin:0 0 30px;
font-size:22px;
font-weight:700
}
.hotelGroupContactlistContainer ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactlistContainer p,.hotelGroupContactlistContainer ul li,.hotelGroupContactlistContainer p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactlistContainer li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactlistContainer ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 10px 0 0
}
.hotelGroupContactlistContainer li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactlistContainer li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactlistContainer li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding:0;
margin:0 15px 0 0
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li .fa {
position:relative
}
.hotelGroupAboutSliderContainer {
padding:80px 0
}
.hotelGroupAboutWelcomeContainer {
padding:0 0 80px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption h3 {
font-size:54px;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption p {
font-size:16px;
font-weight:400;
line-height:1.8;
letter-spacing:.05em;
margin:0 auto 60px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn {
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:active {
background:#FFF;
color:#000
}
.hotelGroupAboutSliderContainer .carousel-inner .item [data-component=image]:before {
content:"";
top:0;
left:0;
right:0;
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.54);
z-index:1;
display:none
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
background:#000;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupAboutSliderContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li:hover,.hotelGroupAboutSliderContainer .carousel-indicators li:focus,.hotelGroupAboutSliderContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupAboutSliderContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupAboutSliderContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a:hover,.hotelGroupBody .ui-datepicker.ui-widget-content td a:focus,.hotelGroupBody .ui-datepicker.ui-widget-content td a:active {
text-decoration:none
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a.ui-state-active {
background:var(--secondary-color);
;
color:#fff;
text-decoration:none
}
.hotelGroupthankyouPage {
padding:80px 0;
text-align:center
}
.hotelSubGroupContentContainer {
padding:80px 0;
text-align:center
}
.hotelGroupContentContainer {
padding:80px 0 0;
text-align:center
}
.hotelSubGroupContentContainer .hotelGroupRoomContent {
padding:50px
}
.hotelSubGroupContentContainer h2,.hotelGroupContentContainer h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:80px 0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerLast {
padding-bottom:100px
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:absolute;
right:30px;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:10px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn {
font-size:16px;
height:auto;
font-family:Bellota;
line-height:1;
padding:15px 20px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn:nth-of-type(2) {
margin-left:5px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoomAmenitiesTxt {
display:none
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:0 20px 0 0;
width:initial
}
.hotelSubGroupTheme .hotelGroupRoomAmenities {
margin:30px 0 20px
}
.hotelSubGroupTheme .hotelGroupRoomImage {
box-shadow:0 50px 40px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px;
letter-spacing:2px;
padding:30px 0 0;
text-transform:none;
color:#30353e
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
opacity:.8
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:18px;
line-height:2
}
.hotelSubGroupTheme .hotelGroupWelcomeImg {
box-shadow:0 30px 30px -20px rgba(0,0,0,.2);
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover {
box-shadow:0 30px 30px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg img {
transition:all .4s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1.03)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
padding:30px 0 0;
margin:0 0 30px;
color:#30353e
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px;
text-transform:none;
margin-bottom:60px;
padding:30px 0 0
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
margin:0;
padding:1px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper.margin-bottom-10px {
margin-bottom:0;
overflow:hidden;
position:relative
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper img {
transition:all .6s ease
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper:hover img {
transform:scale(1.1)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:before {
content:"";
background:rgba(0,0,0,.6);
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all .3s ease;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:hover:before {
top:0;
opacity:0;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a {
position:relative;
display:block
}
.hotelGroupBtnOuter {
margin:60px auto 0;
text-align:center
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
display:flex
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:50%;
padding:20px 20px 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage {
position:relative;
z-index:1;
width:initial
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent {
position:relative;
top:0;
transform:translateY(0%);
width:initial;
text-align:left
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:0;
transition:all .6s ease;
margin:40px 0 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 14px rgb(255 255 255 / .3)
}
.hotelGroupTestimonialHome {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f7c5d480856d_spa.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupTestimonialHome .overly,.hotelGroupAmenityContainer .overly {
background:rgba(0,0,0,.6)
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter {
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:80%;
margin:0 auto
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-family:Bellota;
font-weight:400;
font-size:18px;
color:#FFF;
line-height:2;
letter-spacing:1px;
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
content:'\f10d';
font-family:fontAwesome;
font-size:72px;
margin:0;
opacity:.3;
position:absolute;
left:-50px;
top:-30px;
line-height:1
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
position:relative;
margin:0 auto;
left:0;
right:0;
top:0;
width:100%;
padding:50px
}
.hotelGroupTestimonialHome .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF;
display:none
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:hover,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:focus,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupTestimonialHome .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupTestimonialHome .carousel-indicators {
background:none;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li:hover,.hotelGroupTestimonialHome .carousel-indicators li:focus,.hotelGroupTestimonialHome .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupTestimonialHome .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupTestimonialHome .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupTestimonialHome .nav-indicators-in .carousel-indicators-wrapper {
right:0;
left:0;
bottom:-30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption h3 {
letter-spacing:1px
}
.hotelGroupTestimonialHome h2 {
color:#FFF;
text-align:center
}
.hotelGroupTestimonialHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#FFF;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-40px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionHome {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupAttractionHomeInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupAttractionBlock {
position:relative;
width:calc(33.33% - 40px);
margin:0 20px;
overflow:hidden
}
.hotelGroupAttractionImg {
position:relative;
z-index:1
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:400px;
transition:all .6s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:absolute;
bottom:-90px;
left:0;
background:rgba(0,0,0,.6);
display:block;
color:#FFF;
z-index:2;
padding:20px;
transition:all .3s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionContent {
bottom:0
}
.hotelGroupAttractionContent p {
color:#FFF
}
.hotelGroupAttractionHome h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupAttractionHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionContent h3 {
margin:0 0 15px;
letter-spacing:1px;
font-size:26px;
color:#fff
}
.hotelGroupAttractionContent p {
color:#FFF;
font-size:14px;
letter-spacing:.03em;
margin:0
}
.hotelGroupPropertyContainer {
padding:80px 0 80px
}
.hotelGroupPropertyPage.hotelGroupPropertyContainer {
padding:0 0 80px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupPropertyContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupPropertyContainerInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyBlock {
width:33%;
margin:0 20px;
position:relative;
overflow:hidden
}
.hotelGroupPropertyBlock:after {
content:"";
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
transition:all .3s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover:after {
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:450px;
transition:all .8s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1.1)
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
text-align:center;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:11;
background:rgba(0,0,0,.5);
opacity:1;
transition:all .3s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:0
}
.hotelGroupPropertyBlock a {
color:var(--secondary-color)
}
.hotelGroupPropertyBlock h3 {
letter-spacing:1px;
font-size:24px;
font-weight:400;
margin:0;
color:#FFF
}
.hotelGroupPropertyBlock p {
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#909090
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
font-size:13px;
text-transform:none;
letter-spacing:.03em;
margin:20px 0 0
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockLabel {
margin:0 0 10px;
font-size:12px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
display:flex;
flex-flow:column;
align-items:flex-start;
border:1px solid;
padding:30px;
position:absolute;
left:0;
top:-100%;
z-index:11;
width:100%;
height:100%;
max-height:450px;
transition:all .6s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockContent {
top:0;
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:absolute;
bottom:-100%;
left:30px;
z-index:11;
transition:all .6s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:30px
}
.hotelGroupPropertyLogoContainer {
padding:20px 0
}
.hotelGroupPropertyLogoInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyLogo {
margin:20px
}
.hotelGroupPropertyLogo img {
max-height:80px;
transition:all .6s ease;
opacity:.6
}
.hotelGroupPropertyLogo:hover img {
opacity:1
}
.hotelGroupRewardContainer {
padding:100px 0;
background-image:url(images/uploads/1/5f7ef5d09cd88_gift.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment:fixed
}
.hotelGroupRewardContainer:before {
content:"";
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
position:absolute;
left:0;
right:0;
top:0;
pointer-events:none;
width:100%;
height:100%
}
.hotelGroupRewardContainer h2 {
color:#FFF;
margin:0 0 10px;
text-transform:none
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupRewardContainer p {
color:#FFF;
margin:0;
letter-spacing:.06em;
font-size:14px
}
.hotelGroupRewardContainer .btn-secondary {
letter-spacing:2px
}
.hotelGroupContentsContainer {
padding:60px 0
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
position:relative;
padding:80px 0;
text-align:center;
background:inherit
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer:before {
content:"";
display:none
}
.hotelGroupAmenityPage .hotelGroupAmenityItemContent h3,.hotelGroupAmenityPage .hotelGroupAmenityItemContent p {
color:#30353e
}
.hotelGroupAmenityPage .hotelGroupAmenityItemImg {
background:none;
border:0;
align-items:flex-start;
padding:0;
min-height:initial;
min-width:initial
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:80px 0 0
}
.hotelGroupAttractionPage.hotelGroupAttractionHome {
background:inherit;
padding-top:40px
}
.hotelGroupTheme .tooltip {
white-space:nowrap
}
.hotelGroupTheme .tooltip .tooltip-inner {
background-color:#000;
font-size:10px;
letter-spacing:.05em
}
.hotelGroupTheme .tooltip.top .tooltip-arrow {
bottom:1px;
border-top-color:#000
}
.hotelGroupTheme .tooltip.top-left .tooltip-arrow,.hotelGroupTheme .tooltip.top-right .tooltip-arrow,.hotelGroupTheme .tooltip.top .tooltip-arrow {
border-top-color:#000
}
.hotelSubGroupNavbar {
background:#1b1b1b
}
.hotelSubGroupNavbar .navbar-nav>li>a {
padding:15px;
color:#FFF;
line-height:1;
font-size:13px;
letter-spacing:.05em;
transition:all .3s ease
}
.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:var(--secondary-color);
;
color:#FFF
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:1px solid #424242
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a {
font-weight:700
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active {
background:#1b1b1b
}
.hotelGroupRestaurantContainer {
padding:80px 0
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:36px;
text-transform:none
}
.hotelSubGroupRestaurantPage {
padding:80px 0 0;
text-align:center
}
.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupRestaurantPage p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelGroupRestaurantBlock {
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:row-reverse
}
.hotelGroupRestaurantImg {
width:50%;
overflow:hidden
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
max-height:400px;
min-height:400px;
width:100%;
transition:all .3s ease
}
.hotelGroupRestaurantBlock:hover .hotelGroupRestaurantImg img {
transform:scale(1.1)
}
.hotelGroupRestaurantContent {
width:50%;
padding:40px;
border:1px solid #dedede;
min-height:400px;
max-height:400px;
display:flex;
flex-flow:column;
justify-content:center
}
.hotelGroupRestaurantContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.hotelGroupRestaurantContent p {
margin-bottom:30px
}
.hotelGroupBanquetsContainer {
padding:80px 0
}
.hotelGroupBanquetsInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupBanquetsBlock {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:calc(50% - 40px);
margin:0 20px 60px;
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease;
overflow:hidden
}
.hotelGroupBanquetsBlock:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelGroupBanquetsImg {
position:relative;
z-index:1;
max-height:350px;
overflow:hidden
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 24px rgb(255 255 255 / .3)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
min-height:350px;
max-height:350px;
transition:all .6s ease
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1.1)
}
.hotelGroupBanquetsContent {
background:#FFF;
transition:all .3s ease;
padding:30px
}
.hotelGroupBanquetsContent h3 {
font-size:32px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupBanquetsContent p {
margin:0
}
.hotelGroupNavbar .navbar-header #subNavicon {
display:none
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:none
}
.hotelGroupCovidpage {
padding:80px 0
}
.hotelGroupCovidpage h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupCovidpage p {
margin-bottom:20px
}
.hotelGroupTheme .nomargintop {
margin-top:0!important
}
.helloBarContainer {
background:var(--primary-color);
color:#FFF;
text-align:center;
padding:15px 0
}
.helloBarContainer p {
margin:0;
line-height:1;
font-size:14px;
color:#FFF
}
.helloBarContainer p .fa {
margin:0 10px 0 0
}
.helloBarContainer p a {
color:#FFF;
text-transform:uppercase;
font-weight:600;
margin:0 0 0 20px;
text-decoration:none;
border-bottom:1px solid #FFF
}
.helloBarContainer p a:hover,.helloBarContainer p a:focus {
color:#FFF;
text-decoration:none;
border-bottom-color:rgba(255,255,255,.5)
}
.helloBarContainer a.helloBarClose {
cursor:pointer;
color:rgba(255,255,255,.5);
font-size:24px;
font-weight:300;
line-height:1;
margin:0 0 0 20px;
transition:all .2s ease-out
}
.helloBarContainer a.helloBarClose:hover,.helloBarContainer a.helloBarClose:focus {
text-decoration:none;
color:rgba(255,255,255,1)
}
.helloBarInner {
position:relative;
z-index:11;
display:flex;
justify-content:center;
align-items:center
}
.rewardsTopcontainer {
padding:80px 0
}
.rewardsTopcontainerInner {
display:flex;
flex-flow:row-reverse
}
.rewardsTopcontainerImage {
width:55%;
padding-left:50px
}
.rewardsTopcontainerContent {
width:45%
}
.rewardsTopcontainerContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.rewardsOffers {
background:var(--primary-color);
color:#FFF;
padding:80px 0
}
.rewardsForm {
max-width:500px;
margin:0 auto
}
.rewardsForm h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px;
text-align:center
}
.hotelGroupAmenityContainer.rewardsOffers:before {
background-image:url(images/uploads/1/5f92a8c42060e_gift4.jpg)
}
.hotelGroupTheme.privacyPage {
padding:80px 0
}
.hotelGroupTheme.privacyPage h2 {
font-size:32px;
font-weight:700;
color:#30353e;
text-transform:none;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupTheme.privacyPage p {
}
.hotelGroupTheme.privacyPage p strong {
font-size:18px;
margin-top:20px;
margin-bottom:5px;
display:inline-block
}
.hotelGroupTheme ul.privacyList {
margin:30px 0
}
.hotelGroupTheme ul.privacyList li {
margin-bottom:10px
}
.hotelGroupTheme ul.privacyList li:last-of-type {
margin-bottom:0
}
.hotelSubGroupAboutSliderContainer {
padding:40px 0 80px
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display:none
}
.grecaptcha-badge {
display:none!important
}
.boxnew button.btn.crssearchbtn:hover {
background:#45b5c6!important
}
.hotelgroup-subnavbar {
position:sticky;
z-index:99;
top:0
}
.group-row {
display:flex;
align-items:center
}
div#gallery2 img {
min-height:230px;
max-height:230px;
min-width:387px;
height:100%;
width:100%
}
.ekko-lightbox-container img {
min-width: 1000px;
min-height: 600px;
max-height: 600px;
height:100%;
width:100%
}
.modal-dialog{
max-width: 1000px !important;
}
@media(min-width:1601px) {
.hotelGroupSlideshowContainer .carousel .item img {
width:100%
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
}
@media(max-width:1199px) {
.hotelGroupNavbar .navbar-header .navbar-brand a {
max-width:200px
}
.hotelGroupNavbar .container {
padding:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
padding:0;
margin:0;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar .navbar-buttons {
margin:0 0 0 15px!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-size:12px;
padding:10px;
margin:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-centered .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left-right .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons {
min-height:initial;
min-width:initial
}
.hotelGroupNavbar .navbar {
padding:0;
border:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar-header {
float:none;
width:100%;
padding:0;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
border-bottom:1px solid #efefef
}
.hotelGroupNavbar .navbar-header .navbar-brand {
min-height:initial;
height:initial;
max-width:initial;
padding:0;
margin:0 10px 0 0;
width:calc(100% - 80px)
}
.hotelGroupNavbar .navbar-header .navbar-toggle {
width:50px;
float:none;
margin:0;
padding:0;
font-size:24px;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar-header .navbar-toggle.collapsed .fa-bars:before {
content:"\F0C9"
}
.hotelGroupNavbar .navbar-header .navbar-toggle .fa-bars:before {
content:"\F00D"
}
.hotelGroupNavbar .navbar-header #subNavicon {
width:50px;
float:none;
margin:0;
padding:0;
color:#4f4f4f;
font-size:24px;
text-align:center;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
display:none!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse.in {
display:block!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:20px 10px;
margin:0;
box-shadow:none;
min-width:100%;
width:100%;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li {
display:block;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.open {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav .dropdown.open>a {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
padding:10px 30px;
text-transform:none
}
.hotelSubGroupNavbar {
background:#FFF
}
.hotelSubGroupNavbar #subGroupNavigation {
padding:0;
margin:0 -15px
}
.hotelSubGroupNavbar #subGroupNavigation.collapse {
display:none!important
}
.hotelSubGroupNavbar #subGroupNavigation.collapse.in {
display:block!important
}
.hotelSubGroupNavbar #subGroupNavigation .navbar-nav {
float:none;
padding:20px
}
.hotelSubGroupNavbar .navbar-nav>li {
display:block;
float:none
}
.hotelSubGroupNavbar .navbar-nav>li>a {
font-family:Chakra Petch;
color:#30353e;
font-size:14px;
font-weight:600;
padding:10px 0
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:60px
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:0
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active,.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:#FFF;
color:var(--secondary-color)
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:block;
margin:0 20px 20px 20px
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow.navbar-buttons>* {
display:block
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow .btn {
font-size:15px;
line-height:1;
padding:15px 20px
}
.hotelGroupWelcomeContent {
width:50%
}
.hotelGroupWelcomeImgOuter {
width:50%;
padding-left:50px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:16px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
position:relative;
font-size:40px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
flex-direction:column;
justify-content:center
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
margin:0 auto;
width:90%
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2)
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:90%;
margin:0 auto;
position:relative;
top:0;
transform:translateY(0%)
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:36px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:400px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding:40px 0 60px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:60px 0 0
}
.hotelGroupContactContainer {
padding:60px 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:50%;
padding-bottom:0;
margin:20px 0
}
.hotelGroupContactlistContainer {
padding:60px 0
}
.hotelGroupFormContainer {
max-width:100%
}
.hotelGroupRestaurantContent {
max-height:initial
}
.hotelGroupRestaurantBlock {
align-items:stretch
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:100%;
max-height:initial
}
.hotelGroupCovidpage {
padding:40px 0
}
}
@media(max-width:991px) {
.group-row {
display:flex
}
body.hotelGroupBody #page {
overflow-x:hidden
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
display:none
}
.hotelGroupTopbar .hotelGroupTopbarLeft .inline-wrapper {
justify-content:flex-start
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper {
justify-content:flex-end
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper>[data-component=image] {
display:none
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:36px
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
display:none
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
display:none
}
.hotelGroupBookingContainer #bb_resBookingBox {
flex-direction:column
}
.hotelGroupBookingContainer .boxnew p {
max-width:300px;
margin:15px 0
}
.hotelGroupTheme h2 {
font-size:42px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:60px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span {
position:relative;
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:30px
}
.hotelGroupPropertyContainerInner {
flex-flow:row wrap
}
.hotelGroupPropertyBlock {
width:calc(50% - 40px);
margin-bottom:30px
}
.hotelGroupAttractionBlock {
width:calc(50% - 40px)
}
.hotelGroupAttractionHome {
padding:60px 0
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:column;
margin:40px 20px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupRestaurantImg {
width:initial
}
.hotelGroupRestaurantContent {
width:initial;
min-height:initial;
max-height:initial;
padding:30px
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:initial;
max-height:initial
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:36px;
top:-10px
}
.hotelGroupWelcomeContainer {
padding:60px 0
}
.hotelGroupWelcomeInner {
flex-direction:column
}
.hotelGroupWelcomeContent {
width:initial;
text-align:center
}
.hotelGroupWelcomeImgOuter {
width:initial;
padding-left:0;
margin:40px auto 0;
max-width:600px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
flex-direction:column
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
width:initial
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
flex-direction:column;
text-align:center
}
.hotelGroupAmenityItemImg {
margin:0 auto 30px
}
.hotelGroupGalleryContainer {
padding-bottom:60px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:60px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:flex;
flex-flow:row wrap;
justify-content:center
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:33.33%
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:100%
}
.hotelGroupTestimonialHome h2 span {
font-size:30px;
top:-30px
}
body .hotelGroupFooter .col-sm-4 {
width:100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 30px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
display:none
}
.hotelGroupHeadBlock {
padding-bottom:30px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:42px
}
.hotelGroupBookingContainer .boxnew p input {
height:40px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
bottom:6px
}
.hotelGroupBookingContainer .boxnew p select {
height:40px
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
height:44px
}
.hotelGroupPageTitle {
padding:80px 0
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2 {
font-size:32px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:350px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:auto;
margin:40px 0 0
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
width:100%;
left:0;
right:0;
bottom:auto;
top:45%;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:auto;
right:auto;
left:5px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.right.carousel-control {
left:auto;
right:5px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:100%
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
width:100%
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
display:none
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:30px 0
}
.hotelSubGroupContentContainer {
padding:60px 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
margin:0 10px
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p,.hotelGroupTheme p {
font-size:15px
}
.hotelGroupContactDetails li .fa.fa-map-marker {
top:0
}
.hotelGroupContactDetails {
margin:60px 0 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:100%;
margin:30px 0
}
.hotelGroupContactlistContainer {
padding:40px 0
}
.hotelGroupContentContainer {
padding-top:60px
}
.hotelGroupContentContainer h2 {
font-size:36px
}
.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupRestaurantBlock {
align-items:initial
}
.hotelGroupBanquetsBlock {
width:100%;
margin:0 10px 60px
}
.hotelGroupBanquetsBlock:last-of-type {
margin-bottom:0
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
max-height:initial;
min-height:initial
}
.rewardsTopcontainer {
padding:60px 0
}
.rewardsTopcontainerInner {
flex-direction:column
}
.rewardsTopcontainerImage {
width:initial;
padding-left:0;
margin:0 auto 30px
}
.rewardsTopcontainerContent {
width:initial
}
.hotelGroupTheme.privacyPage {
padding:40px 0
}
.hotelGroupAboutSliderContainer {
padding:50px 0
}
.hotelGroupAboutWelcomeContainer {
padding-bottom:50px
}
}
@media(max-width:767px) {
.ekko-lightbox-container img {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
div#gallery2 img {
min-height:100%;
max-height:100%;
min-width:100%
}
.hotelGroupNavbar .navbar-two {
padding:10px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:block
}
#whatsapp-message {
bottom:90px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupSlideshowContainer .carouselNavOuter {
width:100%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
left:10px;
right:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
top:auto;
bottom:10px;
left:auto;
right:10px
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:relative;
bottom:auto;
background:#FFF;
color:#4f4f4f;
min-height:200px
}
.hotelGroupAttractionContent h3 {
font-size:24px;
font-weight:600
}
.hotelGroupAttractionContent p {
color:#4f4f4f
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:initial
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column;
justify-content:center;
text-align:center
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1)
}
.hotelGroupAmenityItemContent h3 {
margin-bottom:15px
}
.hotelGroupContactContainer {
padding:40px 0
}
.hotelGroupPageTitle h2 span {
line-height:1.6
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1)
}
.CovidpageInner {
padding:0 10px
}
.hotelGroupCovidpage h3 {
font-size:28px
}
.rewardsTopcontainer {
padding:40px 0
}
.rewardsTopcontainerInner {
padding:0 10px
}
.hotelGroupTheme ul.privacyList {
padding:0 0 0 20px
}
.privacyPageInner {
padding:0 10px
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
display:none
}
}
@media(max-width:640px) {
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
display:none
}
.hotelGroupRewardContainer {
padding:80px 0
}
.hotelGroupRestaurantContainer {
padding:60px 0
}
.hotelGroupPropertyBlock {
width:100%;
border:1px solid #e0e0e0
}
.hotelGroupPropertyBlockImg {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
position:relative;
top:0;
max-height:450px;
opacity:1;
border-color:#e0e0e0
}
.hotelGroupPropertyBlock h3 {
color:#30353e;
font-weight:600
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
margin-top:15px;
font-size:14px;
font-weight:400
}
.hotelGroupAttractionBlock {
width:100%;
box-shadow:0 3px 6px -1px rgba(0,0,0,.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
min-height:initial;
padding:30px
}
.hotelGroupAttractionImg {
max-height:350px;
overflow:hidden
}
.hotelGroupAttractionContent h3 {
color:#fff;
font-size:30px
}
.hotelGroupRewardInner {
padding:0 10px
}
.hotelGroupPropertyLogoInner {
flex-flow:row wrap
}
.hotelGroupPropertyLogo {
width:calc(50% - 40px)
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:initial
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:50px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
max-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:relative;
bottom:0;
left:25px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:25px;
border:0
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 30px
}
.hotelGroupTheme .btn.btn-primary {
padding:14px 18px;
font-size:15px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
background:rgba(0,0,0,.3)
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:1
}
.hotelGroupPropertyBlock:hover:after {
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1)
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:300px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:30px;
margin-bottom:15px
}
.hotelGroupPageTitle {
padding:60px 0
}
.hotelGroupPageTitle h2 {
font-size:32px
}
.hotelGroupPageTitle h2 span {
font-size:14px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelSubGroupRestaurantPage h2 {
font-size:30px;
letter-spacing:.03em
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-top:0
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:60px 0 0
}
.hotelGroupCovidpage h3 {
margin-top:30px
}
.hotelGroupAmenityItemContent {
margin:0 auto
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:100%
}
.rewardsOffers.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
}
@media(max-width:580px) {
.hotelGroupSlideshowContainer .carousel .item img {
min-height:300px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:30px;
letter-spacing:2px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control,.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
bottom:-20px
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:70px
}
.hotelGroupTheme h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:15px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:30px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
margin:0
}
.hotelGroupTopbar p.hotelGroupTopbarPhone a {
margin-bottom:0
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-size:16px
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
display:block
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupPageTitle {
padding:40px 0
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:40px 10px 0
}
.hotelGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:20px 0 60px
}
.hotelGroupBanquetsContent h3 {
font-size:26px
}
.hotelGroupCovidpage h3 {
font-size:26px;
margin-bottom:15px
}
.hotelGroupTheme.privacyPage h2 {
font-size:26px
}
.hotelGroupAboutSliderInner,.hotelGroupAboutWelcomeInner {
padding:0 10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:30px;
margin-bottom:20px
}
}
@media(max-width:500px) {
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
display:block
}
}
@media(max-width:479px) {
.hotelGroupRestaurantContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:30px 10px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupPropertyBlock {
margin:20px 10px
}
.hotelGroupAttractionBlock {
margin:20px 10px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:40px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
margin-bottom:0
}
.hotelGroupAttractionHome {
padding:40px 0
}
.hotelGroupAttractionHome h2 {
margin-bottom:30px
}
.hotelGroupTheme h2 {
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:24px;
top:-10px
}
.hotelGroupAttractionContent h3 {
font-size:24px
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
padding:20px
}
.hotelGroupPropertyLogo {
width:calc(50% - 20px);
margin:10px
}
.hotelGroupRewardContainer {
padding:60px 0;
background-attachment:initial;
background-position:50% 100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 20px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:250px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:24px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2,.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:26px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
padding:20px 0
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:10px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
padding:25px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelGroupPropertyBlockImg,.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:260px
}
.hotelGroupFooter .HGfooterTitle {
font-size:20px
}
.hotelGroupTheme p {
font-size:13px
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupBtnOuter {
margin-top:40px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
margin-bottom:30px
}
.hotelGroupGalleryContainer {
padding-bottom:50px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
padding:50px 20px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
font-size:60px;
top:-20px;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:220px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelSubGroupContentContainer {
padding:40px 0 20px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:26px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding-top:40px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-bottom:40px
}
.hotelGroupBanquetsContent {
padding:20px
}
.rewardsTopcontainerContent h3,.rewardsForm h3,.rewardsForm h3 {
font-size:28px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
.helloBarContainer p a {
margin-left:10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:24px
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
bottom:20px
}
.hotelGroupAboutSliderInner .carousel .item img {
min-height:180px
}
}
@media(max-width:359px) {
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
max-width:140px
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:260px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:24px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 20px;
left:20px
}
}
* img{
object-fit: cover;
}
:root {
--primary-color:#c6ab62;
--secondary-color:#b48744;
--btn-hover:#b48744;
--white:#fff;
--primary-text-color:#333;
--black:#000;
--placeholder:#757575;
--background-color:#0f0f0f
}
body.hotelGroupBody {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f;
overflow-x:hidden
}
.yummy .col-lg-1,.yummy .col-lg-2,.yummy .col-lg-3,.yummy .col-lg-4,.yummy .col-lg-5,.yummy .col-lg-6,.yummy .col-lg-7,.yummy .col-lg-8,.yummy .col-lg-9,.yummy .col-lg-10,.yummy .col-lg-11,.yummy .col-lg-12,.yummy .col-lg-15,.yummy .col-md-1,.yummy .col-md-2,.yummy .col-md-3,.yummy .col-md-4,.yummy .col-md-5,.yummy .col-md-6,.yummy .col-md-7,.yummy .col-md-8,.yummy .col-md-9,.yummy .col-md-10,.yummy .col-md-11,.yummy .col-md-12,.yummy .col-md-15,.yummy .col-sm-1,.yummy .col-sm-2,.yummy .col-sm-3,.yummy .col-sm-4,.yummy .col-sm-5,.yummy .col-sm-6,.yummy .col-sm-7,.yummy .col-sm-8,.yummy .col-sm-9,.yummy .col-sm-10,.yummy .col-sm-11,.yummy .col-sm-12,.yummy .col-sm-15,.yummy .col-xs-1,.yummy .col-xs-2,.yummy .col-xs-3,.yummy .col-xs-4,.yummy .col-xs-5,.yummy .col-xs-6,.yummy .col-xs-7,.yummy .col-xs-8,.yummy .col-xs-9,.yummy .col-xs-10,.yummy .col-xs-11,.yummy .col-xs-12,.yummy .col-xs-15 {
padding-right:15px;
padding-left:15px;
padding-bottom:0
}
.yummy p {
margin:0
}
#whatsapp-message {
position:fixed;
margin-bottom:1vh;
bottom:35px;
right:5px;
width:65px;
height:65px;
overflow:hidden;
visibility:visible;
z-index:2147483639;
background:0;
border:0;
transition:transform .2s ease-in-out;
backface-visibility:hidden;
opacity:1;
transform:translateY(0%)
}
.hotelGroupTheme,body .hotelGroupTheme {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTheme a,.hotelGroupTheme p a {
text-decoration:none;
color:var(--primary-color)
}
.hotelGroupTheme a:hover,.hotelGroupTheme a:focus,.hotelGroupTheme p a:hover,.hotelGroupTheme p a:focus {
text-decoration:none;
color:var(--secondary-color)
}
.hotelGroupTheme .btn.btn-primary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-primary:focus,.hotelGroupTheme .btn.btn-primary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelGroupTheme .btn.btn-secondary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:transparent;
color:var(--primary-color);
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-secondary:focus,.hotelGroupTheme .btn.btn-secondary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#FFF
}
.hotelGroupTheme .h1,.hotelGroupTheme .h2,.hotelGroupTheme .h3,.hotelGroupTheme .h4,.hotelGroupTheme .h5,.hotelGroupTheme .h6,.hotelGroupTheme h1,.hotelGroupTheme h2,.hotelGroupTheme h3,.hotelGroupTheme h4,.hotelGroupTheme h5,.hotelGroupTheme h6 {
font-family:Bellota;
font-weight:400
}
.header.fixed {
position:fixed;
top:0;
box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
-webkit-box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
left:0;
right:0;
margin:0 auto;
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
.hotelGroupTheme h2 {
margin:0 0 30px;
position:relative;
color:#30353e;
margin:0 0 30px;
font-size:48px;
line-height:1.2;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase
}
.hotelGroupTheme h2 span {
display:block;
font-size:16px;
font-weight:400;
margin:0 0 10px;
color:var(--secondary-color)
}
.hotelGroupTheme p {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTopbar {
padding:12px 0;
border-bottom:1px solid #efefef
}
.hotelGroupTopbar .inline-wrapper {
align-items:center
}
.hotelGroupTopbar p {
margin:0 10px 0;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
margin-left:0
}
.hotelGroupTopbar p .fa {
margin-right:10px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone .fa {
font-size:18px;
position:relative;
top:1px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
position:relative;
top:-1px
}
.hotelGroupTopbar p a {
color:#4f4f4f;
text-decoration:none;
transition:all .3s ease
}
.hotelGroupTopbar p a:focus,.hotelGroupTopbar p a:hover {
color:var(--secondary-color);
;
text-decoration:none
}
.hotelGroupTopbar p.hotelGroupTopbarSocial {
font-size:16px
}
.hotelGroupTopbar p.hotelGroupTopbarSocial .fa {
margin-right:0
}
.hotelGroupTopbar .gTranslate {
margin-left:10px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget {
position:relative;
font-size:0
}
.hotelGroupTheme #google_translate_element .goog-te-gadget:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
pointer-events:none;
color:#000;
font-size:18px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget a.goog-logo-link {
display:none
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
height:30px;
padding:0 30px 0 10px;
letter-spacing:.03em;
border-radius:0;
border:1px solid #d5d5d5;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
cursor:pointer;
font-size:12px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo:focus {
outline:0;
border-color:#a7a7a7
}
.hotelGroupNavbar {
position:relative;
z-index:100
}
.hotelGroupNavbar .navbar {
width:100%;
margin:0;
padding:10px 0;
display:flex;
align-items:center;
min-height:60px
}
.hotelGroupNavbar .navbar-header .navbar-brand {
height:auto
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:90px
}
.hotelGroupNavbar .navbar-collapse {
padding:0!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
width:inherit;
align-items:center;
padding-right:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:5px 0 0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
line-height:1;
color:#30353e;
text-transform:uppercase;
letter-spacing:.03em;
transition:all .3s ease;
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:active,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:focus,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:hover,.hotelGroupNavbar .navbar.navbar-plain ul.nav li.active a {
color:var(--secondary-color);
;
background-color:transparent
}
.hotelGroupNavbar .nav .open>a,.hotelGroupNavbar .nav .open>a:focus,.hotelGroupNavbar .nav .open>a:hover {
background:none;
border:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown a .caret:after {
top:-7px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown.open a .caret:after {
top:-3px
}
.hotelGroupNavbar .dropdown-menu {
border-radius:0;
background:#FFF
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li {
display:block
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
font-weight:400;
display:block;
padding:15px 20px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdownRight .dropdown-menu {
left:auto;
right:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-family:Bellota;
background:var(--primary-color);
border:1px solid var(--primary-color);
color:#fff;
box-shadow:none;
border-radius:0;
font-size:14px;
font-weight:700;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
transition:all .3s ease;
padding:12px 18px
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:focus,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:hover {
border-color:var(--secondary-color);
;
background:var(--secondary-color);
;
cursor:pointer;
color:#fff;
text-decoration:none;
box-shadow:none;
outline:0
}
.hotelGroupSlideshowContainer {
color:#FFF
}
.hotelGroupSlideshowContainer p,.hotelGroupSlideshowContainer a {
color:#FFF
}
.hotelGroupSlideshowContainer .carousel-inner>.item {
transition:none;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item img {
animation:bloomEffects 1s ease;
animation-fill-mode:forwards
}
@keyframes bloomEffects {
0% {
transform:scale(1)
}
100% {
transform:scale(1.1)
}
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:60px;
font-weight:700;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
font-size:18px;
font-weight:400;
line-height:1.4;
letter-spacing:.06em;
margin:0 auto 60px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
background:#000;
border-color:#000
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
font-family:Chakra Petch;
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
background-color:transparent;
color:#fff;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto;
height:50px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:active {
background-color:#FFF;
border-color:#FFF;
color:#000
}
.hotelGroupSlideshow {
max-height:600px;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupSlideshowContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
background:#000;
border:1px solid #000
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:auto;
right:0
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
left:auto;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li:hover,.hotelGroupSlideshowContainer .carousel-indicators li:focus,.hotelGroupSlideshowContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupSlideshowContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupSlideshowContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBookingContainer {
position:relative;
background:#1b1b1b;
color:#FFF;
padding:40px 0
}
.hotelSubGroupTheme.hotelGroupBookingContainer {
position:relative;
background:var(--secondary-color);
;
color:#FFF
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0 30px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupBookingContainer .boxnew {
width:100%;
text-align:center
}
.hotelGroupBookingContainer .boxnew p {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupBookingContainer .boxnew p label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p input {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupBookingContainer .boxnew p select {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
font-family:Bellota;
font-size:18px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:50px;
border-radius:0;
padding:10px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:var(--secondary-color);
!important;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn {
background-color:#000;
color:#fff;
border:1px solid #000
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupBookingContainer .boxnew p br {
display:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:25px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:25px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1) {
max-width:300px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(4) {
margin-top:28px
}
.hotelGroupTheme .bbres_fieldset,.hotelGroupTheme .HGCalender,.hotelGroupTheme .HGBEBtn {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select,.hotelGroupTheme .HGSelectOuter {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:300px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select:before,.hotelGroupTheme .HGSelectOuter:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:20px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupTheme .bbres_fieldset label,.hotelGroupTheme .bbres_select label,.hotelGroupTheme .form-control label,.hotelGroupTheme .HGSelectOuter label,.hotelGroupTheme .HGCalender label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset input,.hotelGroupTheme .HGCalender input,.hotelGroupTheme input.form-control {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme textarea.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:auto;
background:#fff;
width:100%;
padding:20px;
border-radius:0;
font-size:13px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger {
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
font-size:0;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px
}
.hotelGroupTheme .HGCalender:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupTheme .bbres_select select,.hotelGroupTheme .HGSelectOuter select,.hotelGroupTheme select.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupTheme input.form-control:focus,.hotelGroupTheme select.form-control:focus,.hotelGroupTheme select:focus,.hotelGroupTheme textarea.form-control:focus,.hotelGroupTheme textarea:focus {
border-color:#152161;
background:#fff;
outline:0
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn,.hotelGroupTheme .HGBEBtn #bb_resBtn {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
line-height:1.8;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:#000;
color:#fff;
border:1px solid #000;
height:50px;
border-radius:0;
padding:15px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn:active,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:focus,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:hover,.hotelGroupTheme .HGBEBtn #bb_resBtn:active,.hotelGroupTheme .HGBEBtn #bb_resBtn:focus,.hotelGroupTheme .HGBEBtn #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupWelcomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupWelcomeInner {
display:flex;
align-items:center
}
.hotelGroupWelcomeContent {
width:48%
}
.hotelGroupWelcomeImgOuter {
width:52%;
padding-left:100px
}
.hotelGroupPropertyContainer {
position:relative;
padding:1px 0;
display:flex;
justify-content:center
}
.hotelGroupPropertyInner {
position:relative;
display:flex;
min-height:600px;
flex-flow:row wrap;
max-width:1600px
}
.hotelGroupPropertyContainerAlter .hotelGroupPropertyInner {
flex-direction:row-reverse
}
.hotelGroupPropertyImage {
width:60%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.hotelGroupPropertyContent {
width:40%;
padding:60px;
display:flex;
flex-flow:column;
justify-content:center;
text-align:left
}
h3.hotelGroupPropertyContentTitle {
margin:0 0 30px;
font-size:42px;
line-height:1.2;
letter-spacing:2px;
color:#30353e
}
p.hotelGroupPropertyContentText {
color:inherit;
margin:0 0 50px;
font-size:17px;
line-height:1.8;
letter-spacing:.03em
}
.hotelGroupHomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupHomeContainer .hotelGroupHomeContent {
text-align:center
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:60px;
padding-top:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:16px;
line-height:2
}
.hotelGroupAmenityContainer {
position:relative;
background:var(--primary-color);
color:#FFF;
padding:80px 0 40px;
text-align:center
}
.hotelGroupAmenityContainer {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f06b6379b36d_bannerImg002.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupAmenityContainer h2,.hotelGroupAmenityContainer h3,.hotelGroupAmenityContainer h4,.hotelGroupAmenityContainer p {
color:#FFF
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px;
padding-top:30px
}
.hotelGroupAmenityContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#e6c6a1;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupAmenityBtnOuter {
margin:60px 0 0
}
.hotelGroupAmenityList {
display:flex;
flex-flow:row wrap;
align-items:flex-start;
justify-content:flex-start
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
position:relative;
display:flex;
text-align:left;
padding:40px;
align-items:flex-start;
width:33%;
justify-content:flex-start;
margin:0;
align-items:center
}
.hotelGroupAmenityItemImg {
min-width:60px;
min-height:60px;
background:rgb(0 0 0 / .2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
margin:0 10px 0 0
}
.hotelGroupAmenityItemImg img {
max-width:30px;
max-height:30px
}
.hotelGroupAmenityItemContent h3 {
margin:0 0 6px;
font-weight:600;
letter-spacing:1px;
font-size:20px;
line-height:1
}
.hotelGroupAmenityItemContent p {
margin:0;
font-size:14px;
letter-spacing:.03em
}
body .hotelGroupFooter {
background:#1b1b1b;
color:#c5c5c5
}
.hotelGroupFooter .HGfooterTitle {
color:#FFF;
font-family:Bellota;
font-size:24px;
letter-spacing:3px;
font-weight:700;
text-transform:uppercase;
margin:0 0 30px
}
.hotelGroupFooter ul.list-basic li a:not(.btn) {
color:#c5c5c5;
text-decoration:none
}
.hotelGroupFooter ul.list-basic li a:not(.btn):hover,.hotelGroupFooter ul.list-basic li a:not(.btn):focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic {
display:flex;
flex-flow:row wrap
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic li {
width:50%
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic {
display:flex;
flex-flow:column
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic li {
width:initial
}
body .hotelGroupFooterbtm {
background:#101010;
color:#c5c5c5;
padding:10px 0;
font-size:14px
}
body .hotelGroupFooterbtm .footerBtmInner {
display:flex;
justify-content:space-between;
align-items:center
}
body .hotelGroupFooterbtm p {
margin:0;
font-family:Chakra Petch
}
body .hotelGroupFooterbtm p a {
color:#c5c5c5;
text-decoration:none
}
body .hotelGroupFooterbtm p a:hover,body .hotelGroupFooterbtm p a:focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterContact ul.list-basic li {
position:relative;
padding-left:30px
}
body .hotelGroupFooter p,body .hotelGroupFooter ul li,body .hotelGroupFooter p a {
margin-bottom:10px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
color:#c5c5c5;
letter-spacing:.03em
}
body .hotelGroupFooter .HGfooterContact li .fa {
position:absolute;
left:0;
top:3px;
font-size:20px;
font-weight:400;
line-height:1
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial {
margin:10px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial li .fa {
position:relative;
top:initial
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-map-marker {
left:2px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-envelope-open-o {
font-size:14px;
left:1px;
top:4px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-mobile {
font-size:22px;
left:3px;
top:1px
}
.hotelGroupRoomContainer {
padding:80px 0
}
.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-end
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
position:relative;
z-index:1;
width:80%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:600px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
position:absolute;
right:10px;
bottom:70px;
width:50px;
z-index:2;
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #000;
background:#000;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators {
background:none;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
position:absolute;
width:600px;
background:#FFF;
padding:30px;
left:0;
top:50%;
display:block;
z-index:2;
transform:translateY(-50%);
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:48px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupRoomContainer .hotelGroupRoomContentText {
margin:0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities {
margin:20px 0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic {
display:flex;
flex-flow:row wrap
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic li {
width:50%;
display:flex;
align-items:center;
margin:0 0 15px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesImg img {
max-height:24px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesTxt p {
margin:0 0 0 10px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice {
margin:0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice strong {
font-size:22px;
font-weight:700;
margin:0;
letter-spacing:-.02em
}
.hotelGroupRoomContainer .hotelGroupRoomPrice span {
border-bottom:1px dashed;
cursor:help;
margin:0 0 0 5px
}
.hotelGroupRoomContainerAlter .hotelGroupRoomInner {
justify-content:flex-start
}
.hotelGroupRoomContainerAlter .hotelGroupRoomContent {
left:auto;
right:0
}
.hotelGroupRoomContainerAlter .hotelGroupRoomImage .carouselNavOuter {
right:auto;
left:10px
}
.hotelGroupTheme .mapWrapper iframe {
margin:0;
padding:0;
outline:0;
border:0;
display:inline-block;
vertical-align:top
}
.hotelGroupGalleryContainer {
padding:0 0 80px;
text-align:center
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:80px
}
.hotelGroupBody .modal-dialog {
margin:15px auto 0;
max-width:900px!important
}
.hotelGroupBody .modal-header {
padding:0;
border-bottom:0 solid #e5e5e5;
background:0
}
.hotelGroupBody .modal-title {
display:none
}
.hotelGroupBody .modal button.close {
z-index:110;
right:10px;
top:10px;
outline:0
}
.hotelGroupBody .modal button.close:focus,.hotelGroupBody .modal button.close:hover {
outline:0
}
.hotelGroupBody .ekko-lightbox-nav-overlay .glyphicon {
height:100%;
display:flex;
align-items:center;
text-align:right
}
.hotelGroupBody .glyphicon.glyphicon-chevron-left {
justify-content:flex-start
}
.hotelGroupBody .glyphicon.glyphicon-chevron-right {
justify-content:flex-end
}
.hotelGroupBody .ekko-lightbox-nav-overlay a:focus,.hotelGroupBody .ekko-lightbox-nav-overlay a:hover {
text-decoration:none
}
.hotelGroupBody .modal-dialog img {
width:100%
}
.hotelGroupBody .modal-dialog .ekko-lightbox-container {
max-height:550px;
overflow:hidden
}
.hotelGroupHeadBlock {
padding:60px 0;
text-align:center
}
.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
margin:0
}
.hotelGroupPageTitle {
padding:100px 0;
color:#FFF;
background-color:rgba(0,0,0,0);
background-position:50% 60%
}
.hotelGroupPageTitle h2 {
color:#FFF;
text-align:center;
margin:0
}
.hotelGroupPageTitle h2 span {
color:#FFF;
font-family:Chakra Petch;
margin:10px 0 0
}
.hotelGroupContactContainer {
padding:80px 0
}
.hotelGroupContactContainer .form-group,.hotelGroupContactContainer .input-group {
margin:0 0 20px
}
.hotelGroupContactContainer h3 {
font-size:28px;
font-weight:700;
letter-spacing:1px;
margin:0 0 20px;
color:#30353e
}
.hotelGroupContactContainer h3.hotelGroupContactHeading {
margin:0 0 10px
}
.hotelGroupContactContainer p.hotelGroupContactDesc {
margin:0 0 40px
}
.hotelGroupContactDetails ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactDetails p,.hotelGroupContactDetails ul li,.hotelGroupContactDetails p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactDetails li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactDetails ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
.hotelGroupContactDetails li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactDetails li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactDetails li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn) {
color:#4f4f4f
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding-left:30px
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial .HGfooterSocial li .fa {
position:relative;
top:initial
}
.hotelGroupContactlistContainer {
background:#f8f8f8;
padding:80px 0
}
.hotelGroupContactlistContainer .hotelGroupContactblock {
position:relative;
padding:30px;
background:#FFF;
box-shadow:0 7px 12px -4px rgba(0,0,0,.1);
margin:0 5px
}
.hotelGroupContactlistContainer .hotelGroupContactblock a {
white-space:normal;
word-break:break-all
}
.hotelGroupContactlistContainer .hotelGroupContactblock h4 {
margin:0 0 30px;
font-size:22px;
font-weight:700
}
.hotelGroupContactlistContainer ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactlistContainer p,.hotelGroupContactlistContainer ul li,.hotelGroupContactlistContainer p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactlistContainer li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactlistContainer ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 10px 0 0
}
.hotelGroupContactlistContainer li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactlistContainer li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactlistContainer li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding:0;
margin:0 15px 0 0
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li .fa {
position:relative
}
.hotelGroupAboutSliderContainer {
padding:80px 0
}
.hotelGroupAboutWelcomeContainer {
padding:0 0 80px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption h3 {
font-size:54px;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption p {
font-size:16px;
font-weight:400;
line-height:1.8;
letter-spacing:.05em;
margin:0 auto 60px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn {
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:active {
background:#FFF;
color:#000
}
.hotelGroupAboutSliderContainer .carousel-inner .item [data-component=image]:before {
content:"";
top:0;
left:0;
right:0;
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.54);
z-index:1;
display:none
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
background:#000;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupAboutSliderContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li:hover,.hotelGroupAboutSliderContainer .carousel-indicators li:focus,.hotelGroupAboutSliderContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupAboutSliderContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupAboutSliderContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a:hover,.hotelGroupBody .ui-datepicker.ui-widget-content td a:focus,.hotelGroupBody .ui-datepicker.ui-widget-content td a:active {
text-decoration:none
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a.ui-state-active {
background:var(--secondary-color);
;
color:#fff;
text-decoration:none
}
.hotelGroupthankyouPage {
padding:80px 0;
text-align:center
}
.hotelSubGroupContentContainer {
padding:80px 0;
text-align:center
}
.hotelGroupContentContainer {
padding:80px 0 0;
text-align:center
}
.hotelSubGroupContentContainer .hotelGroupRoomContent {
padding:50px
}
.hotelSubGroupContentContainer h2,.hotelGroupContentContainer h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:80px 0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerLast {
padding-bottom:100px
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:absolute;
right:30px;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:10px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn {
font-size:16px;
height:auto;
font-family:Bellota;
line-height:1;
padding:15px 20px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn:nth-of-type(2) {
margin-left:5px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoomAmenitiesTxt {
display:none
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:0 20px 0 0;
width:initial
}
.hotelSubGroupTheme .hotelGroupRoomAmenities {
margin:30px 0 20px
}
.hotelSubGroupTheme .hotelGroupRoomImage {
box-shadow:0 50px 40px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px;
letter-spacing:2px;
padding:30px 0 0;
text-transform:none;
color:#30353e
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
opacity:.8
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:18px;
line-height:2
}
.hotelSubGroupTheme .hotelGroupWelcomeImg {
box-shadow:0 30px 30px -20px rgba(0,0,0,.2);
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover {
box-shadow:0 30px 30px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg img {
transition:all .4s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1.03)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
padding:30px 0 0;
margin:0 0 30px;
color:#30353e
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px;
text-transform:none;
margin-bottom:60px;
padding:30px 0 0
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
margin:0;
padding:1px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper.margin-bottom-10px {
margin-bottom:0;
overflow:hidden;
position:relative
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper img {
transition:all .6s ease
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper:hover img {
transform:scale(1.1)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:before {
content:"";
background:rgba(0,0,0,.6);
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all .3s ease;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:hover:before {
top:0;
opacity:0;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a {
position:relative;
display:block
}
.hotelGroupBtnOuter {
margin:60px auto 0;
text-align:center
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
display:flex
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:50%;
padding:20px 20px 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage {
position:relative;
z-index:1;
width:initial
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent {
position:relative;
top:0;
transform:translateY(0%);
width:initial;
text-align:left
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:0;
transition:all .6s ease;
margin:40px 0 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 14px rgb(255 255 255 / .3)
}
.hotelGroupTestimonialHome {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f7c5d480856d_spa.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupTestimonialHome .overly,.hotelGroupAmenityContainer .overly {
background:rgba(0,0,0,.6)
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter {
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:80%;
margin:0 auto
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-family:Bellota;
font-weight:400;
font-size:18px;
color:#FFF;
line-height:2;
letter-spacing:1px;
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
content:'\f10d';
font-family:fontAwesome;
font-size:72px;
margin:0;
opacity:.3;
position:absolute;
left:-50px;
top:-30px;
line-height:1
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
position:relative;
margin:0 auto;
left:0;
right:0;
top:0;
width:100%;
padding:50px
}
.hotelGroupTestimonialHome .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF;
display:none
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:hover,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:focus,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupTestimonialHome .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupTestimonialHome .carousel-indicators {
background:none;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li:hover,.hotelGroupTestimonialHome .carousel-indicators li:focus,.hotelGroupTestimonialHome .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupTestimonialHome .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupTestimonialHome .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupTestimonialHome .nav-indicators-in .carousel-indicators-wrapper {
right:0;
left:0;
bottom:-30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption h3 {
letter-spacing:1px
}
.hotelGroupTestimonialHome h2 {
color:#FFF;
text-align:center
}
.hotelGroupTestimonialHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#FFF;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-40px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionHome {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupAttractionHomeInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupAttractionBlock {
position:relative;
width:calc(33.33% - 40px);
margin:0 20px;
overflow:hidden
}
.hotelGroupAttractionImg {
position:relative;
z-index:1
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:400px;
transition:all .6s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:absolute;
bottom:-90px;
left:0;
background:rgba(0,0,0,.6);
display:block;
color:#FFF;
z-index:2;
padding:20px;
transition:all .3s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionContent {
bottom:0
}
.hotelGroupAttractionContent p {
color:#FFF
}
.hotelGroupAttractionHome h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupAttractionHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionContent h3 {
margin:0 0 15px;
letter-spacing:1px;
font-size:26px;
color:#fff
}
.hotelGroupAttractionContent p {
color:#FFF;
font-size:14px;
letter-spacing:.03em;
margin:0
}
.hotelGroupPropertyContainer {
padding:80px 0 80px
}
.hotelGroupPropertyPage.hotelGroupPropertyContainer {
padding:0 0 80px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupPropertyContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupPropertyContainerInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyBlock {
width:33%;
margin:0 20px;
position:relative;
overflow:hidden
}
.hotelGroupPropertyBlock:after {
content:"";
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
transition:all .3s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover:after {
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:450px;
transition:all .8s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1.1)
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
text-align:center;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:11;
background:rgba(0,0,0,.5);
opacity:1;
transition:all .3s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:0
}
.hotelGroupPropertyBlock a {
color:var(--secondary-color)
}
.hotelGroupPropertyBlock h3 {
letter-spacing:1px;
font-size:24px;
font-weight:400;
margin:0;
color:#FFF
}
.hotelGroupPropertyBlock p {
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#909090
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
font-size:13px;
text-transform:none;
letter-spacing:.03em;
margin:20px 0 0
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockLabel {
margin:0 0 10px;
font-size:12px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
display:flex;
flex-flow:column;
align-items:flex-start;
border:1px solid;
padding:30px;
position:absolute;
left:0;
top:-100%;
z-index:11;
width:100%;
height:100%;
max-height:450px;
transition:all .6s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockContent {
top:0;
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:absolute;
bottom:-100%;
left:30px;
z-index:11;
transition:all .6s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:30px
}
.hotelGroupPropertyLogoContainer {
padding:20px 0
}
.hotelGroupPropertyLogoInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyLogo {
margin:20px
}
.hotelGroupPropertyLogo img {
max-height:80px;
transition:all .6s ease;
opacity:.6
}
.hotelGroupPropertyLogo:hover img {
opacity:1
}
.hotelGroupRewardContainer {
padding:100px 0;
background-image:url(images/uploads/1/5f7ef5d09cd88_gift.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment:fixed
}
.hotelGroupRewardContainer:before {
content:"";
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
position:absolute;
left:0;
right:0;
top:0;
pointer-events:none;
width:100%;
height:100%
}
.hotelGroupRewardContainer h2 {
color:#FFF;
margin:0 0 10px;
text-transform:none
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupRewardContainer p {
color:#FFF;
margin:0;
letter-spacing:.06em;
font-size:14px
}
.hotelGroupRewardContainer .btn-secondary {
letter-spacing:2px
}
.hotelGroupContentsContainer {
padding:60px 0
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
position:relative;
padding:80px 0;
text-align:center;
background:inherit
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer:before {
content:"";
display:none
}
.hotelGroupAmenityPage .hotelGroupAmenityItemContent h3,.hotelGroupAmenityPage .hotelGroupAmenityItemContent p {
color:#30353e
}
.hotelGroupAmenityPage .hotelGroupAmenityItemImg {
background:none;
border:0;
align-items:flex-start;
padding:0;
min-height:initial;
min-width:initial
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:80px 0 0
}
.hotelGroupAttractionPage.hotelGroupAttractionHome {
background:inherit;
padding-top:40px
}
.hotelGroupTheme .tooltip {
white-space:nowrap
}
.hotelGroupTheme .tooltip .tooltip-inner {
background-color:#000;
font-size:10px;
letter-spacing:.05em
}
.hotelGroupTheme .tooltip.top .tooltip-arrow {
bottom:1px;
border-top-color:#000
}
.hotelGroupTheme .tooltip.top-left .tooltip-arrow,.hotelGroupTheme .tooltip.top-right .tooltip-arrow,.hotelGroupTheme .tooltip.top .tooltip-arrow {
border-top-color:#000
}
.hotelSubGroupNavbar {
background:#1b1b1b
}
.hotelSubGroupNavbar .navbar-nav>li>a {
padding:15px;
color:#FFF;
line-height:1;
font-size:13px;
letter-spacing:.05em;
transition:all .3s ease
}
.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:var(--secondary-color);
;
color:#FFF
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:1px solid #424242
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a {
font-weight:700
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active {
background:#1b1b1b
}
.hotelGroupRestaurantContainer {
padding:80px 0
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:36px;
text-transform:none
}
.hotelSubGroupRestaurantPage {
padding:80px 0 0;
text-align:center
}
.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupRestaurantPage p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelGroupRestaurantBlock {
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:row-reverse
}
.hotelGroupRestaurantImg {
width:50%;
overflow:hidden
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
max-height:400px;
min-height:400px;
width:100%;
transition:all .3s ease
}
.hotelGroupRestaurantBlock:hover .hotelGroupRestaurantImg img {
transform:scale(1.1)
}
.hotelGroupRestaurantContent {
width:50%;
padding:40px;
border:1px solid #dedede;
min-height:400px;
max-height:400px;
display:flex;
flex-flow:column;
justify-content:center
}
.hotelGroupRestaurantContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.hotelGroupRestaurantContent p {
margin-bottom:30px
}
.hotelGroupBanquetsContainer {
padding:80px 0
}
.hotelGroupBanquetsInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupBanquetsBlock {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:calc(50% - 40px);
margin:0 20px 60px;
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease;
overflow:hidden
}
.hotelGroupBanquetsBlock:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelGroupBanquetsImg {
position:relative;
z-index:1;
max-height:350px;
overflow:hidden
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 24px rgb(255 255 255 / .3)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
min-height:350px;
max-height:350px;
transition:all .6s ease
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1.1)
}
.hotelGroupBanquetsContent {
background:#FFF;
transition:all .3s ease;
padding:30px
}
.hotelGroupBanquetsContent h3 {
font-size:32px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupBanquetsContent p {
margin:0
}
.hotelGroupNavbar .navbar-header #subNavicon {
display:none
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:none
}
.hotelGroupCovidpage {
padding:80px 0
}
.hotelGroupCovidpage h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupCovidpage p {
margin-bottom:20px
}
.hotelGroupTheme .nomargintop {
margin-top:0!important
}
.helloBarContainer {
background:var(--primary-color);
color:#FFF;
text-align:center;
padding:15px 0
}
.helloBarContainer p {
margin:0;
line-height:1;
font-size:14px;
color:#FFF
}
.helloBarContainer p .fa {
margin:0 10px 0 0
}
.helloBarContainer p a {
color:#FFF;
text-transform:uppercase;
font-weight:600;
margin:0 0 0 20px;
text-decoration:none;
border-bottom:1px solid #FFF
}
.helloBarContainer p a:hover,.helloBarContainer p a:focus {
color:#FFF;
text-decoration:none;
border-bottom-color:rgba(255,255,255,.5)
}
.helloBarContainer a.helloBarClose {
cursor:pointer;
color:rgba(255,255,255,.5);
font-size:24px;
font-weight:300;
line-height:1;
margin:0 0 0 20px;
transition:all .2s ease-out
}
.helloBarContainer a.helloBarClose:hover,.helloBarContainer a.helloBarClose:focus {
text-decoration:none;
color:rgba(255,255,255,1)
}
.helloBarInner {
position:relative;
z-index:11;
display:flex;
justify-content:center;
align-items:center
}
.rewardsTopcontainer {
padding:80px 0
}
.rewardsTopcontainerInner {
display:flex;
flex-flow:row-reverse
}
.rewardsTopcontainerImage {
width:55%;
padding-left:50px
}
.rewardsTopcontainerContent {
width:45%
}
.rewardsTopcontainerContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.rewardsOffers {
background:var(--primary-color);
color:#FFF;
padding:80px 0
}
.rewardsForm {
max-width:500px;
margin:0 auto
}
.rewardsForm h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px;
text-align:center
}
.hotelGroupAmenityContainer.rewardsOffers:before {
background-image:url(images/uploads/1/5f92a8c42060e_gift4.jpg)
}
.hotelGroupTheme.privacyPage {
padding:80px 0
}
.hotelGroupTheme.privacyPage h2 {
font-size:32px;
font-weight:700;
color:#30353e;
text-transform:none;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupTheme.privacyPage p {
}
.hotelGroupTheme.privacyPage p strong {
font-size:18px;
margin-top:20px;
margin-bottom:5px;
display:inline-block
}
.hotelGroupTheme ul.privacyList {
margin:30px 0
}
.hotelGroupTheme ul.privacyList li {
margin-bottom:10px
}
.hotelGroupTheme ul.privacyList li:last-of-type {
margin-bottom:0
}
.hotelSubGroupAboutSliderContainer {
padding:40px 0 80px
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display:none
}
.grecaptcha-badge {
display:none!important
}
.boxnew button.btn.crssearchbtn:hover {
background:#45b5c6!important
}
.hotelgroup-subnavbar {
position:sticky;
z-index:99;
top:0
}
.group-row {
display:flex;
align-items:center
}
div#gallery2 img {
min-height:230px;
max-height:230px;
min-width:387px;
height:100%;
width:100%
}
.ekko-lightbox-container img {
min-width: 1000px;
min-height: 600px;
max-height: 600px;
height:100%;
width:100%
}
.modal-dialog{
max-width: 1000px !important;
}
@media(min-width:1601px) {
.hotelGroupSlideshowContainer .carousel .item img {
width:100%
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
}
@media(max-width:1199px) {
.hotelGroupNavbar .navbar-header .navbar-brand a {
max-width:200px
}
.hotelGroupNavbar .container {
padding:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
padding:0;
margin:0;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar .navbar-buttons {
margin:0 0 0 15px!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-size:12px;
padding:10px;
margin:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-centered .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left-right .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons {
min-height:initial;
min-width:initial
}
.hotelGroupNavbar .navbar {
padding:0;
border:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar-header {
float:none;
width:100%;
padding:0;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
border-bottom:1px solid #efefef
}
.hotelGroupNavbar .navbar-header .navbar-brand {
min-height:initial;
height:initial;
max-width:initial;
padding:0;
margin:0 10px 0 0;
width:calc(100% - 80px)
}
.hotelGroupNavbar .navbar-header .navbar-toggle {
width:50px;
float:none;
margin:0;
padding:0;
font-size:24px;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar-header .navbar-toggle.collapsed .fa-bars:before {
content:"\F0C9"
}
.hotelGroupNavbar .navbar-header .navbar-toggle .fa-bars:before {
content:"\F00D"
}
.hotelGroupNavbar .navbar-header #subNavicon {
width:50px;
float:none;
margin:0;
padding:0;
color:#4f4f4f;
font-size:24px;
text-align:center;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
display:none!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse.in {
display:block!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:20px 10px;
margin:0;
box-shadow:none;
min-width:100%;
width:100%;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li {
display:block;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.open {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav .dropdown.open>a {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
padding:10px 30px;
text-transform:none
}
.hotelSubGroupNavbar {
background:#FFF
}
.hotelSubGroupNavbar #subGroupNavigation {
padding:0;
margin:0 -15px
}
.hotelSubGroupNavbar #subGroupNavigation.collapse {
display:none!important
}
.hotelSubGroupNavbar #subGroupNavigation.collapse.in {
display:block!important
}
.hotelSubGroupNavbar #subGroupNavigation .navbar-nav {
float:none;
padding:20px
}
.hotelSubGroupNavbar .navbar-nav>li {
display:block;
float:none
}
.hotelSubGroupNavbar .navbar-nav>li>a {
font-family:Chakra Petch;
color:#30353e;
font-size:14px;
font-weight:600;
padding:10px 0
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:60px
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:0
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active,.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:#FFF;
color:var(--secondary-color)
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:block;
margin:0 20px 20px 20px
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow.navbar-buttons>* {
display:block
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow .btn {
font-size:15px;
line-height:1;
padding:15px 20px
}
.hotelGroupWelcomeContent {
width:50%
}
.hotelGroupWelcomeImgOuter {
width:50%;
padding-left:50px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:16px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
position:relative;
font-size:40px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
flex-direction:column;
justify-content:center
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
margin:0 auto;
width:90%
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2)
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:90%;
margin:0 auto;
position:relative;
top:0;
transform:translateY(0%)
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:36px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:400px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding:40px 0 60px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:60px 0 0
}
.hotelGroupContactContainer {
padding:60px 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:50%;
padding-bottom:0;
margin:20px 0
}
.hotelGroupContactlistContainer {
padding:60px 0
}
.hotelGroupFormContainer {
max-width:100%
}
.hotelGroupRestaurantContent {
max-height:initial
}
.hotelGroupRestaurantBlock {
align-items:stretch
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:100%;
max-height:initial
}
.hotelGroupCovidpage {
padding:40px 0
}
}
@media(max-width:991px) {
.group-row {
display:flex
}
body.hotelGroupBody #page {
overflow-x:hidden
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
display:none
}
.hotelGroupTopbar .hotelGroupTopbarLeft .inline-wrapper {
justify-content:flex-start
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper {
justify-content:flex-end
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper>[data-component=image] {
display:none
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:36px
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
display:none
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
display:none
}
.hotelGroupBookingContainer #bb_resBookingBox {
flex-direction:column
}
.hotelGroupBookingContainer .boxnew p {
max-width:300px;
margin:15px 0
}
.hotelGroupTheme h2 {
font-size:42px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:60px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span {
position:relative;
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:30px
}
.hotelGroupPropertyContainerInner {
flex-flow:row wrap
}
.hotelGroupPropertyBlock {
width:calc(50% - 40px);
margin-bottom:30px
}
.hotelGroupAttractionBlock {
width:calc(50% - 40px)
}
.hotelGroupAttractionHome {
padding:60px 0
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:column;
margin:40px 20px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupRestaurantImg {
width:initial
}
.hotelGroupRestaurantContent {
width:initial;
min-height:initial;
max-height:initial;
padding:30px
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:initial;
max-height:initial
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:36px;
top:-10px
}
.hotelGroupWelcomeContainer {
padding:60px 0
}
.hotelGroupWelcomeInner {
flex-direction:column
}
.hotelGroupWelcomeContent {
width:initial;
text-align:center
}
.hotelGroupWelcomeImgOuter {
width:initial;
padding-left:0;
margin:40px auto 0;
max-width:600px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
flex-direction:column
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
width:initial
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
flex-direction:column;
text-align:center
}
.hotelGroupAmenityItemImg {
margin:0 auto 30px
}
.hotelGroupGalleryContainer {
padding-bottom:60px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:60px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:flex;
flex-flow:row wrap;
justify-content:center
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:33.33%
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:100%
}
.hotelGroupTestimonialHome h2 span {
font-size:30px;
top:-30px
}
body .hotelGroupFooter .col-sm-4 {
width:100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 30px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
display:none
}
.hotelGroupHeadBlock {
padding-bottom:30px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:42px
}
.hotelGroupBookingContainer .boxnew p input {
height:40px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
bottom:6px
}
.hotelGroupBookingContainer .boxnew p select {
height:40px
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
height:44px
}
.hotelGroupPageTitle {
padding:80px 0
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2 {
font-size:32px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:350px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:auto;
margin:40px 0 0
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
width:100%;
left:0;
right:0;
bottom:auto;
top:45%;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:auto;
right:auto;
left:5px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.right.carousel-control {
left:auto;
right:5px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:100%
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
width:100%
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
display:none
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:30px 0
}
.hotelSubGroupContentContainer {
padding:60px 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
margin:0 10px
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p,.hotelGroupTheme p {
font-size:15px
}
.hotelGroupContactDetails li .fa.fa-map-marker {
top:0
}
.hotelGroupContactDetails {
margin:60px 0 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:100%;
margin:30px 0
}
.hotelGroupContactlistContainer {
padding:40px 0
}
.hotelGroupContentContainer {
padding-top:60px
}
.hotelGroupContentContainer h2 {
font-size:36px
}
.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupRestaurantBlock {
align-items:initial
}
.hotelGroupBanquetsBlock {
width:100%;
margin:0 10px 60px
}
.hotelGroupBanquetsBlock:last-of-type {
margin-bottom:0
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
max-height:initial;
min-height:initial
}
.rewardsTopcontainer {
padding:60px 0
}
.rewardsTopcontainerInner {
flex-direction:column
}
.rewardsTopcontainerImage {
width:initial;
padding-left:0;
margin:0 auto 30px
}
.rewardsTopcontainerContent {
width:initial
}
.hotelGroupTheme.privacyPage {
padding:40px 0
}
.hotelGroupAboutSliderContainer {
padding:50px 0
}
.hotelGroupAboutWelcomeContainer {
padding-bottom:50px
}
}
@media(max-width:767px) {
.ekko-lightbox-container img {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
div#gallery2 img {
min-height:100%;
max-height:100%;
min-width:100%
}
.hotelGroupNavbar .navbar-two {
padding:10px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:block
}
#whatsapp-message {
bottom:90px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupSlideshowContainer .carouselNavOuter {
width:100%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
left:10px;
right:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
top:auto;
bottom:10px;
left:auto;
right:10px
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:relative;
bottom:auto;
background:#FFF;
color:#4f4f4f;
min-height:200px
}
.hotelGroupAttractionContent h3 {
font-size:24px;
font-weight:600
}
.hotelGroupAttractionContent p {
color:#4f4f4f
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:initial
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column;
justify-content:center;
text-align:center
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1)
}
.hotelGroupAmenityItemContent h3 {
margin-bottom:15px
}
.hotelGroupContactContainer {
padding:40px 0
}
.hotelGroupPageTitle h2 span {
line-height:1.6
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1)
}
.CovidpageInner {
padding:0 10px
}
.hotelGroupCovidpage h3 {
font-size:28px
}
.rewardsTopcontainer {
padding:40px 0
}
.rewardsTopcontainerInner {
padding:0 10px
}
.hotelGroupTheme ul.privacyList {
padding:0 0 0 20px
}
.privacyPageInner {
padding:0 10px
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
display:none
}
}
@media(max-width:640px) {
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
display:none
}
.hotelGroupRewardContainer {
padding:80px 0
}
.hotelGroupRestaurantContainer {
padding:60px 0
}
.hotelGroupPropertyBlock {
width:100%;
border:1px solid #e0e0e0
}
.hotelGroupPropertyBlockImg {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
position:relative;
top:0;
max-height:450px;
opacity:1;
border-color:#e0e0e0
}
.hotelGroupPropertyBlock h3 {
color:#30353e;
font-weight:600
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
margin-top:15px;
font-size:14px;
font-weight:400
}
.hotelGroupAttractionBlock {
width:100%;
box-shadow:0 3px 6px -1px rgba(0,0,0,.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
min-height:initial;
padding:30px
}
.hotelGroupAttractionImg {
max-height:350px;
overflow:hidden
}
.hotelGroupAttractionContent h3 {
color:#fff;
font-size:30px
}
.hotelGroupRewardInner {
padding:0 10px
}
.hotelGroupPropertyLogoInner {
flex-flow:row wrap
}
.hotelGroupPropertyLogo {
width:calc(50% - 40px)
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:initial
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:50px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
max-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:relative;
bottom:0;
left:25px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:25px;
border:0
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 30px
}
.hotelGroupTheme .btn.btn-primary {
padding:14px 18px;
font-size:15px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
background:rgba(0,0,0,.3)
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:1
}
.hotelGroupPropertyBlock:hover:after {
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1)
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:300px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:30px;
margin-bottom:15px
}
.hotelGroupPageTitle {
padding:60px 0
}
.hotelGroupPageTitle h2 {
font-size:32px
}
.hotelGroupPageTitle h2 span {
font-size:14px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelSubGroupRestaurantPage h2 {
font-size:30px;
letter-spacing:.03em
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-top:0
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:60px 0 0
}
.hotelGroupCovidpage h3 {
margin-top:30px
}
.hotelGroupAmenityItemContent {
margin:0 auto
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:100%
}
.rewardsOffers.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
}
@media(max-width:580px) {
.hotelGroupSlideshowContainer .carousel .item img {
min-height:300px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:30px;
letter-spacing:2px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control,.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
bottom:-20px
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:70px
}
.hotelGroupTheme h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:15px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:30px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
margin:0
}
.hotelGroupTopbar p.hotelGroupTopbarPhone a {
margin-bottom:0
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-size:16px
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
display:block
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupPageTitle {
padding:40px 0
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:40px 10px 0
}
.hotelGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:20px 0 60px
}
.hotelGroupBanquetsContent h3 {
font-size:26px
}
.hotelGroupCovidpage h3 {
font-size:26px;
margin-bottom:15px
}
.hotelGroupTheme.privacyPage h2 {
font-size:26px
}
.hotelGroupAboutSliderInner,.hotelGroupAboutWelcomeInner {
padding:0 10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:30px;
margin-bottom:20px
}
}
@media(max-width:500px) {
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
display:block
}
}
@media(max-width:479px) {
.hotelGroupRestaurantContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:30px 10px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupPropertyBlock {
margin:20px 10px
}
.hotelGroupAttractionBlock {
margin:20px 10px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:40px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
margin-bottom:0
}
.hotelGroupAttractionHome {
padding:40px 0
}
.hotelGroupAttractionHome h2 {
margin-bottom:30px
}
.hotelGroupTheme h2 {
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:24px;
top:-10px
}
.hotelGroupAttractionContent h3 {
font-size:24px
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
padding:20px
}
.hotelGroupPropertyLogo {
width:calc(50% - 20px);
margin:10px
}
.hotelGroupRewardContainer {
padding:60px 0;
background-attachment:initial;
background-position:50% 100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 20px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:250px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:24px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2,.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:26px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
padding:20px 0
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:10px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
padding:25px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelGroupPropertyBlockImg,.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:260px
}
.hotelGroupFooter .HGfooterTitle {
font-size:20px
}
.hotelGroupTheme p {
font-size:13px
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupBtnOuter {
margin-top:40px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
margin-bottom:30px
}
.hotelGroupGalleryContainer {
padding-bottom:50px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
padding:50px 20px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
font-size:60px;
top:-20px;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:220px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelSubGroupContentContainer {
padding:40px 0 20px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:26px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding-top:40px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-bottom:40px
}
.hotelGroupBanquetsContent {
padding:20px
}
.rewardsTopcontainerContent h3,.rewardsForm h3,.rewardsForm h3 {
font-size:28px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
.helloBarContainer p a {
margin-left:10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:24px
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
bottom:20px
}
.hotelGroupAboutSliderInner .carousel .item img {
min-height:180px
}
}
@media(max-width:359px) {
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
max-width:140px
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:260px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:24px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 20px;
left:20px
}
}
* img{
object-fit: cover;
}
:root {
--primary-color:#c6ab62;
--secondary-color:#b48744;
--btn-hover:#b48744;
--white:#fff;
--primary-text-color:#333;
--black:#000;
--placeholder:#757575;
--background-color:#0f0f0f
}
body.hotelGroupBody {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f;
overflow-x:hidden
}
.yummy .col-lg-1,.yummy .col-lg-2,.yummy .col-lg-3,.yummy .col-lg-4,.yummy .col-lg-5,.yummy .col-lg-6,.yummy .col-lg-7,.yummy .col-lg-8,.yummy .col-lg-9,.yummy .col-lg-10,.yummy .col-lg-11,.yummy .col-lg-12,.yummy .col-lg-15,.yummy .col-md-1,.yummy .col-md-2,.yummy .col-md-3,.yummy .col-md-4,.yummy .col-md-5,.yummy .col-md-6,.yummy .col-md-7,.yummy .col-md-8,.yummy .col-md-9,.yummy .col-md-10,.yummy .col-md-11,.yummy .col-md-12,.yummy .col-md-15,.yummy .col-sm-1,.yummy .col-sm-2,.yummy .col-sm-3,.yummy .col-sm-4,.yummy .col-sm-5,.yummy .col-sm-6,.yummy .col-sm-7,.yummy .col-sm-8,.yummy .col-sm-9,.yummy .col-sm-10,.yummy .col-sm-11,.yummy .col-sm-12,.yummy .col-sm-15,.yummy .col-xs-1,.yummy .col-xs-2,.yummy .col-xs-3,.yummy .col-xs-4,.yummy .col-xs-5,.yummy .col-xs-6,.yummy .col-xs-7,.yummy .col-xs-8,.yummy .col-xs-9,.yummy .col-xs-10,.yummy .col-xs-11,.yummy .col-xs-12,.yummy .col-xs-15 {
padding-right:15px;
padding-left:15px;
padding-bottom:0
}
.yummy p {
margin:0
}
#whatsapp-message {
position:fixed;
margin-bottom:1vh;
bottom:35px;
right:5px;
width:65px;
height:65px;
overflow:hidden;
visibility:visible;
z-index:2147483639;
background:0;
border:0;
transition:transform .2s ease-in-out;
backface-visibility:hidden;
opacity:1;
transform:translateY(0%)
}
.hotelGroupTheme,body .hotelGroupTheme {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTheme a,.hotelGroupTheme p a {
text-decoration:none;
color:var(--primary-color)
}
.hotelGroupTheme a:hover,.hotelGroupTheme a:focus,.hotelGroupTheme p a:hover,.hotelGroupTheme p a:focus {
text-decoration:none;
color:var(--secondary-color)
}
.hotelGroupTheme .btn.btn-primary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-primary:focus,.hotelGroupTheme .btn.btn-primary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelGroupTheme .btn.btn-secondary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:transparent;
color:var(--primary-color);
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-secondary:focus,.hotelGroupTheme .btn.btn-secondary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#FFF
}
.hotelGroupTheme .h1,.hotelGroupTheme .h2,.hotelGroupTheme .h3,.hotelGroupTheme .h4,.hotelGroupTheme .h5,.hotelGroupTheme .h6,.hotelGroupTheme h1,.hotelGroupTheme h2,.hotelGroupTheme h3,.hotelGroupTheme h4,.hotelGroupTheme h5,.hotelGroupTheme h6 {
font-family:Bellota;
font-weight:400
}
.header.fixed {
position:fixed;
top:0;
box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
-webkit-box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
left:0;
right:0;
margin:0 auto;
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
.hotelGroupTheme h2 {
margin:0 0 30px;
position:relative;
color:#30353e;
margin:0 0 30px;
font-size:48px;
line-height:1.2;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase
}
.hotelGroupTheme h2 span {
display:block;
font-size:16px;
font-weight:400;
margin:0 0 10px;
color:var(--secondary-color)
}
.hotelGroupTheme p {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTopbar {
padding:12px 0;
border-bottom:1px solid #efefef
}
.hotelGroupTopbar .inline-wrapper {
align-items:center
}
.hotelGroupTopbar p {
margin:0 10px 0;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
margin-left:0
}
.hotelGroupTopbar p .fa {
margin-right:10px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone .fa {
font-size:18px;
position:relative;
top:1px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
position:relative;
top:-1px
}
.hotelGroupTopbar p a {
color:#4f4f4f;
text-decoration:none;
transition:all .3s ease
}
.hotelGroupTopbar p a:focus,.hotelGroupTopbar p a:hover {
color:var(--secondary-color);
;
text-decoration:none
}
.hotelGroupTopbar p.hotelGroupTopbarSocial {
font-size:16px
}
.hotelGroupTopbar p.hotelGroupTopbarSocial .fa {
margin-right:0
}
.hotelGroupTopbar .gTranslate {
margin-left:10px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget {
position:relative;
font-size:0
}
.hotelGroupTheme #google_translate_element .goog-te-gadget:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
pointer-events:none;
color:#000;
font-size:18px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget a.goog-logo-link {
display:none
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
height:30px;
padding:0 30px 0 10px;
letter-spacing:.03em;
border-radius:0;
border:1px solid #d5d5d5;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
cursor:pointer;
font-size:12px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo:focus {
outline:0;
border-color:#a7a7a7
}
.hotelGroupNavbar {
position:relative;
z-index:100
}
.hotelGroupNavbar .navbar {
width:100%;
margin:0;
padding:10px 0;
display:flex;
align-items:center;
min-height:60px
}
.hotelGroupNavbar .navbar-header .navbar-brand {
height:auto
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:90px
}
.hotelGroupNavbar .navbar-collapse {
padding:0!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
width:inherit;
align-items:center;
padding-right:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:5px 0 0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
line-height:1;
color:#30353e;
text-transform:uppercase;
letter-spacing:.03em;
transition:all .3s ease;
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:active,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:focus,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:hover,.hotelGroupNavbar .navbar.navbar-plain ul.nav li.active a {
color:var(--secondary-color);
;
background-color:transparent
}
.hotelGroupNavbar .nav .open>a,.hotelGroupNavbar .nav .open>a:focus,.hotelGroupNavbar .nav .open>a:hover {
background:none;
border:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown a .caret:after {
top:-7px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown.open a .caret:after {
top:-3px
}
.hotelGroupNavbar .dropdown-menu {
border-radius:0;
background:#FFF
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li {
display:block
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
font-weight:400;
display:block;
padding:15px 20px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdownRight .dropdown-menu {
left:auto;
right:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-family:Bellota;
background:var(--primary-color);
border:1px solid var(--primary-color);
color:#fff;
box-shadow:none;
border-radius:0;
font-size:14px;
font-weight:700;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
transition:all .3s ease;
padding:12px 18px
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:focus,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:hover {
border-color:var(--secondary-color);
;
background:var(--secondary-color);
;
cursor:pointer;
color:#fff;
text-decoration:none;
box-shadow:none;
outline:0
}
.hotelGroupSlideshowContainer {
color:#FFF
}
.hotelGroupSlideshowContainer p,.hotelGroupSlideshowContainer a {
color:#FFF
}
.hotelGroupSlideshowContainer .carousel-inner>.item {
transition:none;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item img {
animation:bloomEffects 1s ease;
animation-fill-mode:forwards
}
@keyframes bloomEffects {
0% {
transform:scale(1)
}
100% {
transform:scale(1.1)
}
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:60px;
font-weight:700;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
font-size:18px;
font-weight:400;
line-height:1.4;
letter-spacing:.06em;
margin:0 auto 60px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
background:#000;
border-color:#000
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
font-family:Chakra Petch;
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
background-color:transparent;
color:#fff;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto;
height:50px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:active {
background-color:#FFF;
border-color:#FFF;
color:#000
}
.hotelGroupSlideshow {
max-height:600px;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupSlideshowContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
background:#000;
border:1px solid #000
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:auto;
right:0
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
left:auto;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li:hover,.hotelGroupSlideshowContainer .carousel-indicators li:focus,.hotelGroupSlideshowContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupSlideshowContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupSlideshowContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBookingContainer {
position:relative;
background:#1b1b1b;
color:#FFF;
padding:40px 0
}
.hotelSubGroupTheme.hotelGroupBookingContainer {
position:relative;
background:var(--secondary-color);
;
color:#FFF
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0 30px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupBookingContainer .boxnew {
width:100%;
text-align:center
}
.hotelGroupBookingContainer .boxnew p {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupBookingContainer .boxnew p label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p input {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupBookingContainer .boxnew p select {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
font-family:Bellota;
font-size:18px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:50px;
border-radius:0;
padding:10px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:var(--secondary-color);
!important;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn {
background-color:#000;
color:#fff;
border:1px solid #000
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupBookingContainer .boxnew p br {
display:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:25px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:25px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1) {
max-width:300px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(4) {
margin-top:28px
}
.hotelGroupTheme .bbres_fieldset,.hotelGroupTheme .HGCalender,.hotelGroupTheme .HGBEBtn {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select,.hotelGroupTheme .HGSelectOuter {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:300px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select:before,.hotelGroupTheme .HGSelectOuter:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:20px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupTheme .bbres_fieldset label,.hotelGroupTheme .bbres_select label,.hotelGroupTheme .form-control label,.hotelGroupTheme .HGSelectOuter label,.hotelGroupTheme .HGCalender label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset input,.hotelGroupTheme .HGCalender input,.hotelGroupTheme input.form-control {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme textarea.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:auto;
background:#fff;
width:100%;
padding:20px;
border-radius:0;
font-size:13px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger {
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
font-size:0;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px
}
.hotelGroupTheme .HGCalender:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupTheme .bbres_select select,.hotelGroupTheme .HGSelectOuter select,.hotelGroupTheme select.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupTheme input.form-control:focus,.hotelGroupTheme select.form-control:focus,.hotelGroupTheme select:focus,.hotelGroupTheme textarea.form-control:focus,.hotelGroupTheme textarea:focus {
border-color:#152161;
background:#fff;
outline:0
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn,.hotelGroupTheme .HGBEBtn #bb_resBtn {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
line-height:1.8;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:#000;
color:#fff;
border:1px solid #000;
height:50px;
border-radius:0;
padding:15px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn:active,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:focus,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:hover,.hotelGroupTheme .HGBEBtn #bb_resBtn:active,.hotelGroupTheme .HGBEBtn #bb_resBtn:focus,.hotelGroupTheme .HGBEBtn #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupWelcomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupWelcomeInner {
display:flex;
align-items:center
}
.hotelGroupWelcomeContent {
width:48%
}
.hotelGroupWelcomeImgOuter {
width:52%;
padding-left:100px
}
.hotelGroupPropertyContainer {
position:relative;
padding:1px 0;
display:flex;
justify-content:center
}
.hotelGroupPropertyInner {
position:relative;
display:flex;
min-height:600px;
flex-flow:row wrap;
max-width:1600px
}
.hotelGroupPropertyContainerAlter .hotelGroupPropertyInner {
flex-direction:row-reverse
}
.hotelGroupPropertyImage {
width:60%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.hotelGroupPropertyContent {
width:40%;
padding:60px;
display:flex;
flex-flow:column;
justify-content:center;
text-align:left
}
h3.hotelGroupPropertyContentTitle {
margin:0 0 30px;
font-size:42px;
line-height:1.2;
letter-spacing:2px;
color:#30353e
}
p.hotelGroupPropertyContentText {
color:inherit;
margin:0 0 50px;
font-size:17px;
line-height:1.8;
letter-spacing:.03em
}
.hotelGroupHomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupHomeContainer .hotelGroupHomeContent {
text-align:center
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:60px;
padding-top:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:16px;
line-height:2
}
.hotelGroupAmenityContainer {
position:relative;
background:var(--primary-color);
color:#FFF;
padding:80px 0 40px;
text-align:center
}
.hotelGroupAmenityContainer {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f06b6379b36d_bannerImg002.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupAmenityContainer h2,.hotelGroupAmenityContainer h3,.hotelGroupAmenityContainer h4,.hotelGroupAmenityContainer p {
color:#FFF
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px;
padding-top:30px
}
.hotelGroupAmenityContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#e6c6a1;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupAmenityBtnOuter {
margin:60px 0 0
}
.hotelGroupAmenityList {
display:flex;
flex-flow:row wrap;
align-items:flex-start;
justify-content:flex-start
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
position:relative;
display:flex;
text-align:left;
padding:40px;
align-items:flex-start;
width:33%;
justify-content:flex-start;
margin:0;
align-items:center
}
.hotelGroupAmenityItemImg {
min-width:60px;
min-height:60px;
background:rgb(0 0 0 / .2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
margin:0 10px 0 0
}
.hotelGroupAmenityItemImg img {
max-width:30px;
max-height:30px
}
.hotelGroupAmenityItemContent h3 {
margin:0 0 6px;
font-weight:600;
letter-spacing:1px;
font-size:20px;
line-height:1
}
.hotelGroupAmenityItemContent p {
margin:0;
font-size:14px;
letter-spacing:.03em
}
body .hotelGroupFooter {
background:#1b1b1b;
color:#c5c5c5
}
.hotelGroupFooter .HGfooterTitle {
color:#FFF;
font-family:Bellota;
font-size:24px;
letter-spacing:3px;
font-weight:700;
text-transform:uppercase;
margin:0 0 30px
}
.hotelGroupFooter ul.list-basic li a:not(.btn) {
color:#c5c5c5;
text-decoration:none
}
.hotelGroupFooter ul.list-basic li a:not(.btn):hover,.hotelGroupFooter ul.list-basic li a:not(.btn):focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic {
display:flex;
flex-flow:row wrap
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic li {
width:50%
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic {
display:flex;
flex-flow:column
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic li {
width:initial
}
body .hotelGroupFooterbtm {
background:#101010;
color:#c5c5c5;
padding:10px 0;
font-size:14px
}
body .hotelGroupFooterbtm .footerBtmInner {
display:flex;
justify-content:space-between;
align-items:center
}
body .hotelGroupFooterbtm p {
margin:0;
font-family:Chakra Petch
}
body .hotelGroupFooterbtm p a {
color:#c5c5c5;
text-decoration:none
}
body .hotelGroupFooterbtm p a:hover,body .hotelGroupFooterbtm p a:focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterContact ul.list-basic li {
position:relative;
padding-left:30px
}
body .hotelGroupFooter p,body .hotelGroupFooter ul li,body .hotelGroupFooter p a {
margin-bottom:10px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
color:#c5c5c5;
letter-spacing:.03em
}
body .hotelGroupFooter .HGfooterContact li .fa {
position:absolute;
left:0;
top:3px;
font-size:20px;
font-weight:400;
line-height:1
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial {
margin:10px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial li .fa {
position:relative;
top:initial
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-map-marker {
left:2px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-envelope-open-o {
font-size:14px;
left:1px;
top:4px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-mobile {
font-size:22px;
left:3px;
top:1px
}
.hotelGroupRoomContainer {
padding:80px 0
}
.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-end
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
position:relative;
z-index:1;
width:80%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:600px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
position:absolute;
right:10px;
bottom:70px;
width:50px;
z-index:2;
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #000;
background:#000;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators {
background:none;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
position:absolute;
width:600px;
background:#FFF;
padding:30px;
left:0;
top:50%;
display:block;
z-index:2;
transform:translateY(-50%);
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:48px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupRoomContainer .hotelGroupRoomContentText {
margin:0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities {
margin:20px 0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic {
display:flex;
flex-flow:row wrap
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic li {
width:50%;
display:flex;
align-items:center;
margin:0 0 15px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesImg img {
max-height:24px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesTxt p {
margin:0 0 0 10px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice {
margin:0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice strong {
font-size:22px;
font-weight:700;
margin:0;
letter-spacing:-.02em
}
.hotelGroupRoomContainer .hotelGroupRoomPrice span {
border-bottom:1px dashed;
cursor:help;
margin:0 0 0 5px
}
.hotelGroupRoomContainerAlter .hotelGroupRoomInner {
justify-content:flex-start
}
.hotelGroupRoomContainerAlter .hotelGroupRoomContent {
left:auto;
right:0
}
.hotelGroupRoomContainerAlter .hotelGroupRoomImage .carouselNavOuter {
right:auto;
left:10px
}
.hotelGroupTheme .mapWrapper iframe {
margin:0;
padding:0;
outline:0;
border:0;
display:inline-block;
vertical-align:top
}
.hotelGroupGalleryContainer {
padding:0 0 80px;
text-align:center
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:80px
}
.hotelGroupBody .modal-dialog {
margin:15px auto 0;
max-width:900px!important
}
.hotelGroupBody .modal-header {
padding:0;
border-bottom:0 solid #e5e5e5;
background:0
}
.hotelGroupBody .modal-title {
display:none
}
.hotelGroupBody .modal button.close {
z-index:110;
right:10px;
top:10px;
outline:0
}
.hotelGroupBody .modal button.close:focus,.hotelGroupBody .modal button.close:hover {
outline:0
}
.hotelGroupBody .ekko-lightbox-nav-overlay .glyphicon {
height:100%;
display:flex;
align-items:center;
text-align:right
}
.hotelGroupBody .glyphicon.glyphicon-chevron-left {
justify-content:flex-start
}
.hotelGroupBody .glyphicon.glyphicon-chevron-right {
justify-content:flex-end
}
.hotelGroupBody .ekko-lightbox-nav-overlay a:focus,.hotelGroupBody .ekko-lightbox-nav-overlay a:hover {
text-decoration:none
}
.hotelGroupBody .modal-dialog img {
width:100%
}
.hotelGroupBody .modal-dialog .ekko-lightbox-container {
max-height:550px;
overflow:hidden
}
.hotelGroupHeadBlock {
padding:60px 0;
text-align:center
}
.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
margin:0
}
.hotelGroupPageTitle {
padding:100px 0;
color:#FFF;
background-color:rgba(0,0,0,0);
background-position:50% 60%
}
.hotelGroupPageTitle h2 {
color:#FFF;
text-align:center;
margin:0
}
.hotelGroupPageTitle h2 span {
color:#FFF;
font-family:Chakra Petch;
margin:10px 0 0
}
.hotelGroupContactContainer {
padding:80px 0
}
.hotelGroupContactContainer .form-group,.hotelGroupContactContainer .input-group {
margin:0 0 20px
}
.hotelGroupContactContainer h3 {
font-size:28px;
font-weight:700;
letter-spacing:1px;
margin:0 0 20px;
color:#30353e
}
.hotelGroupContactContainer h3.hotelGroupContactHeading {
margin:0 0 10px
}
.hotelGroupContactContainer p.hotelGroupContactDesc {
margin:0 0 40px
}
.hotelGroupContactDetails ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactDetails p,.hotelGroupContactDetails ul li,.hotelGroupContactDetails p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactDetails li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactDetails ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
.hotelGroupContactDetails li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactDetails li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactDetails li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn) {
color:#4f4f4f
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding-left:30px
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial .HGfooterSocial li .fa {
position:relative;
top:initial
}
.hotelGroupContactlistContainer {
background:#f8f8f8;
padding:80px 0
}
.hotelGroupContactlistContainer .hotelGroupContactblock {
position:relative;
padding:30px;
background:#FFF;
box-shadow:0 7px 12px -4px rgba(0,0,0,.1);
margin:0 5px
}
.hotelGroupContactlistContainer .hotelGroupContactblock a {
white-space:normal;
word-break:break-all
}
.hotelGroupContactlistContainer .hotelGroupContactblock h4 {
margin:0 0 30px;
font-size:22px;
font-weight:700
}
.hotelGroupContactlistContainer ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactlistContainer p,.hotelGroupContactlistContainer ul li,.hotelGroupContactlistContainer p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactlistContainer li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactlistContainer ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 10px 0 0
}
.hotelGroupContactlistContainer li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactlistContainer li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactlistContainer li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding:0;
margin:0 15px 0 0
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li .fa {
position:relative
}
.hotelGroupAboutSliderContainer {
padding:80px 0
}
.hotelGroupAboutWelcomeContainer {
padding:0 0 80px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption h3 {
font-size:54px;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption p {
font-size:16px;
font-weight:400;
line-height:1.8;
letter-spacing:.05em;
margin:0 auto 60px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn {
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:active {
background:#FFF;
color:#000
}
.hotelGroupAboutSliderContainer .carousel-inner .item [data-component=image]:before {
content:"";
top:0;
left:0;
right:0;
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.54);
z-index:1;
display:none
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
background:#000;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupAboutSliderContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li:hover,.hotelGroupAboutSliderContainer .carousel-indicators li:focus,.hotelGroupAboutSliderContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupAboutSliderContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupAboutSliderContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a:hover,.hotelGroupBody .ui-datepicker.ui-widget-content td a:focus,.hotelGroupBody .ui-datepicker.ui-widget-content td a:active {
text-decoration:none
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a.ui-state-active {
background:var(--secondary-color);
;
color:#fff;
text-decoration:none
}
.hotelGroupthankyouPage {
padding:80px 0;
text-align:center
}
.hotelSubGroupContentContainer {
padding:80px 0;
text-align:center
}
.hotelGroupContentContainer {
padding:80px 0 0;
text-align:center
}
.hotelSubGroupContentContainer .hotelGroupRoomContent {
padding:50px
}
.hotelSubGroupContentContainer h2,.hotelGroupContentContainer h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:80px 0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerLast {
padding-bottom:100px
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:absolute;
right:30px;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:10px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn {
font-size:16px;
height:auto;
font-family:Bellota;
line-height:1;
padding:15px 20px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn:nth-of-type(2) {
margin-left:5px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoomAmenitiesTxt {
display:none
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:0 20px 0 0;
width:initial
}
.hotelSubGroupTheme .hotelGroupRoomAmenities {
margin:30px 0 20px
}
.hotelSubGroupTheme .hotelGroupRoomImage {
box-shadow:0 50px 40px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px;
letter-spacing:2px;
padding:30px 0 0;
text-transform:none;
color:#30353e
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
opacity:.8
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:18px;
line-height:2
}
.hotelSubGroupTheme .hotelGroupWelcomeImg {
box-shadow:0 30px 30px -20px rgba(0,0,0,.2);
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover {
box-shadow:0 30px 30px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg img {
transition:all .4s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1.03)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
padding:30px 0 0;
margin:0 0 30px;
color:#30353e
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px;
text-transform:none;
margin-bottom:60px;
padding:30px 0 0
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
margin:0;
padding:1px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper.margin-bottom-10px {
margin-bottom:0;
overflow:hidden;
position:relative
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper img {
transition:all .6s ease
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper:hover img {
transform:scale(1.1)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:before {
content:"";
background:rgba(0,0,0,.6);
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all .3s ease;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:hover:before {
top:0;
opacity:0;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a {
position:relative;
display:block
}
.hotelGroupBtnOuter {
margin:60px auto 0;
text-align:center
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
display:flex
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:50%;
padding:20px 20px 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage {
position:relative;
z-index:1;
width:initial
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent {
position:relative;
top:0;
transform:translateY(0%);
width:initial;
text-align:left
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:0;
transition:all .6s ease;
margin:40px 0 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 14px rgb(255 255 255 / .3)
}
.hotelGroupTestimonialHome {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f7c5d480856d_spa.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupTestimonialHome .overly,.hotelGroupAmenityContainer .overly {
background:rgba(0,0,0,.6)
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter {
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:80%;
margin:0 auto
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-family:Bellota;
font-weight:400;
font-size:18px;
color:#FFF;
line-height:2;
letter-spacing:1px;
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
content:'\f10d';
font-family:fontAwesome;
font-size:72px;
margin:0;
opacity:.3;
position:absolute;
left:-50px;
top:-30px;
line-height:1
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
position:relative;
margin:0 auto;
left:0;
right:0;
top:0;
width:100%;
padding:50px
}
.hotelGroupTestimonialHome .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF;
display:none
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:hover,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:focus,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupTestimonialHome .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupTestimonialHome .carousel-indicators {
background:none;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li:hover,.hotelGroupTestimonialHome .carousel-indicators li:focus,.hotelGroupTestimonialHome .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupTestimonialHome .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupTestimonialHome .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupTestimonialHome .nav-indicators-in .carousel-indicators-wrapper {
right:0;
left:0;
bottom:-30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption h3 {
letter-spacing:1px
}
.hotelGroupTestimonialHome h2 {
color:#FFF;
text-align:center
}
.hotelGroupTestimonialHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#FFF;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-40px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionHome {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupAttractionHomeInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupAttractionBlock {
position:relative;
width:calc(33.33% - 40px);
margin:0 20px;
overflow:hidden
}
.hotelGroupAttractionImg {
position:relative;
z-index:1
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:400px;
transition:all .6s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:absolute;
bottom:-90px;
left:0;
background:rgba(0,0,0,.6);
display:block;
color:#FFF;
z-index:2;
padding:20px;
transition:all .3s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionContent {
bottom:0
}
.hotelGroupAttractionContent p {
color:#FFF
}
.hotelGroupAttractionHome h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupAttractionHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionContent h3 {
margin:0 0 15px;
letter-spacing:1px;
font-size:26px;
color:#fff
}
.hotelGroupAttractionContent p {
color:#FFF;
font-size:14px;
letter-spacing:.03em;
margin:0
}
.hotelGroupPropertyContainer {
padding:80px 0 80px
}
.hotelGroupPropertyPage.hotelGroupPropertyContainer {
padding:0 0 80px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupPropertyContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupPropertyContainerInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyBlock {
width:33%;
margin:0 20px;
position:relative;
overflow:hidden
}
.hotelGroupPropertyBlock:after {
content:"";
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
transition:all .3s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover:after {
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:450px;
transition:all .8s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1.1)
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
text-align:center;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:11;
background:rgba(0,0,0,.5);
opacity:1;
transition:all .3s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:0
}
.hotelGroupPropertyBlock a {
color:var(--secondary-color)
}
.hotelGroupPropertyBlock h3 {
letter-spacing:1px;
font-size:24px;
font-weight:400;
margin:0;
color:#FFF
}
.hotelGroupPropertyBlock p {
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#909090
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
font-size:13px;
text-transform:none;
letter-spacing:.03em;
margin:20px 0 0
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockLabel {
margin:0 0 10px;
font-size:12px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
display:flex;
flex-flow:column;
align-items:flex-start;
border:1px solid;
padding:30px;
position:absolute;
left:0;
top:-100%;
z-index:11;
width:100%;
height:100%;
max-height:450px;
transition:all .6s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockContent {
top:0;
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:absolute;
bottom:-100%;
left:30px;
z-index:11;
transition:all .6s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:30px
}
.hotelGroupPropertyLogoContainer {
padding:20px 0
}
.hotelGroupPropertyLogoInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyLogo {
margin:20px
}
.hotelGroupPropertyLogo img {
max-height:80px;
transition:all .6s ease;
opacity:.6
}
.hotelGroupPropertyLogo:hover img {
opacity:1
}
.hotelGroupRewardContainer {
padding:100px 0;
background-image:url(images/uploads/1/5f7ef5d09cd88_gift.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment:fixed
}
.hotelGroupRewardContainer:before {
content:"";
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
position:absolute;
left:0;
right:0;
top:0;
pointer-events:none;
width:100%;
height:100%
}
.hotelGroupRewardContainer h2 {
color:#FFF;
margin:0 0 10px;
text-transform:none
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupRewardContainer p {
color:#FFF;
margin:0;
letter-spacing:.06em;
font-size:14px
}
.hotelGroupRewardContainer .btn-secondary {
letter-spacing:2px
}
.hotelGroupContentsContainer {
padding:60px 0
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
position:relative;
padding:80px 0;
text-align:center;
background:inherit
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer:before {
content:"";
display:none
}
.hotelGroupAmenityPage .hotelGroupAmenityItemContent h3,.hotelGroupAmenityPage .hotelGroupAmenityItemContent p {
color:#30353e
}
.hotelGroupAmenityPage .hotelGroupAmenityItemImg {
background:none;
border:0;
align-items:flex-start;
padding:0;
min-height:initial;
min-width:initial
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:80px 0 0
}
.hotelGroupAttractionPage.hotelGroupAttractionHome {
background:inherit;
padding-top:40px
}
.hotelGroupTheme .tooltip {
white-space:nowrap
}
.hotelGroupTheme .tooltip .tooltip-inner {
background-color:#000;
font-size:10px;
letter-spacing:.05em
}
.hotelGroupTheme .tooltip.top .tooltip-arrow {
bottom:1px;
border-top-color:#000
}
.hotelGroupTheme .tooltip.top-left .tooltip-arrow,.hotelGroupTheme .tooltip.top-right .tooltip-arrow,.hotelGroupTheme .tooltip.top .tooltip-arrow {
border-top-color:#000
}
.hotelSubGroupNavbar {
background:#1b1b1b
}
.hotelSubGroupNavbar .navbar-nav>li>a {
padding:15px;
color:#FFF;
line-height:1;
font-size:13px;
letter-spacing:.05em;
transition:all .3s ease
}
.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:var(--secondary-color);
;
color:#FFF
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:1px solid #424242
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a {
font-weight:700
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active {
background:#1b1b1b
}
.hotelGroupRestaurantContainer {
padding:80px 0
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:36px;
text-transform:none
}
.hotelSubGroupRestaurantPage {
padding:80px 0 0;
text-align:center
}
.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupRestaurantPage p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelGroupRestaurantBlock {
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:row-reverse
}
.hotelGroupRestaurantImg {
width:50%;
overflow:hidden
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
max-height:400px;
min-height:400px;
width:100%;
transition:all .3s ease
}
.hotelGroupRestaurantBlock:hover .hotelGroupRestaurantImg img {
transform:scale(1.1)
}
.hotelGroupRestaurantContent {
width:50%;
padding:40px;
border:1px solid #dedede;
min-height:400px;
max-height:400px;
display:flex;
flex-flow:column;
justify-content:center
}
.hotelGroupRestaurantContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.hotelGroupRestaurantContent p {
margin-bottom:30px
}
.hotelGroupBanquetsContainer {
padding:80px 0
}
.hotelGroupBanquetsInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupBanquetsBlock {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:calc(50% - 40px);
margin:0 20px 60px;
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease;
overflow:hidden
}
.hotelGroupBanquetsBlock:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelGroupBanquetsImg {
position:relative;
z-index:1;
max-height:350px;
overflow:hidden
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 24px rgb(255 255 255 / .3)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
min-height:350px;
max-height:350px;
transition:all .6s ease
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1.1)
}
.hotelGroupBanquetsContent {
background:#FFF;
transition:all .3s ease;
padding:30px
}
.hotelGroupBanquetsContent h3 {
font-size:32px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupBanquetsContent p {
margin:0
}
.hotelGroupNavbar .navbar-header #subNavicon {
display:none
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:none
}
.hotelGroupCovidpage {
padding:80px 0
}
.hotelGroupCovidpage h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupCovidpage p {
margin-bottom:20px
}
.hotelGroupTheme .nomargintop {
margin-top:0!important
}
.helloBarContainer {
background:var(--primary-color);
color:#FFF;
text-align:center;
padding:15px 0
}
.helloBarContainer p {
margin:0;
line-height:1;
font-size:14px;
color:#FFF
}
.helloBarContainer p .fa {
margin:0 10px 0 0
}
.helloBarContainer p a {
color:#FFF;
text-transform:uppercase;
font-weight:600;
margin:0 0 0 20px;
text-decoration:none;
border-bottom:1px solid #FFF
}
.helloBarContainer p a:hover,.helloBarContainer p a:focus {
color:#FFF;
text-decoration:none;
border-bottom-color:rgba(255,255,255,.5)
}
.helloBarContainer a.helloBarClose {
cursor:pointer;
color:rgba(255,255,255,.5);
font-size:24px;
font-weight:300;
line-height:1;
margin:0 0 0 20px;
transition:all .2s ease-out
}
.helloBarContainer a.helloBarClose:hover,.helloBarContainer a.helloBarClose:focus {
text-decoration:none;
color:rgba(255,255,255,1)
}
.helloBarInner {
position:relative;
z-index:11;
display:flex;
justify-content:center;
align-items:center
}
.rewardsTopcontainer {
padding:80px 0
}
.rewardsTopcontainerInner {
display:flex;
flex-flow:row-reverse
}
.rewardsTopcontainerImage {
width:55%;
padding-left:50px
}
.rewardsTopcontainerContent {
width:45%
}
.rewardsTopcontainerContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.rewardsOffers {
background:var(--primary-color);
color:#FFF;
padding:80px 0
}
.rewardsForm {
max-width:500px;
margin:0 auto
}
.rewardsForm h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px;
text-align:center
}
.hotelGroupAmenityContainer.rewardsOffers:before {
background-image:url(images/uploads/1/5f92a8c42060e_gift4.jpg)
}
.hotelGroupTheme.privacyPage {
padding:80px 0
}
.hotelGroupTheme.privacyPage h2 {
font-size:32px;
font-weight:700;
color:#30353e;
text-transform:none;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupTheme.privacyPage p {
}
.hotelGroupTheme.privacyPage p strong {
font-size:18px;
margin-top:20px;
margin-bottom:5px;
display:inline-block
}
.hotelGroupTheme ul.privacyList {
margin:30px 0
}
.hotelGroupTheme ul.privacyList li {
margin-bottom:10px
}
.hotelGroupTheme ul.privacyList li:last-of-type {
margin-bottom:0
}
.hotelSubGroupAboutSliderContainer {
padding:40px 0 80px
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display:none
}
.grecaptcha-badge {
display:none!important
}
.boxnew button.btn.crssearchbtn:hover {
background:#45b5c6!important
}
.hotelgroup-subnavbar {
position:sticky;
z-index:99;
top:0
}
.group-row {
display:flex;
align-items:center
}
div#gallery2 img {
min-height:230px;
max-height:230px;
min-width:387px;
height:100%;
width:100%
}
.ekko-lightbox-container img {
min-width: 1000px;
min-height: 600px;
max-height: 600px;
height:100%;
width:100%
}
.modal-dialog{
max-width: 1000px !important;
}
@media(min-width:1601px) {
.hotelGroupSlideshowContainer .carousel .item img {
width:100%
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
}
@media(max-width:1199px) {
.hotelGroupNavbar .navbar-header .navbar-brand a {
max-width:200px
}
.hotelGroupNavbar .container {
padding:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
padding:0;
margin:0;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar .navbar-buttons {
margin:0 0 0 15px!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-size:12px;
padding:10px;
margin:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-centered .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left-right .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons {
min-height:initial;
min-width:initial
}
.hotelGroupNavbar .navbar {
padding:0;
border:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar-header {
float:none;
width:100%;
padding:0;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
border-bottom:1px solid #efefef
}
.hotelGroupNavbar .navbar-header .navbar-brand {
min-height:initial;
height:initial;
max-width:initial;
padding:0;
margin:0 10px 0 0;
width:calc(100% - 80px)
}
.hotelGroupNavbar .navbar-header .navbar-toggle {
width:50px;
float:none;
margin:0;
padding:0;
font-size:24px;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar-header .navbar-toggle.collapsed .fa-bars:before {
content:"\F0C9"
}
.hotelGroupNavbar .navbar-header .navbar-toggle .fa-bars:before {
content:"\F00D"
}
.hotelGroupNavbar .navbar-header #subNavicon {
width:50px;
float:none;
margin:0;
padding:0;
color:#4f4f4f;
font-size:24px;
text-align:center;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
display:none!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse.in {
display:block!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:20px 10px;
margin:0;
box-shadow:none;
min-width:100%;
width:100%;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li {
display:block;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.open {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav .dropdown.open>a {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
padding:10px 30px;
text-transform:none
}
.hotelSubGroupNavbar {
background:#FFF
}
.hotelSubGroupNavbar #subGroupNavigation {
padding:0;
margin:0 -15px
}
.hotelSubGroupNavbar #subGroupNavigation.collapse {
display:none!important
}
.hotelSubGroupNavbar #subGroupNavigation.collapse.in {
display:block!important
}
.hotelSubGroupNavbar #subGroupNavigation .navbar-nav {
float:none;
padding:20px
}
.hotelSubGroupNavbar .navbar-nav>li {
display:block;
float:none
}
.hotelSubGroupNavbar .navbar-nav>li>a {
font-family:Chakra Petch;
color:#30353e;
font-size:14px;
font-weight:600;
padding:10px 0
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:60px
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:0
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active,.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:#FFF;
color:var(--secondary-color)
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:block;
margin:0 20px 20px 20px
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow.navbar-buttons>* {
display:block
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow .btn {
font-size:15px;
line-height:1;
padding:15px 20px
}
.hotelGroupWelcomeContent {
width:50%
}
.hotelGroupWelcomeImgOuter {
width:50%;
padding-left:50px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:16px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
position:relative;
font-size:40px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
flex-direction:column;
justify-content:center
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
margin:0 auto;
width:90%
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2)
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:90%;
margin:0 auto;
position:relative;
top:0;
transform:translateY(0%)
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:36px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:400px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding:40px 0 60px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:60px 0 0
}
.hotelGroupContactContainer {
padding:60px 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:50%;
padding-bottom:0;
margin:20px 0
}
.hotelGroupContactlistContainer {
padding:60px 0
}
.hotelGroupFormContainer {
max-width:100%
}
.hotelGroupRestaurantContent {
max-height:initial
}
.hotelGroupRestaurantBlock {
align-items:stretch
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:100%;
max-height:initial
}
.hotelGroupCovidpage {
padding:40px 0
}
}
@media(max-width:991px) {
.group-row {
display:flex
}
body.hotelGroupBody #page {
overflow-x:hidden
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
display:none
}
.hotelGroupTopbar .hotelGroupTopbarLeft .inline-wrapper {
justify-content:flex-start
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper {
justify-content:flex-end
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper>[data-component=image] {
display:none
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:36px
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
display:none
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
display:none
}
.hotelGroupBookingContainer #bb_resBookingBox {
flex-direction:column
}
.hotelGroupBookingContainer .boxnew p {
max-width:300px;
margin:15px 0
}
.hotelGroupTheme h2 {
font-size:42px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:60px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span {
position:relative;
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:30px
}
.hotelGroupPropertyContainerInner {
flex-flow:row wrap
}
.hotelGroupPropertyBlock {
width:calc(50% - 40px);
margin-bottom:30px
}
.hotelGroupAttractionBlock {
width:calc(50% - 40px)
}
.hotelGroupAttractionHome {
padding:60px 0
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:column;
margin:40px 20px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupRestaurantImg {
width:initial
}
.hotelGroupRestaurantContent {
width:initial;
min-height:initial;
max-height:initial;
padding:30px
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:initial;
max-height:initial
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:36px;
top:-10px
}
.hotelGroupWelcomeContainer {
padding:60px 0
}
.hotelGroupWelcomeInner {
flex-direction:column
}
.hotelGroupWelcomeContent {
width:initial;
text-align:center
}
.hotelGroupWelcomeImgOuter {
width:initial;
padding-left:0;
margin:40px auto 0;
max-width:600px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
flex-direction:column
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
width:initial
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
flex-direction:column;
text-align:center
}
.hotelGroupAmenityItemImg {
margin:0 auto 30px
}
.hotelGroupGalleryContainer {
padding-bottom:60px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:60px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:flex;
flex-flow:row wrap;
justify-content:center
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:33.33%
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:100%
}
.hotelGroupTestimonialHome h2 span {
font-size:30px;
top:-30px
}
body .hotelGroupFooter .col-sm-4 {
width:100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 30px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
display:none
}
.hotelGroupHeadBlock {
padding-bottom:30px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:42px
}
.hotelGroupBookingContainer .boxnew p input {
height:40px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
bottom:6px
}
.hotelGroupBookingContainer .boxnew p select {
height:40px
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
height:44px
}
.hotelGroupPageTitle {
padding:80px 0
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2 {
font-size:32px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:350px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:auto;
margin:40px 0 0
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
width:100%;
left:0;
right:0;
bottom:auto;
top:45%;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:auto;
right:auto;
left:5px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.right.carousel-control {
left:auto;
right:5px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:100%
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
width:100%
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
display:none
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:30px 0
}
.hotelSubGroupContentContainer {
padding:60px 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
margin:0 10px
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p,.hotelGroupTheme p {
font-size:15px
}
.hotelGroupContactDetails li .fa.fa-map-marker {
top:0
}
.hotelGroupContactDetails {
margin:60px 0 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:100%;
margin:30px 0
}
.hotelGroupContactlistContainer {
padding:40px 0
}
.hotelGroupContentContainer {
padding-top:60px
}
.hotelGroupContentContainer h2 {
font-size:36px
}
.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupRestaurantBlock {
align-items:initial
}
.hotelGroupBanquetsBlock {
width:100%;
margin:0 10px 60px
}
.hotelGroupBanquetsBlock:last-of-type {
margin-bottom:0
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
max-height:initial;
min-height:initial
}
.rewardsTopcontainer {
padding:60px 0
}
.rewardsTopcontainerInner {
flex-direction:column
}
.rewardsTopcontainerImage {
width:initial;
padding-left:0;
margin:0 auto 30px
}
.rewardsTopcontainerContent {
width:initial
}
.hotelGroupTheme.privacyPage {
padding:40px 0
}
.hotelGroupAboutSliderContainer {
padding:50px 0
}
.hotelGroupAboutWelcomeContainer {
padding-bottom:50px
}
}
@media(max-width:767px) {
.ekko-lightbox-container img {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
div#gallery2 img {
min-height:100%;
max-height:100%;
min-width:100%
}
.hotelGroupNavbar .navbar-two {
padding:10px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:block
}
#whatsapp-message {
bottom:90px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupSlideshowContainer .carouselNavOuter {
width:100%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
left:10px;
right:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
top:auto;
bottom:10px;
left:auto;
right:10px
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:relative;
bottom:auto;
background:#FFF;
color:#4f4f4f;
min-height:200px
}
.hotelGroupAttractionContent h3 {
font-size:24px;
font-weight:600
}
.hotelGroupAttractionContent p {
color:#4f4f4f
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:initial
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column;
justify-content:center;
text-align:center
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1)
}
.hotelGroupAmenityItemContent h3 {
margin-bottom:15px
}
.hotelGroupContactContainer {
padding:40px 0
}
.hotelGroupPageTitle h2 span {
line-height:1.6
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1)
}
.CovidpageInner {
padding:0 10px
}
.hotelGroupCovidpage h3 {
font-size:28px
}
.rewardsTopcontainer {
padding:40px 0
}
.rewardsTopcontainerInner {
padding:0 10px
}
.hotelGroupTheme ul.privacyList {
padding:0 0 0 20px
}
.privacyPageInner {
padding:0 10px
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
display:none
}
}
@media(max-width:640px) {
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
display:none
}
.hotelGroupRewardContainer {
padding:80px 0
}
.hotelGroupRestaurantContainer {
padding:60px 0
}
.hotelGroupPropertyBlock {
width:100%;
border:1px solid #e0e0e0
}
.hotelGroupPropertyBlockImg {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
position:relative;
top:0;
max-height:450px;
opacity:1;
border-color:#e0e0e0
}
.hotelGroupPropertyBlock h3 {
color:#30353e;
font-weight:600
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
margin-top:15px;
font-size:14px;
font-weight:400
}
.hotelGroupAttractionBlock {
width:100%;
box-shadow:0 3px 6px -1px rgba(0,0,0,.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
min-height:initial;
padding:30px
}
.hotelGroupAttractionImg {
max-height:350px;
overflow:hidden
}
.hotelGroupAttractionContent h3 {
color:#fff;
font-size:30px
}
.hotelGroupRewardInner {
padding:0 10px
}
.hotelGroupPropertyLogoInner {
flex-flow:row wrap
}
.hotelGroupPropertyLogo {
width:calc(50% - 40px)
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:initial
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:50px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
max-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:relative;
bottom:0;
left:25px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:25px;
border:0
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 30px
}
.hotelGroupTheme .btn.btn-primary {
padding:14px 18px;
font-size:15px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
background:rgba(0,0,0,.3)
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:1
}
.hotelGroupPropertyBlock:hover:after {
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1)
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:300px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:30px;
margin-bottom:15px
}
.hotelGroupPageTitle {
padding:60px 0
}
.hotelGroupPageTitle h2 {
font-size:32px
}
.hotelGroupPageTitle h2 span {
font-size:14px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelSubGroupRestaurantPage h2 {
font-size:30px;
letter-spacing:.03em
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-top:0
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:60px 0 0
}
.hotelGroupCovidpage h3 {
margin-top:30px
}
.hotelGroupAmenityItemContent {
margin:0 auto
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:100%
}
.rewardsOffers.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
}
@media(max-width:580px) {
.hotelGroupSlideshowContainer .carousel .item img {
min-height:300px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:30px;
letter-spacing:2px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control,.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
bottom:-20px
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:70px
}
.hotelGroupTheme h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:15px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:30px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
margin:0
}
.hotelGroupTopbar p.hotelGroupTopbarPhone a {
margin-bottom:0
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-size:16px
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
display:block
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupPageTitle {
padding:40px 0
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:40px 10px 0
}
.hotelGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:20px 0 60px
}
.hotelGroupBanquetsContent h3 {
font-size:26px
}
.hotelGroupCovidpage h3 {
font-size:26px;
margin-bottom:15px
}
.hotelGroupTheme.privacyPage h2 {
font-size:26px
}
.hotelGroupAboutSliderInner,.hotelGroupAboutWelcomeInner {
padding:0 10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:30px;
margin-bottom:20px
}
}
@media(max-width:500px) {
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
display:block
}
}
@media(max-width:479px) {
.hotelGroupRestaurantContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:30px 10px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupPropertyBlock {
margin:20px 10px
}
.hotelGroupAttractionBlock {
margin:20px 10px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:40px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
margin-bottom:0
}
.hotelGroupAttractionHome {
padding:40px 0
}
.hotelGroupAttractionHome h2 {
margin-bottom:30px
}
.hotelGroupTheme h2 {
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:24px;
top:-10px
}
.hotelGroupAttractionContent h3 {
font-size:24px
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
padding:20px
}
.hotelGroupPropertyLogo {
width:calc(50% - 20px);
margin:10px
}
.hotelGroupRewardContainer {
padding:60px 0;
background-attachment:initial;
background-position:50% 100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 20px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:250px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:24px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2,.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:26px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
padding:20px 0
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:10px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
padding:25px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelGroupPropertyBlockImg,.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:260px
}
.hotelGroupFooter .HGfooterTitle {
font-size:20px
}
.hotelGroupTheme p {
font-size:13px
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupBtnOuter {
margin-top:40px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
margin-bottom:30px
}
.hotelGroupGalleryContainer {
padding-bottom:50px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
padding:50px 20px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
font-size:60px;
top:-20px;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:220px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelSubGroupContentContainer {
padding:40px 0 20px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:26px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding-top:40px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-bottom:40px
}
.hotelGroupBanquetsContent {
padding:20px
}
.rewardsTopcontainerContent h3,.rewardsForm h3,.rewardsForm h3 {
font-size:28px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
.helloBarContainer p a {
margin-left:10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:24px
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
bottom:20px
}
.hotelGroupAboutSliderInner .carousel .item img {
min-height:180px
}
}
@media(max-width:359px) {
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
max-width:140px
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:260px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:24px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 20px;
left:20px
}
}
* img{
object-fit: cover;
}
:root {
--primary-color:#c6ab62;
--secondary-color:#b48744;
--btn-hover:#b48744;
--white:#fff;
--primary-text-color:#333;
--black:#000;
--placeholder:#757575;
--background-color:#0f0f0f
}
body.hotelGroupBody {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f;
overflow-x:hidden
}
.yummy .col-lg-1,.yummy .col-lg-2,.yummy .col-lg-3,.yummy .col-lg-4,.yummy .col-lg-5,.yummy .col-lg-6,.yummy .col-lg-7,.yummy .col-lg-8,.yummy .col-lg-9,.yummy .col-lg-10,.yummy .col-lg-11,.yummy .col-lg-12,.yummy .col-lg-15,.yummy .col-md-1,.yummy .col-md-2,.yummy .col-md-3,.yummy .col-md-4,.yummy .col-md-5,.yummy .col-md-6,.yummy .col-md-7,.yummy .col-md-8,.yummy .col-md-9,.yummy .col-md-10,.yummy .col-md-11,.yummy .col-md-12,.yummy .col-md-15,.yummy .col-sm-1,.yummy .col-sm-2,.yummy .col-sm-3,.yummy .col-sm-4,.yummy .col-sm-5,.yummy .col-sm-6,.yummy .col-sm-7,.yummy .col-sm-8,.yummy .col-sm-9,.yummy .col-sm-10,.yummy .col-sm-11,.yummy .col-sm-12,.yummy .col-sm-15,.yummy .col-xs-1,.yummy .col-xs-2,.yummy .col-xs-3,.yummy .col-xs-4,.yummy .col-xs-5,.yummy .col-xs-6,.yummy .col-xs-7,.yummy .col-xs-8,.yummy .col-xs-9,.yummy .col-xs-10,.yummy .col-xs-11,.yummy .col-xs-12,.yummy .col-xs-15 {
padding-right:15px;
padding-left:15px;
padding-bottom:0
}
.yummy p {
margin:0
}
#whatsapp-message {
position:fixed;
margin-bottom:1vh;
bottom:35px;
right:5px;
width:65px;
height:65px;
overflow:hidden;
visibility:visible;
z-index:2147483639;
background:0;
border:0;
transition:transform .2s ease-in-out;
backface-visibility:hidden;
opacity:1;
transform:translateY(0%)
}
.hotelGroupTheme,body .hotelGroupTheme {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTheme a,.hotelGroupTheme p a {
text-decoration:none;
color:var(--primary-color)
}
.hotelGroupTheme a:hover,.hotelGroupTheme a:focus,.hotelGroupTheme p a:hover,.hotelGroupTheme p a:focus {
text-decoration:none;
color:var(--secondary-color)
}
.hotelGroupTheme .btn.btn-primary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-primary:focus,.hotelGroupTheme .btn.btn-primary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelGroupTheme .btn.btn-secondary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:transparent;
color:var(--primary-color);
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-secondary:focus,.hotelGroupTheme .btn.btn-secondary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#FFF
}
.hotelGroupTheme .h1,.hotelGroupTheme .h2,.hotelGroupTheme .h3,.hotelGroupTheme .h4,.hotelGroupTheme .h5,.hotelGroupTheme .h6,.hotelGroupTheme h1,.hotelGroupTheme h2,.hotelGroupTheme h3,.hotelGroupTheme h4,.hotelGroupTheme h5,.hotelGroupTheme h6 {
font-family:Bellota;
font-weight:400
}
.header.fixed {
position:fixed;
top:0;
box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
-webkit-box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
left:0;
right:0;
margin:0 auto;
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
.hotelGroupTheme h2 {
margin:0 0 30px;
position:relative;
color:#30353e;
margin:0 0 30px;
font-size:48px;
line-height:1.2;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase
}
.hotelGroupTheme h2 span {
display:block;
font-size:16px;
font-weight:400;
margin:0 0 10px;
color:var(--secondary-color)
}
.hotelGroupTheme p {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTopbar {
padding:12px 0;
border-bottom:1px solid #efefef
}
.hotelGroupTopbar .inline-wrapper {
align-items:center
}
.hotelGroupTopbar p {
margin:0 10px 0;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
margin-left:0
}
.hotelGroupTopbar p .fa {
margin-right:10px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone .fa {
font-size:18px;
position:relative;
top:1px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
position:relative;
top:-1px
}
.hotelGroupTopbar p a {
color:#4f4f4f;
text-decoration:none;
transition:all .3s ease
}
.hotelGroupTopbar p a:focus,.hotelGroupTopbar p a:hover {
color:var(--secondary-color);
;
text-decoration:none
}
.hotelGroupTopbar p.hotelGroupTopbarSocial {
font-size:16px
}
.hotelGroupTopbar p.hotelGroupTopbarSocial .fa {
margin-right:0
}
.hotelGroupTopbar .gTranslate {
margin-left:10px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget {
position:relative;
font-size:0
}
.hotelGroupTheme #google_translate_element .goog-te-gadget:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
pointer-events:none;
color:#000;
font-size:18px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget a.goog-logo-link {
display:none
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
height:30px;
padding:0 30px 0 10px;
letter-spacing:.03em;
border-radius:0;
border:1px solid #d5d5d5;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
cursor:pointer;
font-size:12px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo:focus {
outline:0;
border-color:#a7a7a7
}
.hotelGroupNavbar {
position:relative;
z-index:100
}
.hotelGroupNavbar .navbar {
width:100%;
margin:0;
padding:10px 0;
display:flex;
align-items:center;
min-height:60px
}
.hotelGroupNavbar .navbar-header .navbar-brand {
height:auto
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:90px
}
.hotelGroupNavbar .navbar-collapse {
padding:0!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
width:inherit;
align-items:center;
padding-right:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:5px 0 0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
line-height:1;
color:#30353e;
text-transform:uppercase;
letter-spacing:.03em;
transition:all .3s ease;
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:active,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:focus,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:hover,.hotelGroupNavbar .navbar.navbar-plain ul.nav li.active a {
color:var(--secondary-color);
;
background-color:transparent
}
.hotelGroupNavbar .nav .open>a,.hotelGroupNavbar .nav .open>a:focus,.hotelGroupNavbar .nav .open>a:hover {
background:none;
border:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown a .caret:after {
top:-7px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown.open a .caret:after {
top:-3px
}
.hotelGroupNavbar .dropdown-menu {
border-radius:0;
background:#FFF
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li {
display:block
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
font-weight:400;
display:block;
padding:15px 20px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdownRight .dropdown-menu {
left:auto;
right:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-family:Bellota;
background:var(--primary-color);
border:1px solid var(--primary-color);
color:#fff;
box-shadow:none;
border-radius:0;
font-size:14px;
font-weight:700;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
transition:all .3s ease;
padding:12px 18px
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:focus,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:hover {
border-color:var(--secondary-color);
;
background:var(--secondary-color);
;
cursor:pointer;
color:#fff;
text-decoration:none;
box-shadow:none;
outline:0
}
.hotelGroupSlideshowContainer {
color:#FFF
}
.hotelGroupSlideshowContainer p,.hotelGroupSlideshowContainer a {
color:#FFF
}
.hotelGroupSlideshowContainer .carousel-inner>.item {
transition:none;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item img {
animation:bloomEffects 1s ease;
animation-fill-mode:forwards
}
@keyframes bloomEffects {
0% {
transform:scale(1)
}
100% {
transform:scale(1.1)
}
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:60px;
font-weight:700;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
font-size:18px;
font-weight:400;
line-height:1.4;
letter-spacing:.06em;
margin:0 auto 60px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
background:#000;
border-color:#000
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
font-family:Chakra Petch;
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
background-color:transparent;
color:#fff;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto;
height:50px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:active {
background-color:#FFF;
border-color:#FFF;
color:#000
}
.hotelGroupSlideshow {
max-height:600px;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupSlideshowContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
background:#000;
border:1px solid #000
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:auto;
right:0
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
left:auto;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li:hover,.hotelGroupSlideshowContainer .carousel-indicators li:focus,.hotelGroupSlideshowContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupSlideshowContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupSlideshowContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBookingContainer {
position:relative;
background:#1b1b1b;
color:#FFF;
padding:40px 0
}
.hotelSubGroupTheme.hotelGroupBookingContainer {
position:relative;
background:var(--secondary-color);
;
color:#FFF
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0 30px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupBookingContainer .boxnew {
width:100%;
text-align:center
}
.hotelGroupBookingContainer .boxnew p {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupBookingContainer .boxnew p label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p input {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupBookingContainer .boxnew p select {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
font-family:Bellota;
font-size:18px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:50px;
border-radius:0;
padding:10px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:var(--secondary-color);
!important;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn {
background-color:#000;
color:#fff;
border:1px solid #000
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupBookingContainer .boxnew p br {
display:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:25px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:25px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1) {
max-width:300px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(4) {
margin-top:28px
}
.hotelGroupTheme .bbres_fieldset,.hotelGroupTheme .HGCalender,.hotelGroupTheme .HGBEBtn {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select,.hotelGroupTheme .HGSelectOuter {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:300px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select:before,.hotelGroupTheme .HGSelectOuter:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:20px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupTheme .bbres_fieldset label,.hotelGroupTheme .bbres_select label,.hotelGroupTheme .form-control label,.hotelGroupTheme .HGSelectOuter label,.hotelGroupTheme .HGCalender label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset input,.hotelGroupTheme .HGCalender input,.hotelGroupTheme input.form-control {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme textarea.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:auto;
background:#fff;
width:100%;
padding:20px;
border-radius:0;
font-size:13px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger {
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
font-size:0;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px
}
.hotelGroupTheme .HGCalender:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupTheme .bbres_select select,.hotelGroupTheme .HGSelectOuter select,.hotelGroupTheme select.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupTheme input.form-control:focus,.hotelGroupTheme select.form-control:focus,.hotelGroupTheme select:focus,.hotelGroupTheme textarea.form-control:focus,.hotelGroupTheme textarea:focus {
border-color:#152161;
background:#fff;
outline:0
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn,.hotelGroupTheme .HGBEBtn #bb_resBtn {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
line-height:1.8;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:#000;
color:#fff;
border:1px solid #000;
height:50px;
border-radius:0;
padding:15px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn:active,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:focus,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:hover,.hotelGroupTheme .HGBEBtn #bb_resBtn:active,.hotelGroupTheme .HGBEBtn #bb_resBtn:focus,.hotelGroupTheme .HGBEBtn #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupWelcomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupWelcomeInner {
display:flex;
align-items:center
}
.hotelGroupWelcomeContent {
width:48%
}
.hotelGroupWelcomeImgOuter {
width:52%;
padding-left:100px
}
.hotelGroupPropertyContainer {
position:relative;
padding:1px 0;
display:flex;
justify-content:center
}
.hotelGroupPropertyInner {
position:relative;
display:flex;
min-height:600px;
flex-flow:row wrap;
max-width:1600px
}
.hotelGroupPropertyContainerAlter .hotelGroupPropertyInner {
flex-direction:row-reverse
}
.hotelGroupPropertyImage {
width:60%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.hotelGroupPropertyContent {
width:40%;
padding:60px;
display:flex;
flex-flow:column;
justify-content:center;
text-align:left
}
h3.hotelGroupPropertyContentTitle {
margin:0 0 30px;
font-size:42px;
line-height:1.2;
letter-spacing:2px;
color:#30353e
}
p.hotelGroupPropertyContentText {
color:inherit;
margin:0 0 50px;
font-size:17px;
line-height:1.8;
letter-spacing:.03em
}
.hotelGroupHomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupHomeContainer .hotelGroupHomeContent {
text-align:center
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:60px;
padding-top:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:16px;
line-height:2
}
.hotelGroupAmenityContainer {
position:relative;
background:var(--primary-color);
color:#FFF;
padding:80px 0 40px;
text-align:center
}
.hotelGroupAmenityContainer {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f06b6379b36d_bannerImg002.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupAmenityContainer h2,.hotelGroupAmenityContainer h3,.hotelGroupAmenityContainer h4,.hotelGroupAmenityContainer p {
color:#FFF
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px;
padding-top:30px
}
.hotelGroupAmenityContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#e6c6a1;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupAmenityBtnOuter {
margin:60px 0 0
}
.hotelGroupAmenityList {
display:flex;
flex-flow:row wrap;
align-items:flex-start;
justify-content:flex-start
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
position:relative;
display:flex;
text-align:left;
padding:40px;
align-items:flex-start;
width:33%;
justify-content:flex-start;
margin:0;
align-items:center
}
.hotelGroupAmenityItemImg {
min-width:60px;
min-height:60px;
background:rgb(0 0 0 / .2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
margin:0 10px 0 0
}
.hotelGroupAmenityItemImg img {
max-width:30px;
max-height:30px
}
.hotelGroupAmenityItemContent h3 {
margin:0 0 6px;
font-weight:600;
letter-spacing:1px;
font-size:20px;
line-height:1
}
.hotelGroupAmenityItemContent p {
margin:0;
font-size:14px;
letter-spacing:.03em
}
body .hotelGroupFooter {
background:#1b1b1b;
color:#c5c5c5
}
.hotelGroupFooter .HGfooterTitle {
color:#FFF;
font-family:Bellota;
font-size:24px;
letter-spacing:3px;
font-weight:700;
text-transform:uppercase;
margin:0 0 30px
}
.hotelGroupFooter ul.list-basic li a:not(.btn) {
color:#c5c5c5;
text-decoration:none
}
.hotelGroupFooter ul.list-basic li a:not(.btn):hover,.hotelGroupFooter ul.list-basic li a:not(.btn):focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic {
display:flex;
flex-flow:row wrap
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic li {
width:50%
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic {
display:flex;
flex-flow:column
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic li {
width:initial
}
body .hotelGroupFooterbtm {
background:#101010;
color:#c5c5c5;
padding:10px 0;
font-size:14px
}
body .hotelGroupFooterbtm .footerBtmInner {
display:flex;
justify-content:space-between;
align-items:center
}
body .hotelGroupFooterbtm p {
margin:0;
font-family:Chakra Petch
}
body .hotelGroupFooterbtm p a {
color:#c5c5c5;
text-decoration:none
}
body .hotelGroupFooterbtm p a:hover,body .hotelGroupFooterbtm p a:focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterContact ul.list-basic li {
position:relative;
padding-left:30px
}
body .hotelGroupFooter p,body .hotelGroupFooter ul li,body .hotelGroupFooter p a {
margin-bottom:10px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
color:#c5c5c5;
letter-spacing:.03em
}
body .hotelGroupFooter .HGfooterContact li .fa {
position:absolute;
left:0;
top:3px;
font-size:20px;
font-weight:400;
line-height:1
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial {
margin:10px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial li .fa {
position:relative;
top:initial
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-map-marker {
left:2px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-envelope-open-o {
font-size:14px;
left:1px;
top:4px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-mobile {
font-size:22px;
left:3px;
top:1px
}
.hotelGroupRoomContainer {
padding:80px 0
}
.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-end
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
position:relative;
z-index:1;
width:80%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:600px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
position:absolute;
right:10px;
bottom:70px;
width:50px;
z-index:2;
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #000;
background:#000;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators {
background:none;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
position:absolute;
width:600px;
background:#FFF;
padding:30px;
left:0;
top:50%;
display:block;
z-index:2;
transform:translateY(-50%);
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:48px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupRoomContainer .hotelGroupRoomContentText {
margin:0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities {
margin:20px 0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic {
display:flex;
flex-flow:row wrap
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic li {
width:50%;
display:flex;
align-items:center;
margin:0 0 15px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesImg img {
max-height:24px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesTxt p {
margin:0 0 0 10px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice {
margin:0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice strong {
font-size:22px;
font-weight:700;
margin:0;
letter-spacing:-.02em
}
.hotelGroupRoomContainer .hotelGroupRoomPrice span {
border-bottom:1px dashed;
cursor:help;
margin:0 0 0 5px
}
.hotelGroupRoomContainerAlter .hotelGroupRoomInner {
justify-content:flex-start
}
.hotelGroupRoomContainerAlter .hotelGroupRoomContent {
left:auto;
right:0
}
.hotelGroupRoomContainerAlter .hotelGroupRoomImage .carouselNavOuter {
right:auto;
left:10px
}
.hotelGroupTheme .mapWrapper iframe {
margin:0;
padding:0;
outline:0;
border:0;
display:inline-block;
vertical-align:top
}
.hotelGroupGalleryContainer {
padding:0 0 80px;
text-align:center
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:80px
}
.hotelGroupBody .modal-dialog {
margin:15px auto 0;
max-width:900px!important
}
.hotelGroupBody .modal-header {
padding:0;
border-bottom:0 solid #e5e5e5;
background:0
}
.hotelGroupBody .modal-title {
display:none
}
.hotelGroupBody .modal button.close {
z-index:110;
right:10px;
top:10px;
outline:0
}
.hotelGroupBody .modal button.close:focus,.hotelGroupBody .modal button.close:hover {
outline:0
}
.hotelGroupBody .ekko-lightbox-nav-overlay .glyphicon {
height:100%;
display:flex;
align-items:center;
text-align:right
}
.hotelGroupBody .glyphicon.glyphicon-chevron-left {
justify-content:flex-start
}
.hotelGroupBody .glyphicon.glyphicon-chevron-right {
justify-content:flex-end
}
.hotelGroupBody .ekko-lightbox-nav-overlay a:focus,.hotelGroupBody .ekko-lightbox-nav-overlay a:hover {
text-decoration:none
}
.hotelGroupBody .modal-dialog img {
width:100%
}
.hotelGroupBody .modal-dialog .ekko-lightbox-container {
max-height:550px;
overflow:hidden
}
.hotelGroupHeadBlock {
padding:60px 0;
text-align:center
}
.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
margin:0
}
.hotelGroupPageTitle {
padding:100px 0;
color:#FFF;
background-color:rgba(0,0,0,0);
background-position:50% 60%
}
.hotelGroupPageTitle h2 {
color:#FFF;
text-align:center;
margin:0
}
.hotelGroupPageTitle h2 span {
color:#FFF;
font-family:Chakra Petch;
margin:10px 0 0
}
.hotelGroupContactContainer {
padding:80px 0
}
.hotelGroupContactContainer .form-group,.hotelGroupContactContainer .input-group {
margin:0 0 20px
}
.hotelGroupContactContainer h3 {
font-size:28px;
font-weight:700;
letter-spacing:1px;
margin:0 0 20px;
color:#30353e
}
.hotelGroupContactContainer h3.hotelGroupContactHeading {
margin:0 0 10px
}
.hotelGroupContactContainer p.hotelGroupContactDesc {
margin:0 0 40px
}
.hotelGroupContactDetails ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactDetails p,.hotelGroupContactDetails ul li,.hotelGroupContactDetails p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactDetails li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactDetails ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
.hotelGroupContactDetails li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactDetails li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactDetails li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn) {
color:#4f4f4f
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding-left:30px
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial .HGfooterSocial li .fa {
position:relative;
top:initial
}
.hotelGroupContactlistContainer {
background:#f8f8f8;
padding:80px 0
}
.hotelGroupContactlistContainer .hotelGroupContactblock {
position:relative;
padding:30px;
background:#FFF;
box-shadow:0 7px 12px -4px rgba(0,0,0,.1);
margin:0 5px
}
.hotelGroupContactlistContainer .hotelGroupContactblock a {
white-space:normal;
word-break:break-all
}
.hotelGroupContactlistContainer .hotelGroupContactblock h4 {
margin:0 0 30px;
font-size:22px;
font-weight:700
}
.hotelGroupContactlistContainer ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactlistContainer p,.hotelGroupContactlistContainer ul li,.hotelGroupContactlistContainer p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactlistContainer li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactlistContainer ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 10px 0 0
}
.hotelGroupContactlistContainer li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactlistContainer li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactlistContainer li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding:0;
margin:0 15px 0 0
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li .fa {
position:relative
}
.hotelGroupAboutSliderContainer {
padding:80px 0
}
.hotelGroupAboutWelcomeContainer {
padding:0 0 80px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption h3 {
font-size:54px;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption p {
font-size:16px;
font-weight:400;
line-height:1.8;
letter-spacing:.05em;
margin:0 auto 60px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn {
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:active {
background:#FFF;
color:#000
}
.hotelGroupAboutSliderContainer .carousel-inner .item [data-component=image]:before {
content:"";
top:0;
left:0;
right:0;
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.54);
z-index:1;
display:none
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
background:#000;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupAboutSliderContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li:hover,.hotelGroupAboutSliderContainer .carousel-indicators li:focus,.hotelGroupAboutSliderContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupAboutSliderContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupAboutSliderContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a:hover,.hotelGroupBody .ui-datepicker.ui-widget-content td a:focus,.hotelGroupBody .ui-datepicker.ui-widget-content td a:active {
text-decoration:none
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a.ui-state-active {
background:var(--secondary-color);
;
color:#fff;
text-decoration:none
}
.hotelGroupthankyouPage {
padding:80px 0;
text-align:center
}
.hotelSubGroupContentContainer {
padding:80px 0;
text-align:center
}
.hotelGroupContentContainer {
padding:80px 0 0;
text-align:center
}
.hotelSubGroupContentContainer .hotelGroupRoomContent {
padding:50px
}
.hotelSubGroupContentContainer h2,.hotelGroupContentContainer h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:80px 0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerLast {
padding-bottom:100px
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:absolute;
right:30px;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:10px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn {
font-size:16px;
height:auto;
font-family:Bellota;
line-height:1;
padding:15px 20px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn:nth-of-type(2) {
margin-left:5px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoomAmenitiesTxt {
display:none
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:0 20px 0 0;
width:initial
}
.hotelSubGroupTheme .hotelGroupRoomAmenities {
margin:30px 0 20px
}
.hotelSubGroupTheme .hotelGroupRoomImage {
box-shadow:0 50px 40px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px;
letter-spacing:2px;
padding:30px 0 0;
text-transform:none;
color:#30353e
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
opacity:.8
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:18px;
line-height:2
}
.hotelSubGroupTheme .hotelGroupWelcomeImg {
box-shadow:0 30px 30px -20px rgba(0,0,0,.2);
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover {
box-shadow:0 30px 30px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg img {
transition:all .4s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1.03)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
padding:30px 0 0;
margin:0 0 30px;
color:#30353e
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px;
text-transform:none;
margin-bottom:60px;
padding:30px 0 0
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
margin:0;
padding:1px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper.margin-bottom-10px {
margin-bottom:0;
overflow:hidden;
position:relative
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper img {
transition:all .6s ease
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper:hover img {
transform:scale(1.1)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:before {
content:"";
background:rgba(0,0,0,.6);
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all .3s ease;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:hover:before {
top:0;
opacity:0;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a {
position:relative;
display:block
}
.hotelGroupBtnOuter {
margin:60px auto 0;
text-align:center
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
display:flex
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:50%;
padding:20px 20px 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage {
position:relative;
z-index:1;
width:initial
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent {
position:relative;
top:0;
transform:translateY(0%);
width:initial;
text-align:left
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:0;
transition:all .6s ease;
margin:40px 0 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 14px rgb(255 255 255 / .3)
}
.hotelGroupTestimonialHome {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f7c5d480856d_spa.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupTestimonialHome .overly,.hotelGroupAmenityContainer .overly {
background:rgba(0,0,0,.6)
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter {
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:80%;
margin:0 auto
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-family:Bellota;
font-weight:400;
font-size:18px;
color:#FFF;
line-height:2;
letter-spacing:1px;
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
content:'\f10d';
font-family:fontAwesome;
font-size:72px;
margin:0;
opacity:.3;
position:absolute;
left:-50px;
top:-30px;
line-height:1
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
position:relative;
margin:0 auto;
left:0;
right:0;
top:0;
width:100%;
padding:50px
}
.hotelGroupTestimonialHome .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF;
display:none
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:hover,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:focus,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupTestimonialHome .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupTestimonialHome .carousel-indicators {
background:none;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li:hover,.hotelGroupTestimonialHome .carousel-indicators li:focus,.hotelGroupTestimonialHome .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupTestimonialHome .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupTestimonialHome .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupTestimonialHome .nav-indicators-in .carousel-indicators-wrapper {
right:0;
left:0;
bottom:-30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption h3 {
letter-spacing:1px
}
.hotelGroupTestimonialHome h2 {
color:#FFF;
text-align:center
}
.hotelGroupTestimonialHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#FFF;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-40px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionHome {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupAttractionHomeInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupAttractionBlock {
position:relative;
width:calc(33.33% - 40px);
margin:0 20px;
overflow:hidden
}
.hotelGroupAttractionImg {
position:relative;
z-index:1
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:400px;
transition:all .6s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:absolute;
bottom:-90px;
left:0;
background:rgba(0,0,0,.6);
display:block;
color:#FFF;
z-index:2;
padding:20px;
transition:all .3s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionContent {
bottom:0
}
.hotelGroupAttractionContent p {
color:#FFF
}
.hotelGroupAttractionHome h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupAttractionHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionContent h3 {
margin:0 0 15px;
letter-spacing:1px;
font-size:26px;
color:#fff
}
.hotelGroupAttractionContent p {
color:#FFF;
font-size:14px;
letter-spacing:.03em;
margin:0
}
.hotelGroupPropertyContainer {
padding:80px 0 80px
}
.hotelGroupPropertyPage.hotelGroupPropertyContainer {
padding:0 0 80px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupPropertyContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupPropertyContainerInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyBlock {
width:33%;
margin:0 20px;
position:relative;
overflow:hidden
}
.hotelGroupPropertyBlock:after {
content:"";
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
transition:all .3s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover:after {
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:450px;
transition:all .8s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1.1)
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
text-align:center;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:11;
background:rgba(0,0,0,.5);
opacity:1;
transition:all .3s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:0
}
.hotelGroupPropertyBlock a {
color:var(--secondary-color)
}
.hotelGroupPropertyBlock h3 {
letter-spacing:1px;
font-size:24px;
font-weight:400;
margin:0;
color:#FFF
}
.hotelGroupPropertyBlock p {
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#909090
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
font-size:13px;
text-transform:none;
letter-spacing:.03em;
margin:20px 0 0
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockLabel {
margin:0 0 10px;
font-size:12px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
display:flex;
flex-flow:column;
align-items:flex-start;
border:1px solid;
padding:30px;
position:absolute;
left:0;
top:-100%;
z-index:11;
width:100%;
height:100%;
max-height:450px;
transition:all .6s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockContent {
top:0;
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:absolute;
bottom:-100%;
left:30px;
z-index:11;
transition:all .6s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:30px
}
.hotelGroupPropertyLogoContainer {
padding:20px 0
}
.hotelGroupPropertyLogoInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyLogo {
margin:20px
}
.hotelGroupPropertyLogo img {
max-height:80px;
transition:all .6s ease;
opacity:.6
}
.hotelGroupPropertyLogo:hover img {
opacity:1
}
.hotelGroupRewardContainer {
padding:100px 0;
background-image:url(images/uploads/1/5f7ef5d09cd88_gift.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment:fixed
}
.hotelGroupRewardContainer:before {
content:"";
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
position:absolute;
left:0;
right:0;
top:0;
pointer-events:none;
width:100%;
height:100%
}
.hotelGroupRewardContainer h2 {
color:#FFF;
margin:0 0 10px;
text-transform:none
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupRewardContainer p {
color:#FFF;
margin:0;
letter-spacing:.06em;
font-size:14px
}
.hotelGroupRewardContainer .btn-secondary {
letter-spacing:2px
}
.hotelGroupContentsContainer {
padding:60px 0
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
position:relative;
padding:80px 0;
text-align:center;
background:inherit
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer:before {
content:"";
display:none
}
.hotelGroupAmenityPage .hotelGroupAmenityItemContent h3,.hotelGroupAmenityPage .hotelGroupAmenityItemContent p {
color:#30353e
}
.hotelGroupAmenityPage .hotelGroupAmenityItemImg {
background:none;
border:0;
align-items:flex-start;
padding:0;
min-height:initial;
min-width:initial
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:80px 0 0
}
.hotelGroupAttractionPage.hotelGroupAttractionHome {
background:inherit;
padding-top:40px
}
.hotelGroupTheme .tooltip {
white-space:nowrap
}
.hotelGroupTheme .tooltip .tooltip-inner {
background-color:#000;
font-size:10px;
letter-spacing:.05em
}
.hotelGroupTheme .tooltip.top .tooltip-arrow {
bottom:1px;
border-top-color:#000
}
.hotelGroupTheme .tooltip.top-left .tooltip-arrow,.hotelGroupTheme .tooltip.top-right .tooltip-arrow,.hotelGroupTheme .tooltip.top .tooltip-arrow {
border-top-color:#000
}
.hotelSubGroupNavbar {
background:#1b1b1b
}
.hotelSubGroupNavbar .navbar-nav>li>a {
padding:15px;
color:#FFF;
line-height:1;
font-size:13px;
letter-spacing:.05em;
transition:all .3s ease
}
.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:var(--secondary-color);
;
color:#FFF
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:1px solid #424242
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a {
font-weight:700
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active {
background:#1b1b1b
}
.hotelGroupRestaurantContainer {
padding:80px 0
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:36px;
text-transform:none
}
.hotelSubGroupRestaurantPage {
padding:80px 0 0;
text-align:center
}
.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupRestaurantPage p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelGroupRestaurantBlock {
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:row-reverse
}
.hotelGroupRestaurantImg {
width:50%;
overflow:hidden
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
max-height:400px;
min-height:400px;
width:100%;
transition:all .3s ease
}
.hotelGroupRestaurantBlock:hover .hotelGroupRestaurantImg img {
transform:scale(1.1)
}
.hotelGroupRestaurantContent {
width:50%;
padding:40px;
border:1px solid #dedede;
min-height:400px;
max-height:400px;
display:flex;
flex-flow:column;
justify-content:center
}
.hotelGroupRestaurantContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.hotelGroupRestaurantContent p {
margin-bottom:30px
}
.hotelGroupBanquetsContainer {
padding:80px 0
}
.hotelGroupBanquetsInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupBanquetsBlock {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:calc(50% - 40px);
margin:0 20px 60px;
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease;
overflow:hidden
}
.hotelGroupBanquetsBlock:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelGroupBanquetsImg {
position:relative;
z-index:1;
max-height:350px;
overflow:hidden
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 24px rgb(255 255 255 / .3)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
min-height:350px;
max-height:350px;
transition:all .6s ease
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1.1)
}
.hotelGroupBanquetsContent {
background:#FFF;
transition:all .3s ease;
padding:30px
}
.hotelGroupBanquetsContent h3 {
font-size:32px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupBanquetsContent p {
margin:0
}
.hotelGroupNavbar .navbar-header #subNavicon {
display:none
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:none
}
.hotelGroupCovidpage {
padding:80px 0
}
.hotelGroupCovidpage h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupCovidpage p {
margin-bottom:20px
}
.hotelGroupTheme .nomargintop {
margin-top:0!important
}
.helloBarContainer {
background:var(--primary-color);
color:#FFF;
text-align:center;
padding:15px 0
}
.helloBarContainer p {
margin:0;
line-height:1;
font-size:14px;
color:#FFF
}
.helloBarContainer p .fa {
margin:0 10px 0 0
}
.helloBarContainer p a {
color:#FFF;
text-transform:uppercase;
font-weight:600;
margin:0 0 0 20px;
text-decoration:none;
border-bottom:1px solid #FFF
}
.helloBarContainer p a:hover,.helloBarContainer p a:focus {
color:#FFF;
text-decoration:none;
border-bottom-color:rgba(255,255,255,.5)
}
.helloBarContainer a.helloBarClose {
cursor:pointer;
color:rgba(255,255,255,.5);
font-size:24px;
font-weight:300;
line-height:1;
margin:0 0 0 20px;
transition:all .2s ease-out
}
.helloBarContainer a.helloBarClose:hover,.helloBarContainer a.helloBarClose:focus {
text-decoration:none;
color:rgba(255,255,255,1)
}
.helloBarInner {
position:relative;
z-index:11;
display:flex;
justify-content:center;
align-items:center
}
.rewardsTopcontainer {
padding:80px 0
}
.rewardsTopcontainerInner {
display:flex;
flex-flow:row-reverse
}
.rewardsTopcontainerImage {
width:55%;
padding-left:50px
}
.rewardsTopcontainerContent {
width:45%
}
.rewardsTopcontainerContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.rewardsOffers {
background:var(--primary-color);
color:#FFF;
padding:80px 0
}
.rewardsForm {
max-width:500px;
margin:0 auto
}
.rewardsForm h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px;
text-align:center
}
.hotelGroupAmenityContainer.rewardsOffers:before {
background-image:url(images/uploads/1/5f92a8c42060e_gift4.jpg)
}
.hotelGroupTheme.privacyPage {
padding:80px 0
}
.hotelGroupTheme.privacyPage h2 {
font-size:32px;
font-weight:700;
color:#30353e;
text-transform:none;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupTheme.privacyPage p {
}
.hotelGroupTheme.privacyPage p strong {
font-size:18px;
margin-top:20px;
margin-bottom:5px;
display:inline-block
}
.hotelGroupTheme ul.privacyList {
margin:30px 0
}
.hotelGroupTheme ul.privacyList li {
margin-bottom:10px
}
.hotelGroupTheme ul.privacyList li:last-of-type {
margin-bottom:0
}
.hotelSubGroupAboutSliderContainer {
padding:40px 0 80px
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display:none
}
.grecaptcha-badge {
display:none!important
}
.boxnew button.btn.crssearchbtn:hover {
background:#45b5c6!important
}
.hotelgroup-subnavbar {
position:sticky;
z-index:99;
top:0
}
.group-row {
display:flex;
align-items:center
}
div#gallery2 img {
min-height:230px;
max-height:230px;
min-width:387px;
height:100%;
width:100%
}
.ekko-lightbox-container img {
min-width: 1000px;
min-height: 600px;
max-height: 600px;
height:100%;
width:100%
}
.modal-dialog{
max-width: 1000px !important;
}
@media(min-width:1601px) {
.hotelGroupSlideshowContainer .carousel .item img {
width:100%
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
}
@media(max-width:1199px) {
.hotelGroupNavbar .navbar-header .navbar-brand a {
max-width:200px
}
.hotelGroupNavbar .container {
padding:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
padding:0;
margin:0;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar .navbar-buttons {
margin:0 0 0 15px!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-size:12px;
padding:10px;
margin:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-centered .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left-right .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons {
min-height:initial;
min-width:initial
}
.hotelGroupNavbar .navbar {
padding:0;
border:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar-header {
float:none;
width:100%;
padding:0;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
border-bottom:1px solid #efefef
}
.hotelGroupNavbar .navbar-header .navbar-brand {
min-height:initial;
height:initial;
max-width:initial;
padding:0;
margin:0 10px 0 0;
width:calc(100% - 80px)
}
.hotelGroupNavbar .navbar-header .navbar-toggle {
width:50px;
float:none;
margin:0;
padding:0;
font-size:24px;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar-header .navbar-toggle.collapsed .fa-bars:before {
content:"\F0C9"
}
.hotelGroupNavbar .navbar-header .navbar-toggle .fa-bars:before {
content:"\F00D"
}
.hotelGroupNavbar .navbar-header #subNavicon {
width:50px;
float:none;
margin:0;
padding:0;
color:#4f4f4f;
font-size:24px;
text-align:center;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
display:none!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse.in {
display:block!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:20px 10px;
margin:0;
box-shadow:none;
min-width:100%;
width:100%;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li {
display:block;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.open {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav .dropdown.open>a {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
padding:10px 30px;
text-transform:none
}
.hotelSubGroupNavbar {
background:#FFF
}
.hotelSubGroupNavbar #subGroupNavigation {
padding:0;
margin:0 -15px
}
.hotelSubGroupNavbar #subGroupNavigation.collapse {
display:none!important
}
.hotelSubGroupNavbar #subGroupNavigation.collapse.in {
display:block!important
}
.hotelSubGroupNavbar #subGroupNavigation .navbar-nav {
float:none;
padding:20px
}
.hotelSubGroupNavbar .navbar-nav>li {
display:block;
float:none
}
.hotelSubGroupNavbar .navbar-nav>li>a {
font-family:Chakra Petch;
color:#30353e;
font-size:14px;
font-weight:600;
padding:10px 0
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:60px
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:0
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active,.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:#FFF;
color:var(--secondary-color)
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:block;
margin:0 20px 20px 20px
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow.navbar-buttons>* {
display:block
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow .btn {
font-size:15px;
line-height:1;
padding:15px 20px
}
.hotelGroupWelcomeContent {
width:50%
}
.hotelGroupWelcomeImgOuter {
width:50%;
padding-left:50px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:16px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
position:relative;
font-size:40px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
flex-direction:column;
justify-content:center
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
margin:0 auto;
width:90%
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2)
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:90%;
margin:0 auto;
position:relative;
top:0;
transform:translateY(0%)
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:36px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:400px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding:40px 0 60px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:60px 0 0
}
.hotelGroupContactContainer {
padding:60px 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:50%;
padding-bottom:0;
margin:20px 0
}
.hotelGroupContactlistContainer {
padding:60px 0
}
.hotelGroupFormContainer {
max-width:100%
}
.hotelGroupRestaurantContent {
max-height:initial
}
.hotelGroupRestaurantBlock {
align-items:stretch
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:100%;
max-height:initial
}
.hotelGroupCovidpage {
padding:40px 0
}
}
@media(max-width:991px) {
.group-row {
display:flex
}
body.hotelGroupBody #page {
overflow-x:hidden
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
display:none
}
.hotelGroupTopbar .hotelGroupTopbarLeft .inline-wrapper {
justify-content:flex-start
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper {
justify-content:flex-end
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper>[data-component=image] {
display:none
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:36px
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
display:none
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
display:none
}
.hotelGroupBookingContainer #bb_resBookingBox {
flex-direction:column
}
.hotelGroupBookingContainer .boxnew p {
max-width:300px;
margin:15px 0
}
.hotelGroupTheme h2 {
font-size:42px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:60px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span {
position:relative;
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:30px
}
.hotelGroupPropertyContainerInner {
flex-flow:row wrap
}
.hotelGroupPropertyBlock {
width:calc(50% - 40px);
margin-bottom:30px
}
.hotelGroupAttractionBlock {
width:calc(50% - 40px)
}
.hotelGroupAttractionHome {
padding:60px 0
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:column;
margin:40px 20px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupRestaurantImg {
width:initial
}
.hotelGroupRestaurantContent {
width:initial;
min-height:initial;
max-height:initial;
padding:30px
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:initial;
max-height:initial
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:36px;
top:-10px
}
.hotelGroupWelcomeContainer {
padding:60px 0
}
.hotelGroupWelcomeInner {
flex-direction:column
}
.hotelGroupWelcomeContent {
width:initial;
text-align:center
}
.hotelGroupWelcomeImgOuter {
width:initial;
padding-left:0;
margin:40px auto 0;
max-width:600px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
flex-direction:column
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
width:initial
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
flex-direction:column;
text-align:center
}
.hotelGroupAmenityItemImg {
margin:0 auto 30px
}
.hotelGroupGalleryContainer {
padding-bottom:60px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:60px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:flex;
flex-flow:row wrap;
justify-content:center
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:33.33%
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:100%
}
.hotelGroupTestimonialHome h2 span {
font-size:30px;
top:-30px
}
body .hotelGroupFooter .col-sm-4 {
width:100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 30px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
display:none
}
.hotelGroupHeadBlock {
padding-bottom:30px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:42px
}
.hotelGroupBookingContainer .boxnew p input {
height:40px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
bottom:6px
}
.hotelGroupBookingContainer .boxnew p select {
height:40px
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
height:44px
}
.hotelGroupPageTitle {
padding:80px 0
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2 {
font-size:32px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:350px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:auto;
margin:40px 0 0
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
width:100%;
left:0;
right:0;
bottom:auto;
top:45%;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:auto;
right:auto;
left:5px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.right.carousel-control {
left:auto;
right:5px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:100%
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
width:100%
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
display:none
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:30px 0
}
.hotelSubGroupContentContainer {
padding:60px 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
margin:0 10px
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p,.hotelGroupTheme p {
font-size:15px
}
.hotelGroupContactDetails li .fa.fa-map-marker {
top:0
}
.hotelGroupContactDetails {
margin:60px 0 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:100%;
margin:30px 0
}
.hotelGroupContactlistContainer {
padding:40px 0
}
.hotelGroupContentContainer {
padding-top:60px
}
.hotelGroupContentContainer h2 {
font-size:36px
}
.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupRestaurantBlock {
align-items:initial
}
.hotelGroupBanquetsBlock {
width:100%;
margin:0 10px 60px
}
.hotelGroupBanquetsBlock:last-of-type {
margin-bottom:0
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
max-height:initial;
min-height:initial
}
.rewardsTopcontainer {
padding:60px 0
}
.rewardsTopcontainerInner {
flex-direction:column
}
.rewardsTopcontainerImage {
width:initial;
padding-left:0;
margin:0 auto 30px
}
.rewardsTopcontainerContent {
width:initial
}
.hotelGroupTheme.privacyPage {
padding:40px 0
}
.hotelGroupAboutSliderContainer {
padding:50px 0
}
.hotelGroupAboutWelcomeContainer {
padding-bottom:50px
}
}
@media(max-width:767px) {
.ekko-lightbox-container img {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
div#gallery2 img {
min-height:100%;
max-height:100%;
min-width:100%
}
.hotelGroupNavbar .navbar-two {
padding:10px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:block
}
#whatsapp-message {
bottom:90px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupSlideshowContainer .carouselNavOuter {
width:100%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
left:10px;
right:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
top:auto;
bottom:10px;
left:auto;
right:10px
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:relative;
bottom:auto;
background:#FFF;
color:#4f4f4f;
min-height:200px
}
.hotelGroupAttractionContent h3 {
font-size:24px;
font-weight:600
}
.hotelGroupAttractionContent p {
color:#4f4f4f
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:initial
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column;
justify-content:center;
text-align:center
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1)
}
.hotelGroupAmenityItemContent h3 {
margin-bottom:15px
}
.hotelGroupContactContainer {
padding:40px 0
}
.hotelGroupPageTitle h2 span {
line-height:1.6
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1)
}
.CovidpageInner {
padding:0 10px
}
.hotelGroupCovidpage h3 {
font-size:28px
}
.rewardsTopcontainer {
padding:40px 0
}
.rewardsTopcontainerInner {
padding:0 10px
}
.hotelGroupTheme ul.privacyList {
padding:0 0 0 20px
}
.privacyPageInner {
padding:0 10px
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
display:none
}
}
@media(max-width:640px) {
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
display:none
}
.hotelGroupRewardContainer {
padding:80px 0
}
.hotelGroupRestaurantContainer {
padding:60px 0
}
.hotelGroupPropertyBlock {
width:100%;
border:1px solid #e0e0e0
}
.hotelGroupPropertyBlockImg {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
position:relative;
top:0;
max-height:450px;
opacity:1;
border-color:#e0e0e0
}
.hotelGroupPropertyBlock h3 {
color:#30353e;
font-weight:600
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
margin-top:15px;
font-size:14px;
font-weight:400
}
.hotelGroupAttractionBlock {
width:100%;
box-shadow:0 3px 6px -1px rgba(0,0,0,.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
min-height:initial;
padding:30px
}
.hotelGroupAttractionImg {
max-height:350px;
overflow:hidden
}
.hotelGroupAttractionContent h3 {
color:#fff;
font-size:30px
}
.hotelGroupRewardInner {
padding:0 10px
}
.hotelGroupPropertyLogoInner {
flex-flow:row wrap
}
.hotelGroupPropertyLogo {
width:calc(50% - 40px)
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:initial
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:50px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
max-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:relative;
bottom:0;
left:25px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:25px;
border:0
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 30px
}
.hotelGroupTheme .btn.btn-primary {
padding:14px 18px;
font-size:15px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
background:rgba(0,0,0,.3)
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:1
}
.hotelGroupPropertyBlock:hover:after {
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1)
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:300px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:30px;
margin-bottom:15px
}
.hotelGroupPageTitle {
padding:60px 0
}
.hotelGroupPageTitle h2 {
font-size:32px
}
.hotelGroupPageTitle h2 span {
font-size:14px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelSubGroupRestaurantPage h2 {
font-size:30px;
letter-spacing:.03em
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-top:0
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:60px 0 0
}
.hotelGroupCovidpage h3 {
margin-top:30px
}
.hotelGroupAmenityItemContent {
margin:0 auto
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:100%
}
.rewardsOffers.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
}
@media(max-width:580px) {
.hotelGroupSlideshowContainer .carousel .item img {
min-height:300px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:30px;
letter-spacing:2px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control,.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
bottom:-20px
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:70px
}
.hotelGroupTheme h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:15px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:30px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
margin:0
}
.hotelGroupTopbar p.hotelGroupTopbarPhone a {
margin-bottom:0
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-size:16px
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
display:block
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupPageTitle {
padding:40px 0
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:40px 10px 0
}
.hotelGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:20px 0 60px
}
.hotelGroupBanquetsContent h3 {
font-size:26px
}
.hotelGroupCovidpage h3 {
font-size:26px;
margin-bottom:15px
}
.hotelGroupTheme.privacyPage h2 {
font-size:26px
}
.hotelGroupAboutSliderInner,.hotelGroupAboutWelcomeInner {
padding:0 10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:30px;
margin-bottom:20px
}
}
@media(max-width:500px) {
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
display:block
}
}
@media(max-width:479px) {
.hotelGroupRestaurantContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:30px 10px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupPropertyBlock {
margin:20px 10px
}
.hotelGroupAttractionBlock {
margin:20px 10px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:40px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
margin-bottom:0
}
.hotelGroupAttractionHome {
padding:40px 0
}
.hotelGroupAttractionHome h2 {
margin-bottom:30px
}
.hotelGroupTheme h2 {
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:24px;
top:-10px
}
.hotelGroupAttractionContent h3 {
font-size:24px
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
padding:20px
}
.hotelGroupPropertyLogo {
width:calc(50% - 20px);
margin:10px
}
.hotelGroupRewardContainer {
padding:60px 0;
background-attachment:initial;
background-position:50% 100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 20px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:250px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:24px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2,.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:26px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
padding:20px 0
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:10px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
padding:25px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelGroupPropertyBlockImg,.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:260px
}
.hotelGroupFooter .HGfooterTitle {
font-size:20px
}
.hotelGroupTheme p {
font-size:13px
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupBtnOuter {
margin-top:40px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
margin-bottom:30px
}
.hotelGroupGalleryContainer {
padding-bottom:50px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
padding:50px 20px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
font-size:60px;
top:-20px;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:220px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelSubGroupContentContainer {
padding:40px 0 20px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:26px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding-top:40px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-bottom:40px
}
.hotelGroupBanquetsContent {
padding:20px
}
.rewardsTopcontainerContent h3,.rewardsForm h3,.rewardsForm h3 {
font-size:28px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
.helloBarContainer p a {
margin-left:10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:24px
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
bottom:20px
}
.hotelGroupAboutSliderInner .carousel .item img {
min-height:180px
}
}
@media(max-width:359px) {
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
max-width:140px
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:260px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:24px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 20px;
left:20px
}
}
* img{
object-fit: cover;
}
:root {
--primary-color:#c6ab62;
--secondary-color:#b48744;
--btn-hover:#b48744;
--white:#fff;
--primary-text-color:#333;
--black:#000;
--placeholder:#757575;
--background-color:#0f0f0f
}
body.hotelGroupBody {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f;
overflow-x:hidden
}
.yummy .col-lg-1,.yummy .col-lg-2,.yummy .col-lg-3,.yummy .col-lg-4,.yummy .col-lg-5,.yummy .col-lg-6,.yummy .col-lg-7,.yummy .col-lg-8,.yummy .col-lg-9,.yummy .col-lg-10,.yummy .col-lg-11,.yummy .col-lg-12,.yummy .col-lg-15,.yummy .col-md-1,.yummy .col-md-2,.yummy .col-md-3,.yummy .col-md-4,.yummy .col-md-5,.yummy .col-md-6,.yummy .col-md-7,.yummy .col-md-8,.yummy .col-md-9,.yummy .col-md-10,.yummy .col-md-11,.yummy .col-md-12,.yummy .col-md-15,.yummy .col-sm-1,.yummy .col-sm-2,.yummy .col-sm-3,.yummy .col-sm-4,.yummy .col-sm-5,.yummy .col-sm-6,.yummy .col-sm-7,.yummy .col-sm-8,.yummy .col-sm-9,.yummy .col-sm-10,.yummy .col-sm-11,.yummy .col-sm-12,.yummy .col-sm-15,.yummy .col-xs-1,.yummy .col-xs-2,.yummy .col-xs-3,.yummy .col-xs-4,.yummy .col-xs-5,.yummy .col-xs-6,.yummy .col-xs-7,.yummy .col-xs-8,.yummy .col-xs-9,.yummy .col-xs-10,.yummy .col-xs-11,.yummy .col-xs-12,.yummy .col-xs-15 {
padding-right:15px;
padding-left:15px;
padding-bottom:0
}
.yummy p {
margin:0
}
#whatsapp-message {
position:fixed;
margin-bottom:1vh;
bottom:35px;
right:5px;
width:65px;
height:65px;
overflow:hidden;
visibility:visible;
z-index:2147483639;
background:0;
border:0;
transition:transform .2s ease-in-out;
backface-visibility:hidden;
opacity:1;
transform:translateY(0%)
}
.hotelGroupTheme,body .hotelGroupTheme {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTheme a,.hotelGroupTheme p a {
text-decoration:none;
color:var(--primary-color)
}
.hotelGroupTheme a:hover,.hotelGroupTheme a:focus,.hotelGroupTheme p a:hover,.hotelGroupTheme p a:focus {
text-decoration:none;
color:var(--secondary-color)
}
.hotelGroupTheme .btn.btn-primary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-primary:focus,.hotelGroupTheme .btn.btn-primary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelGroupTheme .btn.btn-secondary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:transparent;
color:var(--primary-color);
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-secondary:focus,.hotelGroupTheme .btn.btn-secondary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#FFF
}
.hotelGroupTheme .h1,.hotelGroupTheme .h2,.hotelGroupTheme .h3,.hotelGroupTheme .h4,.hotelGroupTheme .h5,.hotelGroupTheme .h6,.hotelGroupTheme h1,.hotelGroupTheme h2,.hotelGroupTheme h3,.hotelGroupTheme h4,.hotelGroupTheme h5,.hotelGroupTheme h6 {
font-family:Bellota;
font-weight:400
}
.header.fixed {
position:fixed;
top:0;
box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
-webkit-box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
left:0;
right:0;
margin:0 auto;
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
.hotelGroupTheme h2 {
margin:0 0 30px;
position:relative;
color:#30353e;
margin:0 0 30px;
font-size:48px;
line-height:1.2;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase
}
.hotelGroupTheme h2 span {
display:block;
font-size:16px;
font-weight:400;
margin:0 0 10px;
color:var(--secondary-color)
}
.hotelGroupTheme p {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTopbar {
padding:12px 0;
border-bottom:1px solid #efefef
}
.hotelGroupTopbar .inline-wrapper {
align-items:center
}
.hotelGroupTopbar p {
margin:0 10px 0;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
margin-left:0
}
.hotelGroupTopbar p .fa {
margin-right:10px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone .fa {
font-size:18px;
position:relative;
top:1px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
position:relative;
top:-1px
}
.hotelGroupTopbar p a {
color:#4f4f4f;
text-decoration:none;
transition:all .3s ease
}
.hotelGroupTopbar p a:focus,.hotelGroupTopbar p a:hover {
color:var(--secondary-color);
;
text-decoration:none
}
.hotelGroupTopbar p.hotelGroupTopbarSocial {
font-size:16px
}
.hotelGroupTopbar p.hotelGroupTopbarSocial .fa {
margin-right:0
}
.hotelGroupTopbar .gTranslate {
margin-left:10px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget {
position:relative;
font-size:0
}
.hotelGroupTheme #google_translate_element .goog-te-gadget:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
pointer-events:none;
color:#000;
font-size:18px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget a.goog-logo-link {
display:none
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
height:30px;
padding:0 30px 0 10px;
letter-spacing:.03em;
border-radius:0;
border:1px solid #d5d5d5;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
cursor:pointer;
font-size:12px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo:focus {
outline:0;
border-color:#a7a7a7
}
.hotelGroupNavbar {
position:relative;
z-index:100
}
.hotelGroupNavbar .navbar {
width:100%;
margin:0;
padding:10px 0;
display:flex;
align-items:center;
min-height:60px
}
.hotelGroupNavbar .navbar-header .navbar-brand {
height:auto
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:90px
}
.hotelGroupNavbar .navbar-collapse {
padding:0!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
width:inherit;
align-items:center;
padding-right:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:5px 0 0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
line-height:1;
color:#30353e;
text-transform:uppercase;
letter-spacing:.03em;
transition:all .3s ease;
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:active,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:focus,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:hover,.hotelGroupNavbar .navbar.navbar-plain ul.nav li.active a {
color:var(--secondary-color);
;
background-color:transparent
}
.hotelGroupNavbar .nav .open>a,.hotelGroupNavbar .nav .open>a:focus,.hotelGroupNavbar .nav .open>a:hover {
background:none;
border:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown a .caret:after {
top:-7px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown.open a .caret:after {
top:-3px
}
.hotelGroupNavbar .dropdown-menu {
border-radius:0;
background:#FFF
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li {
display:block
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
font-weight:400;
display:block;
padding:15px 20px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdownRight .dropdown-menu {
left:auto;
right:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-family:Bellota;
background:var(--primary-color);
border:1px solid var(--primary-color);
color:#fff;
box-shadow:none;
border-radius:0;
font-size:14px;
font-weight:700;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
transition:all .3s ease;
padding:12px 18px
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:focus,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:hover {
border-color:var(--secondary-color);
;
background:var(--secondary-color);
;
cursor:pointer;
color:#fff;
text-decoration:none;
box-shadow:none;
outline:0
}
.hotelGroupSlideshowContainer {
color:#FFF
}
.hotelGroupSlideshowContainer p,.hotelGroupSlideshowContainer a {
color:#FFF
}
.hotelGroupSlideshowContainer .carousel-inner>.item {
transition:none;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item img {
animation:bloomEffects 1s ease;
animation-fill-mode:forwards
}
@keyframes bloomEffects {
0% {
transform:scale(1)
}
100% {
transform:scale(1.1)
}
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:60px;
font-weight:700;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
font-size:18px;
font-weight:400;
line-height:1.4;
letter-spacing:.06em;
margin:0 auto 60px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
background:#000;
border-color:#000
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
font-family:Chakra Petch;
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
background-color:transparent;
color:#fff;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto;
height:50px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:active {
background-color:#FFF;
border-color:#FFF;
color:#000
}
.hotelGroupSlideshow {
max-height:600px;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupSlideshowContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
background:#000;
border:1px solid #000
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:auto;
right:0
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
left:auto;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li:hover,.hotelGroupSlideshowContainer .carousel-indicators li:focus,.hotelGroupSlideshowContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupSlideshowContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupSlideshowContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBookingContainer {
position:relative;
background:#1b1b1b;
color:#FFF;
padding:40px 0
}
.hotelSubGroupTheme.hotelGroupBookingContainer {
position:relative;
background:var(--secondary-color);
;
color:#FFF
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0 30px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupBookingContainer .boxnew {
width:100%;
text-align:center
}
.hotelGroupBookingContainer .boxnew p {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupBookingContainer .boxnew p label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p input {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupBookingContainer .boxnew p select {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
font-family:Bellota;
font-size:18px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:50px;
border-radius:0;
padding:10px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:var(--secondary-color);
!important;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn {
background-color:#000;
color:#fff;
border:1px solid #000
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupBookingContainer .boxnew p br {
display:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:25px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:25px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1) {
max-width:300px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(4) {
margin-top:28px
}
.hotelGroupTheme .bbres_fieldset,.hotelGroupTheme .HGCalender,.hotelGroupTheme .HGBEBtn {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select,.hotelGroupTheme .HGSelectOuter {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:300px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select:before,.hotelGroupTheme .HGSelectOuter:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:20px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupTheme .bbres_fieldset label,.hotelGroupTheme .bbres_select label,.hotelGroupTheme .form-control label,.hotelGroupTheme .HGSelectOuter label,.hotelGroupTheme .HGCalender label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset input,.hotelGroupTheme .HGCalender input,.hotelGroupTheme input.form-control {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme textarea.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:auto;
background:#fff;
width:100%;
padding:20px;
border-radius:0;
font-size:13px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger {
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
font-size:0;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px
}
.hotelGroupTheme .HGCalender:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupTheme .bbres_select select,.hotelGroupTheme .HGSelectOuter select,.hotelGroupTheme select.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupTheme input.form-control:focus,.hotelGroupTheme select.form-control:focus,.hotelGroupTheme select:focus,.hotelGroupTheme textarea.form-control:focus,.hotelGroupTheme textarea:focus {
border-color:#152161;
background:#fff;
outline:0
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn,.hotelGroupTheme .HGBEBtn #bb_resBtn {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
line-height:1.8;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:#000;
color:#fff;
border:1px solid #000;
height:50px;
border-radius:0;
padding:15px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn:active,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:focus,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:hover,.hotelGroupTheme .HGBEBtn #bb_resBtn:active,.hotelGroupTheme .HGBEBtn #bb_resBtn:focus,.hotelGroupTheme .HGBEBtn #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupWelcomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupWelcomeInner {
display:flex;
align-items:center
}
.hotelGroupWelcomeContent {
width:48%
}
.hotelGroupWelcomeImgOuter {
width:52%;
padding-left:100px
}
.hotelGroupPropertyContainer {
position:relative;
padding:1px 0;
display:flex;
justify-content:center
}
.hotelGroupPropertyInner {
position:relative;
display:flex;
min-height:600px;
flex-flow:row wrap;
max-width:1600px
}
.hotelGroupPropertyContainerAlter .hotelGroupPropertyInner {
flex-direction:row-reverse
}
.hotelGroupPropertyImage {
width:60%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.hotelGroupPropertyContent {
width:40%;
padding:60px;
display:flex;
flex-flow:column;
justify-content:center;
text-align:left
}
h3.hotelGroupPropertyContentTitle {
margin:0 0 30px;
font-size:42px;
line-height:1.2;
letter-spacing:2px;
color:#30353e
}
p.hotelGroupPropertyContentText {
color:inherit;
margin:0 0 50px;
font-size:17px;
line-height:1.8;
letter-spacing:.03em
}
.hotelGroupHomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupHomeContainer .hotelGroupHomeContent {
text-align:center
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:60px;
padding-top:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:16px;
line-height:2
}
.hotelGroupAmenityContainer {
position:relative;
background:var(--primary-color);
color:#FFF;
padding:80px 0 40px;
text-align:center
}
.hotelGroupAmenityContainer {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f06b6379b36d_bannerImg002.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupAmenityContainer h2,.hotelGroupAmenityContainer h3,.hotelGroupAmenityContainer h4,.hotelGroupAmenityContainer p {
color:#FFF
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px;
padding-top:30px
}
.hotelGroupAmenityContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#e6c6a1;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupAmenityBtnOuter {
margin:60px 0 0
}
.hotelGroupAmenityList {
display:flex;
flex-flow:row wrap;
align-items:flex-start;
justify-content:flex-start
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
position:relative;
display:flex;
text-align:left;
padding:40px;
align-items:flex-start;
width:33%;
justify-content:flex-start;
margin:0;
align-items:center
}
.hotelGroupAmenityItemImg {
min-width:60px;
min-height:60px;
background:rgb(0 0 0 / .2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
margin:0 10px 0 0
}
.hotelGroupAmenityItemImg img {
max-width:30px;
max-height:30px
}
.hotelGroupAmenityItemContent h3 {
margin:0 0 6px;
font-weight:600;
letter-spacing:1px;
font-size:20px;
line-height:1
}
.hotelGroupAmenityItemContent p {
margin:0;
font-size:14px;
letter-spacing:.03em
}
body .hotelGroupFooter {
background:#1b1b1b;
color:#c5c5c5
}
.hotelGroupFooter .HGfooterTitle {
color:#FFF;
font-family:Bellota;
font-size:24px;
letter-spacing:3px;
font-weight:700;
text-transform:uppercase;
margin:0 0 30px
}
.hotelGroupFooter ul.list-basic li a:not(.btn) {
color:#c5c5c5;
text-decoration:none
}
.hotelGroupFooter ul.list-basic li a:not(.btn):hover,.hotelGroupFooter ul.list-basic li a:not(.btn):focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic {
display:flex;
flex-flow:row wrap
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic li {
width:50%
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic {
display:flex;
flex-flow:column
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic li {
width:initial
}
body .hotelGroupFooterbtm {
background:#101010;
color:#c5c5c5;
padding:10px 0;
font-size:14px
}
body .hotelGroupFooterbtm .footerBtmInner {
display:flex;
justify-content:space-between;
align-items:center
}
body .hotelGroupFooterbtm p {
margin:0;
font-family:Chakra Petch
}
body .hotelGroupFooterbtm p a {
color:#c5c5c5;
text-decoration:none
}
body .hotelGroupFooterbtm p a:hover,body .hotelGroupFooterbtm p a:focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterContact ul.list-basic li {
position:relative;
padding-left:30px
}
body .hotelGroupFooter p,body .hotelGroupFooter ul li,body .hotelGroupFooter p a {
margin-bottom:10px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
color:#c5c5c5;
letter-spacing:.03em
}
body .hotelGroupFooter .HGfooterContact li .fa {
position:absolute;
left:0;
top:3px;
font-size:20px;
font-weight:400;
line-height:1
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial {
margin:10px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial li .fa {
position:relative;
top:initial
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-map-marker {
left:2px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-envelope-open-o {
font-size:14px;
left:1px;
top:4px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-mobile {
font-size:22px;
left:3px;
top:1px
}
.hotelGroupRoomContainer {
padding:80px 0
}
.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-end
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
position:relative;
z-index:1;
width:80%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:600px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
position:absolute;
right:10px;
bottom:70px;
width:50px;
z-index:2;
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #000;
background:#000;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators {
background:none;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
position:absolute;
width:600px;
background:#FFF;
padding:30px;
left:0;
top:50%;
display:block;
z-index:2;
transform:translateY(-50%);
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:48px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupRoomContainer .hotelGroupRoomContentText {
margin:0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities {
margin:20px 0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic {
display:flex;
flex-flow:row wrap
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic li {
width:50%;
display:flex;
align-items:center;
margin:0 0 15px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesImg img {
max-height:24px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesTxt p {
margin:0 0 0 10px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice {
margin:0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice strong {
font-size:22px;
font-weight:700;
margin:0;
letter-spacing:-.02em
}
.hotelGroupRoomContainer .hotelGroupRoomPrice span {
border-bottom:1px dashed;
cursor:help;
margin:0 0 0 5px
}
.hotelGroupRoomContainerAlter .hotelGroupRoomInner {
justify-content:flex-start
}
.hotelGroupRoomContainerAlter .hotelGroupRoomContent {
left:auto;
right:0
}
.hotelGroupRoomContainerAlter .hotelGroupRoomImage .carouselNavOuter {
right:auto;
left:10px
}
.hotelGroupTheme .mapWrapper iframe {
margin:0;
padding:0;
outline:0;
border:0;
display:inline-block;
vertical-align:top
}
.hotelGroupGalleryContainer {
padding:0 0 80px;
text-align:center
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:80px
}
.hotelGroupBody .modal-dialog {
margin:15px auto 0;
max-width:900px!important
}
.hotelGroupBody .modal-header {
padding:0;
border-bottom:0 solid #e5e5e5;
background:0
}
.hotelGroupBody .modal-title {
display:none
}
.hotelGroupBody .modal button.close {
z-index:110;
right:10px;
top:10px;
outline:0
}
.hotelGroupBody .modal button.close:focus,.hotelGroupBody .modal button.close:hover {
outline:0
}
.hotelGroupBody .ekko-lightbox-nav-overlay .glyphicon {
height:100%;
display:flex;
align-items:center;
text-align:right
}
.hotelGroupBody .glyphicon.glyphicon-chevron-left {
justify-content:flex-start
}
.hotelGroupBody .glyphicon.glyphicon-chevron-right {
justify-content:flex-end
}
.hotelGroupBody .ekko-lightbox-nav-overlay a:focus,.hotelGroupBody .ekko-lightbox-nav-overlay a:hover {
text-decoration:none
}
.hotelGroupBody .modal-dialog img {
width:100%
}
.hotelGroupBody .modal-dialog .ekko-lightbox-container {
max-height:550px;
overflow:hidden
}
.hotelGroupHeadBlock {
padding:60px 0;
text-align:center
}
.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
margin:0
}
.hotelGroupPageTitle {
padding:100px 0;
color:#FFF;
background-color:rgba(0,0,0,0);
background-position:50% 60%
}
.hotelGroupPageTitle h2 {
color:#FFF;
text-align:center;
margin:0
}
.hotelGroupPageTitle h2 span {
color:#FFF;
font-family:Chakra Petch;
margin:10px 0 0
}
.hotelGroupContactContainer {
padding:80px 0
}
.hotelGroupContactContainer .form-group,.hotelGroupContactContainer .input-group {
margin:0 0 20px
}
.hotelGroupContactContainer h3 {
font-size:28px;
font-weight:700;
letter-spacing:1px;
margin:0 0 20px;
color:#30353e
}
.hotelGroupContactContainer h3.hotelGroupContactHeading {
margin:0 0 10px
}
.hotelGroupContactContainer p.hotelGroupContactDesc {
margin:0 0 40px
}
.hotelGroupContactDetails ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactDetails p,.hotelGroupContactDetails ul li,.hotelGroupContactDetails p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactDetails li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactDetails ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
.hotelGroupContactDetails li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactDetails li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactDetails li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn) {
color:#4f4f4f
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding-left:30px
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial .HGfooterSocial li .fa {
position:relative;
top:initial
}
.hotelGroupContactlistContainer {
background:#f8f8f8;
padding:80px 0
}
.hotelGroupContactlistContainer .hotelGroupContactblock {
position:relative;
padding:30px;
background:#FFF;
box-shadow:0 7px 12px -4px rgba(0,0,0,.1);
margin:0 5px
}
.hotelGroupContactlistContainer .hotelGroupContactblock a {
white-space:normal;
word-break:break-all
}
.hotelGroupContactlistContainer .hotelGroupContactblock h4 {
margin:0 0 30px;
font-size:22px;
font-weight:700
}
.hotelGroupContactlistContainer ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactlistContainer p,.hotelGroupContactlistContainer ul li,.hotelGroupContactlistContainer p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactlistContainer li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactlistContainer ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 10px 0 0
}
.hotelGroupContactlistContainer li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactlistContainer li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactlistContainer li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding:0;
margin:0 15px 0 0
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li .fa {
position:relative
}
.hotelGroupAboutSliderContainer {
padding:80px 0
}
.hotelGroupAboutWelcomeContainer {
padding:0 0 80px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption h3 {
font-size:54px;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption p {
font-size:16px;
font-weight:400;
line-height:1.8;
letter-spacing:.05em;
margin:0 auto 60px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn {
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:active {
background:#FFF;
color:#000
}
.hotelGroupAboutSliderContainer .carousel-inner .item [data-component=image]:before {
content:"";
top:0;
left:0;
right:0;
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.54);
z-index:1;
display:none
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
background:#000;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupAboutSliderContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li:hover,.hotelGroupAboutSliderContainer .carousel-indicators li:focus,.hotelGroupAboutSliderContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupAboutSliderContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupAboutSliderContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a:hover,.hotelGroupBody .ui-datepicker.ui-widget-content td a:focus,.hotelGroupBody .ui-datepicker.ui-widget-content td a:active {
text-decoration:none
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a.ui-state-active {
background:var(--secondary-color);
;
color:#fff;
text-decoration:none
}
.hotelGroupthankyouPage {
padding:80px 0;
text-align:center
}
.hotelSubGroupContentContainer {
padding:80px 0;
text-align:center
}
.hotelGroupContentContainer {
padding:80px 0 0;
text-align:center
}
.hotelSubGroupContentContainer .hotelGroupRoomContent {
padding:50px
}
.hotelSubGroupContentContainer h2,.hotelGroupContentContainer h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:80px 0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerLast {
padding-bottom:100px
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:absolute;
right:30px;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:10px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn {
font-size:16px;
height:auto;
font-family:Bellota;
line-height:1;
padding:15px 20px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn:nth-of-type(2) {
margin-left:5px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoomAmenitiesTxt {
display:none
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:0 20px 0 0;
width:initial
}
.hotelSubGroupTheme .hotelGroupRoomAmenities {
margin:30px 0 20px
}
.hotelSubGroupTheme .hotelGroupRoomImage {
box-shadow:0 50px 40px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px;
letter-spacing:2px;
padding:30px 0 0;
text-transform:none;
color:#30353e
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
opacity:.8
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:18px;
line-height:2
}
.hotelSubGroupTheme .hotelGroupWelcomeImg {
box-shadow:0 30px 30px -20px rgba(0,0,0,.2);
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover {
box-shadow:0 30px 30px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg img {
transition:all .4s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1.03)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
padding:30px 0 0;
margin:0 0 30px;
color:#30353e
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px;
text-transform:none;
margin-bottom:60px;
padding:30px 0 0
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
margin:0;
padding:1px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper.margin-bottom-10px {
margin-bottom:0;
overflow:hidden;
position:relative
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper img {
transition:all .6s ease
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper:hover img {
transform:scale(1.1)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:before {
content:"";
background:rgba(0,0,0,.6);
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all .3s ease;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:hover:before {
top:0;
opacity:0;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a {
position:relative;
display:block
}
.hotelGroupBtnOuter {
margin:60px auto 0;
text-align:center
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
display:flex
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:50%;
padding:20px 20px 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage {
position:relative;
z-index:1;
width:initial
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent {
position:relative;
top:0;
transform:translateY(0%);
width:initial;
text-align:left
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:0;
transition:all .6s ease;
margin:40px 0 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 14px rgb(255 255 255 / .3)
}
.hotelGroupTestimonialHome {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f7c5d480856d_spa.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupTestimonialHome .overly,.hotelGroupAmenityContainer .overly {
background:rgba(0,0,0,.6)
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter {
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:80%;
margin:0 auto
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-family:Bellota;
font-weight:400;
font-size:18px;
color:#FFF;
line-height:2;
letter-spacing:1px;
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
content:'\f10d';
font-family:fontAwesome;
font-size:72px;
margin:0;
opacity:.3;
position:absolute;
left:-50px;
top:-30px;
line-height:1
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
position:relative;
margin:0 auto;
left:0;
right:0;
top:0;
width:100%;
padding:50px
}
.hotelGroupTestimonialHome .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF;
display:none
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:hover,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:focus,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupTestimonialHome .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupTestimonialHome .carousel-indicators {
background:none;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li:hover,.hotelGroupTestimonialHome .carousel-indicators li:focus,.hotelGroupTestimonialHome .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupTestimonialHome .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupTestimonialHome .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupTestimonialHome .nav-indicators-in .carousel-indicators-wrapper {
right:0;
left:0;
bottom:-30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption h3 {
letter-spacing:1px
}
.hotelGroupTestimonialHome h2 {
color:#FFF;
text-align:center
}
.hotelGroupTestimonialHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#FFF;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-40px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionHome {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupAttractionHomeInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupAttractionBlock {
position:relative;
width:calc(33.33% - 40px);
margin:0 20px;
overflow:hidden
}
.hotelGroupAttractionImg {
position:relative;
z-index:1
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:400px;
transition:all .6s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:absolute;
bottom:-90px;
left:0;
background:rgba(0,0,0,.6);
display:block;
color:#FFF;
z-index:2;
padding:20px;
transition:all .3s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionContent {
bottom:0
}
.hotelGroupAttractionContent p {
color:#FFF
}
.hotelGroupAttractionHome h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupAttractionHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionContent h3 {
margin:0 0 15px;
letter-spacing:1px;
font-size:26px;
color:#fff
}
.hotelGroupAttractionContent p {
color:#FFF;
font-size:14px;
letter-spacing:.03em;
margin:0
}
.hotelGroupPropertyContainer {
padding:80px 0 80px
}
.hotelGroupPropertyPage.hotelGroupPropertyContainer {
padding:0 0 80px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupPropertyContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupPropertyContainerInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyBlock {
width:33%;
margin:0 20px;
position:relative;
overflow:hidden
}
.hotelGroupPropertyBlock:after {
content:"";
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
transition:all .3s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover:after {
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:450px;
transition:all .8s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1.1)
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
text-align:center;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:11;
background:rgba(0,0,0,.5);
opacity:1;
transition:all .3s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:0
}
.hotelGroupPropertyBlock a {
color:var(--secondary-color)
}
.hotelGroupPropertyBlock h3 {
letter-spacing:1px;
font-size:24px;
font-weight:400;
margin:0;
color:#FFF
}
.hotelGroupPropertyBlock p {
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#909090
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
font-size:13px;
text-transform:none;
letter-spacing:.03em;
margin:20px 0 0
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockLabel {
margin:0 0 10px;
font-size:12px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
display:flex;
flex-flow:column;
align-items:flex-start;
border:1px solid;
padding:30px;
position:absolute;
left:0;
top:-100%;
z-index:11;
width:100%;
height:100%;
max-height:450px;
transition:all .6s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockContent {
top:0;
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:absolute;
bottom:-100%;
left:30px;
z-index:11;
transition:all .6s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:30px
}
.hotelGroupPropertyLogoContainer {
padding:20px 0
}
.hotelGroupPropertyLogoInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyLogo {
margin:20px
}
.hotelGroupPropertyLogo img {
max-height:80px;
transition:all .6s ease;
opacity:.6
}
.hotelGroupPropertyLogo:hover img {
opacity:1
}
.hotelGroupRewardContainer {
padding:100px 0;
background-image:url(images/uploads/1/5f7ef5d09cd88_gift.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment:fixed
}
.hotelGroupRewardContainer:before {
content:"";
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
position:absolute;
left:0;
right:0;
top:0;
pointer-events:none;
width:100%;
height:100%
}
.hotelGroupRewardContainer h2 {
color:#FFF;
margin:0 0 10px;
text-transform:none
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupRewardContainer p {
color:#FFF;
margin:0;
letter-spacing:.06em;
font-size:14px
}
.hotelGroupRewardContainer .btn-secondary {
letter-spacing:2px
}
.hotelGroupContentsContainer {
padding:60px 0
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
position:relative;
padding:80px 0;
text-align:center;
background:inherit
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer:before {
content:"";
display:none
}
.hotelGroupAmenityPage .hotelGroupAmenityItemContent h3,.hotelGroupAmenityPage .hotelGroupAmenityItemContent p {
color:#30353e
}
.hotelGroupAmenityPage .hotelGroupAmenityItemImg {
background:none;
border:0;
align-items:flex-start;
padding:0;
min-height:initial;
min-width:initial
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:80px 0 0
}
.hotelGroupAttractionPage.hotelGroupAttractionHome {
background:inherit;
padding-top:40px
}
.hotelGroupTheme .tooltip {
white-space:nowrap
}
.hotelGroupTheme .tooltip .tooltip-inner {
background-color:#000;
font-size:10px;
letter-spacing:.05em
}
.hotelGroupTheme .tooltip.top .tooltip-arrow {
bottom:1px;
border-top-color:#000
}
.hotelGroupTheme .tooltip.top-left .tooltip-arrow,.hotelGroupTheme .tooltip.top-right .tooltip-arrow,.hotelGroupTheme .tooltip.top .tooltip-arrow {
border-top-color:#000
}
.hotelSubGroupNavbar {
background:#1b1b1b
}
.hotelSubGroupNavbar .navbar-nav>li>a {
padding:15px;
color:#FFF;
line-height:1;
font-size:13px;
letter-spacing:.05em;
transition:all .3s ease
}
.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:var(--secondary-color);
;
color:#FFF
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:1px solid #424242
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a {
font-weight:700
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active {
background:#1b1b1b
}
.hotelGroupRestaurantContainer {
padding:80px 0
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:36px;
text-transform:none
}
.hotelSubGroupRestaurantPage {
padding:80px 0 0;
text-align:center
}
.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupRestaurantPage p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelGroupRestaurantBlock {
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:row-reverse
}
.hotelGroupRestaurantImg {
width:50%;
overflow:hidden
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
max-height:400px;
min-height:400px;
width:100%;
transition:all .3s ease
}
.hotelGroupRestaurantBlock:hover .hotelGroupRestaurantImg img {
transform:scale(1.1)
}
.hotelGroupRestaurantContent {
width:50%;
padding:40px;
border:1px solid #dedede;
min-height:400px;
max-height:400px;
display:flex;
flex-flow:column;
justify-content:center
}
.hotelGroupRestaurantContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.hotelGroupRestaurantContent p {
margin-bottom:30px
}
.hotelGroupBanquetsContainer {
padding:80px 0
}
.hotelGroupBanquetsInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupBanquetsBlock {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:calc(50% - 40px);
margin:0 20px 60px;
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease;
overflow:hidden
}
.hotelGroupBanquetsBlock:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelGroupBanquetsImg {
position:relative;
z-index:1;
max-height:350px;
overflow:hidden
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 24px rgb(255 255 255 / .3)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
min-height:350px;
max-height:350px;
transition:all .6s ease
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1.1)
}
.hotelGroupBanquetsContent {
background:#FFF;
transition:all .3s ease;
padding:30px
}
.hotelGroupBanquetsContent h3 {
font-size:32px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupBanquetsContent p {
margin:0
}
.hotelGroupNavbar .navbar-header #subNavicon {
display:none
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:none
}
.hotelGroupCovidpage {
padding:80px 0
}
.hotelGroupCovidpage h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupCovidpage p {
margin-bottom:20px
}
.hotelGroupTheme .nomargintop {
margin-top:0!important
}
.helloBarContainer {
background:var(--primary-color);
color:#FFF;
text-align:center;
padding:15px 0
}
.helloBarContainer p {
margin:0;
line-height:1;
font-size:14px;
color:#FFF
}
.helloBarContainer p .fa {
margin:0 10px 0 0
}
.helloBarContainer p a {
color:#FFF;
text-transform:uppercase;
font-weight:600;
margin:0 0 0 20px;
text-decoration:none;
border-bottom:1px solid #FFF
}
.helloBarContainer p a:hover,.helloBarContainer p a:focus {
color:#FFF;
text-decoration:none;
border-bottom-color:rgba(255,255,255,.5)
}
.helloBarContainer a.helloBarClose {
cursor:pointer;
color:rgba(255,255,255,.5);
font-size:24px;
font-weight:300;
line-height:1;
margin:0 0 0 20px;
transition:all .2s ease-out
}
.helloBarContainer a.helloBarClose:hover,.helloBarContainer a.helloBarClose:focus {
text-decoration:none;
color:rgba(255,255,255,1)
}
.helloBarInner {
position:relative;
z-index:11;
display:flex;
justify-content:center;
align-items:center
}
.rewardsTopcontainer {
padding:80px 0
}
.rewardsTopcontainerInner {
display:flex;
flex-flow:row-reverse
}
.rewardsTopcontainerImage {
width:55%;
padding-left:50px
}
.rewardsTopcontainerContent {
width:45%
}
.rewardsTopcontainerContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.rewardsOffers {
background:var(--primary-color);
color:#FFF;
padding:80px 0
}
.rewardsForm {
max-width:500px;
margin:0 auto
}
.rewardsForm h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px;
text-align:center
}
.hotelGroupAmenityContainer.rewardsOffers:before {
background-image:url(images/uploads/1/5f92a8c42060e_gift4.jpg)
}
.hotelGroupTheme.privacyPage {
padding:80px 0
}
.hotelGroupTheme.privacyPage h2 {
font-size:32px;
font-weight:700;
color:#30353e;
text-transform:none;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupTheme.privacyPage p {
}
.hotelGroupTheme.privacyPage p strong {
font-size:18px;
margin-top:20px;
margin-bottom:5px;
display:inline-block
}
.hotelGroupTheme ul.privacyList {
margin:30px 0
}
.hotelGroupTheme ul.privacyList li {
margin-bottom:10px
}
.hotelGroupTheme ul.privacyList li:last-of-type {
margin-bottom:0
}
.hotelSubGroupAboutSliderContainer {
padding:40px 0 80px
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display:none
}
.grecaptcha-badge {
display:none!important
}
.boxnew button.btn.crssearchbtn:hover {
background:#45b5c6!important
}
.hotelgroup-subnavbar {
position:sticky;
z-index:99;
top:0
}
.group-row {
display:flex;
align-items:center
}
div#gallery2 img {
min-height:230px;
max-height:230px;
min-width:387px;
height:100%;
width:100%
}
.ekko-lightbox-container img {
min-width: 1000px;
min-height: 600px;
max-height: 600px;
height:100%;
width:100%
}
.modal-dialog{
max-width: 1000px !important;
}
@media(min-width:1601px) {
.hotelGroupSlideshowContainer .carousel .item img {
width:100%
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
}
@media(max-width:1199px) {
.hotelGroupNavbar .navbar-header .navbar-brand a {
max-width:200px
}
.hotelGroupNavbar .container {
padding:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
padding:0;
margin:0;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar .navbar-buttons {
margin:0 0 0 15px!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-size:12px;
padding:10px;
margin:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-centered .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left-right .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons {
min-height:initial;
min-width:initial
}
.hotelGroupNavbar .navbar {
padding:0;
border:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar-header {
float:none;
width:100%;
padding:0;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
border-bottom:1px solid #efefef
}
.hotelGroupNavbar .navbar-header .navbar-brand {
min-height:initial;
height:initial;
max-width:initial;
padding:0;
margin:0 10px 0 0;
width:calc(100% - 80px)
}
.hotelGroupNavbar .navbar-header .navbar-toggle {
width:50px;
float:none;
margin:0;
padding:0;
font-size:24px;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar-header .navbar-toggle.collapsed .fa-bars:before {
content:"\F0C9"
}
.hotelGroupNavbar .navbar-header .navbar-toggle .fa-bars:before {
content:"\F00D"
}
.hotelGroupNavbar .navbar-header #subNavicon {
width:50px;
float:none;
margin:0;
padding:0;
color:#4f4f4f;
font-size:24px;
text-align:center;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
display:none!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse.in {
display:block!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:20px 10px;
margin:0;
box-shadow:none;
min-width:100%;
width:100%;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li {
display:block;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.open {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav .dropdown.open>a {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
padding:10px 30px;
text-transform:none
}
.hotelSubGroupNavbar {
background:#FFF
}
.hotelSubGroupNavbar #subGroupNavigation {
padding:0;
margin:0 -15px
}
.hotelSubGroupNavbar #subGroupNavigation.collapse {
display:none!important
}
.hotelSubGroupNavbar #subGroupNavigation.collapse.in {
display:block!important
}
.hotelSubGroupNavbar #subGroupNavigation .navbar-nav {
float:none;
padding:20px
}
.hotelSubGroupNavbar .navbar-nav>li {
display:block;
float:none
}
.hotelSubGroupNavbar .navbar-nav>li>a {
font-family:Chakra Petch;
color:#30353e;
font-size:14px;
font-weight:600;
padding:10px 0
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:60px
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:0
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active,.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:#FFF;
color:var(--secondary-color)
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:block;
margin:0 20px 20px 20px
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow.navbar-buttons>* {
display:block
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow .btn {
font-size:15px;
line-height:1;
padding:15px 20px
}
.hotelGroupWelcomeContent {
width:50%
}
.hotelGroupWelcomeImgOuter {
width:50%;
padding-left:50px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:16px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
position:relative;
font-size:40px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
flex-direction:column;
justify-content:center
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
margin:0 auto;
width:90%
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2)
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:90%;
margin:0 auto;
position:relative;
top:0;
transform:translateY(0%)
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:36px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:400px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding:40px 0 60px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:60px 0 0
}
.hotelGroupContactContainer {
padding:60px 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:50%;
padding-bottom:0;
margin:20px 0
}
.hotelGroupContactlistContainer {
padding:60px 0
}
.hotelGroupFormContainer {
max-width:100%
}
.hotelGroupRestaurantContent {
max-height:initial
}
.hotelGroupRestaurantBlock {
align-items:stretch
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:100%;
max-height:initial
}
.hotelGroupCovidpage {
padding:40px 0
}
}
@media(max-width:991px) {
.group-row {
display:flex
}
body.hotelGroupBody #page {
overflow-x:hidden
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
display:none
}
.hotelGroupTopbar .hotelGroupTopbarLeft .inline-wrapper {
justify-content:flex-start
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper {
justify-content:flex-end
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper>[data-component=image] {
display:none
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:36px
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
display:none
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
display:none
}
.hotelGroupBookingContainer #bb_resBookingBox {
flex-direction:column
}
.hotelGroupBookingContainer .boxnew p {
max-width:300px;
margin:15px 0
}
.hotelGroupTheme h2 {
font-size:42px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:60px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span {
position:relative;
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:30px
}
.hotelGroupPropertyContainerInner {
flex-flow:row wrap
}
.hotelGroupPropertyBlock {
width:calc(50% - 40px);
margin-bottom:30px
}
.hotelGroupAttractionBlock {
width:calc(50% - 40px)
}
.hotelGroupAttractionHome {
padding:60px 0
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:column;
margin:40px 20px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupRestaurantImg {
width:initial
}
.hotelGroupRestaurantContent {
width:initial;
min-height:initial;
max-height:initial;
padding:30px
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:initial;
max-height:initial
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:36px;
top:-10px
}
.hotelGroupWelcomeContainer {
padding:60px 0
}
.hotelGroupWelcomeInner {
flex-direction:column
}
.hotelGroupWelcomeContent {
width:initial;
text-align:center
}
.hotelGroupWelcomeImgOuter {
width:initial;
padding-left:0;
margin:40px auto 0;
max-width:600px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
flex-direction:column
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
width:initial
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
flex-direction:column;
text-align:center
}
.hotelGroupAmenityItemImg {
margin:0 auto 30px
}
.hotelGroupGalleryContainer {
padding-bottom:60px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:60px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:flex;
flex-flow:row wrap;
justify-content:center
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:33.33%
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:100%
}
.hotelGroupTestimonialHome h2 span {
font-size:30px;
top:-30px
}
body .hotelGroupFooter .col-sm-4 {
width:100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 30px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
display:none
}
.hotelGroupHeadBlock {
padding-bottom:30px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:42px
}
.hotelGroupBookingContainer .boxnew p input {
height:40px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
bottom:6px
}
.hotelGroupBookingContainer .boxnew p select {
height:40px
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
height:44px
}
.hotelGroupPageTitle {
padding:80px 0
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2 {
font-size:32px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:350px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:auto;
margin:40px 0 0
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
width:100%;
left:0;
right:0;
bottom:auto;
top:45%;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:auto;
right:auto;
left:5px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.right.carousel-control {
left:auto;
right:5px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:100%
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
width:100%
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
display:none
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:30px 0
}
.hotelSubGroupContentContainer {
padding:60px 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
margin:0 10px
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p,.hotelGroupTheme p {
font-size:15px
}
.hotelGroupContactDetails li .fa.fa-map-marker {
top:0
}
.hotelGroupContactDetails {
margin:60px 0 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:100%;
margin:30px 0
}
.hotelGroupContactlistContainer {
padding:40px 0
}
.hotelGroupContentContainer {
padding-top:60px
}
.hotelGroupContentContainer h2 {
font-size:36px
}
.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupRestaurantBlock {
align-items:initial
}
.hotelGroupBanquetsBlock {
width:100%;
margin:0 10px 60px
}
.hotelGroupBanquetsBlock:last-of-type {
margin-bottom:0
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
max-height:initial;
min-height:initial
}
.rewardsTopcontainer {
padding:60px 0
}
.rewardsTopcontainerInner {
flex-direction:column
}
.rewardsTopcontainerImage {
width:initial;
padding-left:0;
margin:0 auto 30px
}
.rewardsTopcontainerContent {
width:initial
}
.hotelGroupTheme.privacyPage {
padding:40px 0
}
.hotelGroupAboutSliderContainer {
padding:50px 0
}
.hotelGroupAboutWelcomeContainer {
padding-bottom:50px
}
}
@media(max-width:767px) {
.ekko-lightbox-container img {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
div#gallery2 img {
min-height:100%;
max-height:100%;
min-width:100%
}
.hotelGroupNavbar .navbar-two {
padding:10px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:block
}
#whatsapp-message {
bottom:90px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupSlideshowContainer .carouselNavOuter {
width:100%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
left:10px;
right:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
top:auto;
bottom:10px;
left:auto;
right:10px
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:relative;
bottom:auto;
background:#FFF;
color:#4f4f4f;
min-height:200px
}
.hotelGroupAttractionContent h3 {
font-size:24px;
font-weight:600
}
.hotelGroupAttractionContent p {
color:#4f4f4f
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:initial
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column;
justify-content:center;
text-align:center
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1)
}
.hotelGroupAmenityItemContent h3 {
margin-bottom:15px
}
.hotelGroupContactContainer {
padding:40px 0
}
.hotelGroupPageTitle h2 span {
line-height:1.6
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1)
}
.CovidpageInner {
padding:0 10px
}
.hotelGroupCovidpage h3 {
font-size:28px
}
.rewardsTopcontainer {
padding:40px 0
}
.rewardsTopcontainerInner {
padding:0 10px
}
.hotelGroupTheme ul.privacyList {
padding:0 0 0 20px
}
.privacyPageInner {
padding:0 10px
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
display:none
}
}
@media(max-width:640px) {
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
display:none
}
.hotelGroupRewardContainer {
padding:80px 0
}
.hotelGroupRestaurantContainer {
padding:60px 0
}
.hotelGroupPropertyBlock {
width:100%;
border:1px solid #e0e0e0
}
.hotelGroupPropertyBlockImg {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
position:relative;
top:0;
max-height:450px;
opacity:1;
border-color:#e0e0e0
}
.hotelGroupPropertyBlock h3 {
color:#30353e;
font-weight:600
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
margin-top:15px;
font-size:14px;
font-weight:400
}
.hotelGroupAttractionBlock {
width:100%;
box-shadow:0 3px 6px -1px rgba(0,0,0,.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
min-height:initial;
padding:30px
}
.hotelGroupAttractionImg {
max-height:350px;
overflow:hidden
}
.hotelGroupAttractionContent h3 {
color:#fff;
font-size:30px
}
.hotelGroupRewardInner {
padding:0 10px
}
.hotelGroupPropertyLogoInner {
flex-flow:row wrap
}
.hotelGroupPropertyLogo {
width:calc(50% - 40px)
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:initial
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:50px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
max-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:relative;
bottom:0;
left:25px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:25px;
border:0
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 30px
}
.hotelGroupTheme .btn.btn-primary {
padding:14px 18px;
font-size:15px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
background:rgba(0,0,0,.3)
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:1
}
.hotelGroupPropertyBlock:hover:after {
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1)
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:300px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:30px;
margin-bottom:15px
}
.hotelGroupPageTitle {
padding:60px 0
}
.hotelGroupPageTitle h2 {
font-size:32px
}
.hotelGroupPageTitle h2 span {
font-size:14px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelSubGroupRestaurantPage h2 {
font-size:30px;
letter-spacing:.03em
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-top:0
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:60px 0 0
}
.hotelGroupCovidpage h3 {
margin-top:30px
}
.hotelGroupAmenityItemContent {
margin:0 auto
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:100%
}
.rewardsOffers.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
}
@media(max-width:580px) {
.hotelGroupSlideshowContainer .carousel .item img {
min-height:300px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:30px;
letter-spacing:2px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control,.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
bottom:-20px
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:70px
}
.hotelGroupTheme h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:15px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:30px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
margin:0
}
.hotelGroupTopbar p.hotelGroupTopbarPhone a {
margin-bottom:0
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-size:16px
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
display:block
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupPageTitle {
padding:40px 0
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:40px 10px 0
}
.hotelGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:20px 0 60px
}
.hotelGroupBanquetsContent h3 {
font-size:26px
}
.hotelGroupCovidpage h3 {
font-size:26px;
margin-bottom:15px
}
.hotelGroupTheme.privacyPage h2 {
font-size:26px
}
.hotelGroupAboutSliderInner,.hotelGroupAboutWelcomeInner {
padding:0 10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:30px;
margin-bottom:20px
}
}
@media(max-width:500px) {
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
display:block
}
}
@media(max-width:479px) {
.hotelGroupRestaurantContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:30px 10px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupPropertyBlock {
margin:20px 10px
}
.hotelGroupAttractionBlock {
margin:20px 10px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:40px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
margin-bottom:0
}
.hotelGroupAttractionHome {
padding:40px 0
}
.hotelGroupAttractionHome h2 {
margin-bottom:30px
}
.hotelGroupTheme h2 {
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:24px;
top:-10px
}
.hotelGroupAttractionContent h3 {
font-size:24px
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
padding:20px
}
.hotelGroupPropertyLogo {
width:calc(50% - 20px);
margin:10px
}
.hotelGroupRewardContainer {
padding:60px 0;
background-attachment:initial;
background-position:50% 100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 20px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:250px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:24px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2,.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:26px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
padding:20px 0
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:10px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
padding:25px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelGroupPropertyBlockImg,.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:260px
}
.hotelGroupFooter .HGfooterTitle {
font-size:20px
}
.hotelGroupTheme p {
font-size:13px
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupBtnOuter {
margin-top:40px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
margin-bottom:30px
}
.hotelGroupGalleryContainer {
padding-bottom:50px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
padding:50px 20px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
font-size:60px;
top:-20px;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:220px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelSubGroupContentContainer {
padding:40px 0 20px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:26px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding-top:40px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-bottom:40px
}
.hotelGroupBanquetsContent {
padding:20px
}
.rewardsTopcontainerContent h3,.rewardsForm h3,.rewardsForm h3 {
font-size:28px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
.helloBarContainer p a {
margin-left:10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:24px
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
bottom:20px
}
.hotelGroupAboutSliderInner .carousel .item img {
min-height:180px
}
}
@media(max-width:359px) {
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
max-width:140px
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:260px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:24px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 20px;
left:20px
}
}
* img{
object-fit: cover;
}
:root {
--primary-color:#c6ab62;
--secondary-color:#b48744;
--btn-hover:#b48744;
--white:#fff;
--primary-text-color:#333;
--black:#000;
--placeholder:#757575;
--background-color:#0f0f0f
}
body.hotelGroupBody {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f;
overflow-x:hidden
}
.yummy .col-lg-1,.yummy .col-lg-2,.yummy .col-lg-3,.yummy .col-lg-4,.yummy .col-lg-5,.yummy .col-lg-6,.yummy .col-lg-7,.yummy .col-lg-8,.yummy .col-lg-9,.yummy .col-lg-10,.yummy .col-lg-11,.yummy .col-lg-12,.yummy .col-lg-15,.yummy .col-md-1,.yummy .col-md-2,.yummy .col-md-3,.yummy .col-md-4,.yummy .col-md-5,.yummy .col-md-6,.yummy .col-md-7,.yummy .col-md-8,.yummy .col-md-9,.yummy .col-md-10,.yummy .col-md-11,.yummy .col-md-12,.yummy .col-md-15,.yummy .col-sm-1,.yummy .col-sm-2,.yummy .col-sm-3,.yummy .col-sm-4,.yummy .col-sm-5,.yummy .col-sm-6,.yummy .col-sm-7,.yummy .col-sm-8,.yummy .col-sm-9,.yummy .col-sm-10,.yummy .col-sm-11,.yummy .col-sm-12,.yummy .col-sm-15,.yummy .col-xs-1,.yummy .col-xs-2,.yummy .col-xs-3,.yummy .col-xs-4,.yummy .col-xs-5,.yummy .col-xs-6,.yummy .col-xs-7,.yummy .col-xs-8,.yummy .col-xs-9,.yummy .col-xs-10,.yummy .col-xs-11,.yummy .col-xs-12,.yummy .col-xs-15 {
padding-right:15px;
padding-left:15px;
padding-bottom:0
}
.yummy p {
margin:0
}
#whatsapp-message {
position:fixed;
margin-bottom:1vh;
bottom:35px;
right:5px;
width:65px;
height:65px;
overflow:hidden;
visibility:visible;
z-index:2147483639;
background:0;
border:0;
transition:transform .2s ease-in-out;
backface-visibility:hidden;
opacity:1;
transform:translateY(0%)
}
.hotelGroupTheme,body .hotelGroupTheme {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTheme a,.hotelGroupTheme p a {
text-decoration:none;
color:var(--primary-color)
}
.hotelGroupTheme a:hover,.hotelGroupTheme a:focus,.hotelGroupTheme p a:hover,.hotelGroupTheme p a:focus {
text-decoration:none;
color:var(--secondary-color)
}
.hotelGroupTheme .btn.btn-primary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-primary:focus,.hotelGroupTheme .btn.btn-primary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelGroupTheme .btn.btn-secondary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:transparent;
color:var(--primary-color);
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-secondary:focus,.hotelGroupTheme .btn.btn-secondary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#FFF
}
.hotelGroupTheme .h1,.hotelGroupTheme .h2,.hotelGroupTheme .h3,.hotelGroupTheme .h4,.hotelGroupTheme .h5,.hotelGroupTheme .h6,.hotelGroupTheme h1,.hotelGroupTheme h2,.hotelGroupTheme h3,.hotelGroupTheme h4,.hotelGroupTheme h5,.hotelGroupTheme h6 {
font-family:Bellota;
font-weight:400
}
.header.fixed {
position:fixed;
top:0;
box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
-webkit-box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
left:0;
right:0;
margin:0 auto;
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
.hotelGroupTheme h2 {
margin:0 0 30px;
position:relative;
color:#30353e;
margin:0 0 30px;
font-size:48px;
line-height:1.2;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase
}
.hotelGroupTheme h2 span {
display:block;
font-size:16px;
font-weight:400;
margin:0 0 10px;
color:var(--secondary-color)
}
.hotelGroupTheme p {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTopbar {
padding:12px 0;
border-bottom:1px solid #efefef
}
.hotelGroupTopbar .inline-wrapper {
align-items:center
}
.hotelGroupTopbar p {
margin:0 10px 0;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
margin-left:0
}
.hotelGroupTopbar p .fa {
margin-right:10px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone .fa {
font-size:18px;
position:relative;
top:1px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
position:relative;
top:-1px
}
.hotelGroupTopbar p a {
color:#4f4f4f;
text-decoration:none;
transition:all .3s ease
}
.hotelGroupTopbar p a:focus,.hotelGroupTopbar p a:hover {
color:var(--secondary-color);
;
text-decoration:none
}
.hotelGroupTopbar p.hotelGroupTopbarSocial {
font-size:16px
}
.hotelGroupTopbar p.hotelGroupTopbarSocial .fa {
margin-right:0
}
.hotelGroupTopbar .gTranslate {
margin-left:10px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget {
position:relative;
font-size:0
}
.hotelGroupTheme #google_translate_element .goog-te-gadget:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
pointer-events:none;
color:#000;
font-size:18px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget a.goog-logo-link {
display:none
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
height:30px;
padding:0 30px 0 10px;
letter-spacing:.03em;
border-radius:0;
border:1px solid #d5d5d5;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
cursor:pointer;
font-size:12px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo:focus {
outline:0;
border-color:#a7a7a7
}
.hotelGroupNavbar {
position:relative;
z-index:100
}
.hotelGroupNavbar .navbar {
width:100%;
margin:0;
padding:10px 0;
display:flex;
align-items:center;
min-height:60px
}
.hotelGroupNavbar .navbar-header .navbar-brand {
height:auto
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:90px
}
.hotelGroupNavbar .navbar-collapse {
padding:0!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
width:inherit;
align-items:center;
padding-right:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:5px 0 0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
line-height:1;
color:#30353e;
text-transform:uppercase;
letter-spacing:.03em;
transition:all .3s ease;
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:active,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:focus,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:hover,.hotelGroupNavbar .navbar.navbar-plain ul.nav li.active a {
color:var(--secondary-color);
;
background-color:transparent
}
.hotelGroupNavbar .nav .open>a,.hotelGroupNavbar .nav .open>a:focus,.hotelGroupNavbar .nav .open>a:hover {
background:none;
border:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown a .caret:after {
top:-7px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown.open a .caret:after {
top:-3px
}
.hotelGroupNavbar .dropdown-menu {
border-radius:0;
background:#FFF
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li {
display:block
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
font-weight:400;
display:block;
padding:15px 20px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdownRight .dropdown-menu {
left:auto;
right:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-family:Bellota;
background:var(--primary-color);
border:1px solid var(--primary-color);
color:#fff;
box-shadow:none;
border-radius:0;
font-size:14px;
font-weight:700;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
transition:all .3s ease;
padding:12px 18px
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:focus,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:hover {
border-color:var(--secondary-color);
;
background:var(--secondary-color);
;
cursor:pointer;
color:#fff;
text-decoration:none;
box-shadow:none;
outline:0
}
.hotelGroupSlideshowContainer {
color:#FFF
}
.hotelGroupSlideshowContainer p,.hotelGroupSlideshowContainer a {
color:#FFF
}
.hotelGroupSlideshowContainer .carousel-inner>.item {
transition:none;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item img {
animation:bloomEffects 1s ease;
animation-fill-mode:forwards
}
@keyframes bloomEffects {
0% {
transform:scale(1)
}
100% {
transform:scale(1.1)
}
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:60px;
font-weight:700;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
font-size:18px;
font-weight:400;
line-height:1.4;
letter-spacing:.06em;
margin:0 auto 60px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
background:#000;
border-color:#000
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
font-family:Chakra Petch;
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
background-color:transparent;
color:#fff;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto;
height:50px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:active {
background-color:#FFF;
border-color:#FFF;
color:#000
}
.hotelGroupSlideshow {
max-height:600px;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupSlideshowContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
background:#000;
border:1px solid #000
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:auto;
right:0
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
left:auto;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li:hover,.hotelGroupSlideshowContainer .carousel-indicators li:focus,.hotelGroupSlideshowContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupSlideshowContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupSlideshowContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBookingContainer {
position:relative;
background:#1b1b1b;
color:#FFF;
padding:40px 0
}
.hotelSubGroupTheme.hotelGroupBookingContainer {
position:relative;
background:var(--secondary-color);
;
color:#FFF
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0 30px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupBookingContainer .boxnew {
width:100%;
text-align:center
}
.hotelGroupBookingContainer .boxnew p {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupBookingContainer .boxnew p label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p input {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupBookingContainer .boxnew p select {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
font-family:Bellota;
font-size:18px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:50px;
border-radius:0;
padding:10px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:var(--secondary-color);
!important;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn {
background-color:#000;
color:#fff;
border:1px solid #000
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupBookingContainer .boxnew p br {
display:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:25px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:25px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1) {
max-width:300px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(4) {
margin-top:28px
}
.hotelGroupTheme .bbres_fieldset,.hotelGroupTheme .HGCalender,.hotelGroupTheme .HGBEBtn {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select,.hotelGroupTheme .HGSelectOuter {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:300px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select:before,.hotelGroupTheme .HGSelectOuter:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:20px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupTheme .bbres_fieldset label,.hotelGroupTheme .bbres_select label,.hotelGroupTheme .form-control label,.hotelGroupTheme .HGSelectOuter label,.hotelGroupTheme .HGCalender label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset input,.hotelGroupTheme .HGCalender input,.hotelGroupTheme input.form-control {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme textarea.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:auto;
background:#fff;
width:100%;
padding:20px;
border-radius:0;
font-size:13px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger {
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
font-size:0;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px
}
.hotelGroupTheme .HGCalender:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupTheme .bbres_select select,.hotelGroupTheme .HGSelectOuter select,.hotelGroupTheme select.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupTheme input.form-control:focus,.hotelGroupTheme select.form-control:focus,.hotelGroupTheme select:focus,.hotelGroupTheme textarea.form-control:focus,.hotelGroupTheme textarea:focus {
border-color:#152161;
background:#fff;
outline:0
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn,.hotelGroupTheme .HGBEBtn #bb_resBtn {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
line-height:1.8;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:#000;
color:#fff;
border:1px solid #000;
height:50px;
border-radius:0;
padding:15px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn:active,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:focus,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:hover,.hotelGroupTheme .HGBEBtn #bb_resBtn:active,.hotelGroupTheme .HGBEBtn #bb_resBtn:focus,.hotelGroupTheme .HGBEBtn #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupWelcomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupWelcomeInner {
display:flex;
align-items:center
}
.hotelGroupWelcomeContent {
width:48%
}
.hotelGroupWelcomeImgOuter {
width:52%;
padding-left:100px
}
.hotelGroupPropertyContainer {
position:relative;
padding:1px 0;
display:flex;
justify-content:center
}
.hotelGroupPropertyInner {
position:relative;
display:flex;
min-height:600px;
flex-flow:row wrap;
max-width:1600px
}
.hotelGroupPropertyContainerAlter .hotelGroupPropertyInner {
flex-direction:row-reverse
}
.hotelGroupPropertyImage {
width:60%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.hotelGroupPropertyContent {
width:40%;
padding:60px;
display:flex;
flex-flow:column;
justify-content:center;
text-align:left
}
h3.hotelGroupPropertyContentTitle {
margin:0 0 30px;
font-size:42px;
line-height:1.2;
letter-spacing:2px;
color:#30353e
}
p.hotelGroupPropertyContentText {
color:inherit;
margin:0 0 50px;
font-size:17px;
line-height:1.8;
letter-spacing:.03em
}
.hotelGroupHomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupHomeContainer .hotelGroupHomeContent {
text-align:center
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:60px;
padding-top:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:16px;
line-height:2
}
.hotelGroupAmenityContainer {
position:relative;
background:var(--primary-color);
color:#FFF;
padding:80px 0 40px;
text-align:center
}
.hotelGroupAmenityContainer {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f06b6379b36d_bannerImg002.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupAmenityContainer h2,.hotelGroupAmenityContainer h3,.hotelGroupAmenityContainer h4,.hotelGroupAmenityContainer p {
color:#FFF
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px;
padding-top:30px
}
.hotelGroupAmenityContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#e6c6a1;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupAmenityBtnOuter {
margin:60px 0 0
}
.hotelGroupAmenityList {
display:flex;
flex-flow:row wrap;
align-items:flex-start;
justify-content:flex-start
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
position:relative;
display:flex;
text-align:left;
padding:40px;
align-items:flex-start;
width:33%;
justify-content:flex-start;
margin:0;
align-items:center
}
.hotelGroupAmenityItemImg {
min-width:60px;
min-height:60px;
background:rgb(0 0 0 / .2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
margin:0 10px 0 0
}
.hotelGroupAmenityItemImg img {
max-width:30px;
max-height:30px
}
.hotelGroupAmenityItemContent h3 {
margin:0 0 6px;
font-weight:600;
letter-spacing:1px;
font-size:20px;
line-height:1
}
.hotelGroupAmenityItemContent p {
margin:0;
font-size:14px;
letter-spacing:.03em
}
body .hotelGroupFooter {
background:#1b1b1b;
color:#c5c5c5
}
.hotelGroupFooter .HGfooterTitle {
color:#FFF;
font-family:Bellota;
font-size:24px;
letter-spacing:3px;
font-weight:700;
text-transform:uppercase;
margin:0 0 30px
}
.hotelGroupFooter ul.list-basic li a:not(.btn) {
color:#c5c5c5;
text-decoration:none
}
.hotelGroupFooter ul.list-basic li a:not(.btn):hover,.hotelGroupFooter ul.list-basic li a:not(.btn):focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic {
display:flex;
flex-flow:row wrap
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic li {
width:50%
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic {
display:flex;
flex-flow:column
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic li {
width:initial
}
body .hotelGroupFooterbtm {
background:#101010;
color:#c5c5c5;
padding:10px 0;
font-size:14px
}
body .hotelGroupFooterbtm .footerBtmInner {
display:flex;
justify-content:space-between;
align-items:center
}
body .hotelGroupFooterbtm p {
margin:0;
font-family:Chakra Petch
}
body .hotelGroupFooterbtm p a {
color:#c5c5c5;
text-decoration:none
}
body .hotelGroupFooterbtm p a:hover,body .hotelGroupFooterbtm p a:focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterContact ul.list-basic li {
position:relative;
padding-left:30px
}
body .hotelGroupFooter p,body .hotelGroupFooter ul li,body .hotelGroupFooter p a {
margin-bottom:10px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
color:#c5c5c5;
letter-spacing:.03em
}
body .hotelGroupFooter .HGfooterContact li .fa {
position:absolute;
left:0;
top:3px;
font-size:20px;
font-weight:400;
line-height:1
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial {
margin:10px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial li .fa {
position:relative;
top:initial
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-map-marker {
left:2px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-envelope-open-o {
font-size:14px;
left:1px;
top:4px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-mobile {
font-size:22px;
left:3px;
top:1px
}
.hotelGroupRoomContainer {
padding:80px 0
}
.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-end
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
position:relative;
z-index:1;
width:80%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:600px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
position:absolute;
right:10px;
bottom:70px;
width:50px;
z-index:2;
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #000;
background:#000;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators {
background:none;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
position:absolute;
width:600px;
background:#FFF;
padding:30px;
left:0;
top:50%;
display:block;
z-index:2;
transform:translateY(-50%);
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:48px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupRoomContainer .hotelGroupRoomContentText {
margin:0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities {
margin:20px 0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic {
display:flex;
flex-flow:row wrap
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic li {
width:50%;
display:flex;
align-items:center;
margin:0 0 15px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesImg img {
max-height:24px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesTxt p {
margin:0 0 0 10px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice {
margin:0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice strong {
font-size:22px;
font-weight:700;
margin:0;
letter-spacing:-.02em
}
.hotelGroupRoomContainer .hotelGroupRoomPrice span {
border-bottom:1px dashed;
cursor:help;
margin:0 0 0 5px
}
.hotelGroupRoomContainerAlter .hotelGroupRoomInner {
justify-content:flex-start
}
.hotelGroupRoomContainerAlter .hotelGroupRoomContent {
left:auto;
right:0
}
.hotelGroupRoomContainerAlter .hotelGroupRoomImage .carouselNavOuter {
right:auto;
left:10px
}
.hotelGroupTheme .mapWrapper iframe {
margin:0;
padding:0;
outline:0;
border:0;
display:inline-block;
vertical-align:top
}
.hotelGroupGalleryContainer {
padding:0 0 80px;
text-align:center
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:80px
}
.hotelGroupBody .modal-dialog {
margin:15px auto 0;
max-width:900px!important
}
.hotelGroupBody .modal-header {
padding:0;
border-bottom:0 solid #e5e5e5;
background:0
}
.hotelGroupBody .modal-title {
display:none
}
.hotelGroupBody .modal button.close {
z-index:110;
right:10px;
top:10px;
outline:0
}
.hotelGroupBody .modal button.close:focus,.hotelGroupBody .modal button.close:hover {
outline:0
}
.hotelGroupBody .ekko-lightbox-nav-overlay .glyphicon {
height:100%;
display:flex;
align-items:center;
text-align:right
}
.hotelGroupBody .glyphicon.glyphicon-chevron-left {
justify-content:flex-start
}
.hotelGroupBody .glyphicon.glyphicon-chevron-right {
justify-content:flex-end
}
.hotelGroupBody .ekko-lightbox-nav-overlay a:focus,.hotelGroupBody .ekko-lightbox-nav-overlay a:hover {
text-decoration:none
}
.hotelGroupBody .modal-dialog img {
width:100%
}
.hotelGroupBody .modal-dialog .ekko-lightbox-container {
max-height:550px;
overflow:hidden
}
.hotelGroupHeadBlock {
padding:60px 0;
text-align:center
}
.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
margin:0
}
.hotelGroupPageTitle {
padding:100px 0;
color:#FFF;
background-color:rgba(0,0,0,0);
background-position:50% 60%
}
.hotelGroupPageTitle h2 {
color:#FFF;
text-align:center;
margin:0
}
.hotelGroupPageTitle h2 span {
color:#FFF;
font-family:Chakra Petch;
margin:10px 0 0
}
.hotelGroupContactContainer {
padding:80px 0
}
.hotelGroupContactContainer .form-group,.hotelGroupContactContainer .input-group {
margin:0 0 20px
}
.hotelGroupContactContainer h3 {
font-size:28px;
font-weight:700;
letter-spacing:1px;
margin:0 0 20px;
color:#30353e
}
.hotelGroupContactContainer h3.hotelGroupContactHeading {
margin:0 0 10px
}
.hotelGroupContactContainer p.hotelGroupContactDesc {
margin:0 0 40px
}
.hotelGroupContactDetails ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactDetails p,.hotelGroupContactDetails ul li,.hotelGroupContactDetails p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactDetails li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactDetails ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
.hotelGroupContactDetails li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactDetails li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactDetails li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn) {
color:#4f4f4f
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding-left:30px
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial .HGfooterSocial li .fa {
position:relative;
top:initial
}
.hotelGroupContactlistContainer {
background:#f8f8f8;
padding:80px 0
}
.hotelGroupContactlistContainer .hotelGroupContactblock {
position:relative;
padding:30px;
background:#FFF;
box-shadow:0 7px 12px -4px rgba(0,0,0,.1);
margin:0 5px
}
.hotelGroupContactlistContainer .hotelGroupContactblock a {
white-space:normal;
word-break:break-all
}
.hotelGroupContactlistContainer .hotelGroupContactblock h4 {
margin:0 0 30px;
font-size:22px;
font-weight:700
}
.hotelGroupContactlistContainer ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactlistContainer p,.hotelGroupContactlistContainer ul li,.hotelGroupContactlistContainer p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactlistContainer li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactlistContainer ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 10px 0 0
}
.hotelGroupContactlistContainer li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactlistContainer li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactlistContainer li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding:0;
margin:0 15px 0 0
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li .fa {
position:relative
}
.hotelGroupAboutSliderContainer {
padding:80px 0
}
.hotelGroupAboutWelcomeContainer {
padding:0 0 80px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption h3 {
font-size:54px;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption p {
font-size:16px;
font-weight:400;
line-height:1.8;
letter-spacing:.05em;
margin:0 auto 60px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn {
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:active {
background:#FFF;
color:#000
}
.hotelGroupAboutSliderContainer .carousel-inner .item [data-component=image]:before {
content:"";
top:0;
left:0;
right:0;
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.54);
z-index:1;
display:none
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
background:#000;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupAboutSliderContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li:hover,.hotelGroupAboutSliderContainer .carousel-indicators li:focus,.hotelGroupAboutSliderContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupAboutSliderContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupAboutSliderContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a:hover,.hotelGroupBody .ui-datepicker.ui-widget-content td a:focus,.hotelGroupBody .ui-datepicker.ui-widget-content td a:active {
text-decoration:none
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a.ui-state-active {
background:var(--secondary-color);
;
color:#fff;
text-decoration:none
}
.hotelGroupthankyouPage {
padding:80px 0;
text-align:center
}
.hotelSubGroupContentContainer {
padding:80px 0;
text-align:center
}
.hotelGroupContentContainer {
padding:80px 0 0;
text-align:center
}
.hotelSubGroupContentContainer .hotelGroupRoomContent {
padding:50px
}
.hotelSubGroupContentContainer h2,.hotelGroupContentContainer h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:80px 0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerLast {
padding-bottom:100px
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:absolute;
right:30px;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:10px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn {
font-size:16px;
height:auto;
font-family:Bellota;
line-height:1;
padding:15px 20px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn:nth-of-type(2) {
margin-left:5px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoomAmenitiesTxt {
display:none
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:0 20px 0 0;
width:initial
}
.hotelSubGroupTheme .hotelGroupRoomAmenities {
margin:30px 0 20px
}
.hotelSubGroupTheme .hotelGroupRoomImage {
box-shadow:0 50px 40px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px;
letter-spacing:2px;
padding:30px 0 0;
text-transform:none;
color:#30353e
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
opacity:.8
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:18px;
line-height:2
}
.hotelSubGroupTheme .hotelGroupWelcomeImg {
box-shadow:0 30px 30px -20px rgba(0,0,0,.2);
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover {
box-shadow:0 30px 30px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg img {
transition:all .4s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1.03)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
padding:30px 0 0;
margin:0 0 30px;
color:#30353e
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px;
text-transform:none;
margin-bottom:60px;
padding:30px 0 0
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
margin:0;
padding:1px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper.margin-bottom-10px {
margin-bottom:0;
overflow:hidden;
position:relative
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper img {
transition:all .6s ease
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper:hover img {
transform:scale(1.1)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:before {
content:"";
background:rgba(0,0,0,.6);
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all .3s ease;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:hover:before {
top:0;
opacity:0;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a {
position:relative;
display:block
}
.hotelGroupBtnOuter {
margin:60px auto 0;
text-align:center
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
display:flex
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:50%;
padding:20px 20px 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage {
position:relative;
z-index:1;
width:initial
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent {
position:relative;
top:0;
transform:translateY(0%);
width:initial;
text-align:left
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:0;
transition:all .6s ease;
margin:40px 0 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 14px rgb(255 255 255 / .3)
}
.hotelGroupTestimonialHome {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f7c5d480856d_spa.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupTestimonialHome .overly,.hotelGroupAmenityContainer .overly {
background:rgba(0,0,0,.6)
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter {
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:80%;
margin:0 auto
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-family:Bellota;
font-weight:400;
font-size:18px;
color:#FFF;
line-height:2;
letter-spacing:1px;
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
content:'\f10d';
font-family:fontAwesome;
font-size:72px;
margin:0;
opacity:.3;
position:absolute;
left:-50px;
top:-30px;
line-height:1
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
position:relative;
margin:0 auto;
left:0;
right:0;
top:0;
width:100%;
padding:50px
}
.hotelGroupTestimonialHome .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF;
display:none
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:hover,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:focus,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupTestimonialHome .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupTestimonialHome .carousel-indicators {
background:none;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li:hover,.hotelGroupTestimonialHome .carousel-indicators li:focus,.hotelGroupTestimonialHome .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupTestimonialHome .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupTestimonialHome .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupTestimonialHome .nav-indicators-in .carousel-indicators-wrapper {
right:0;
left:0;
bottom:-30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption h3 {
letter-spacing:1px
}
.hotelGroupTestimonialHome h2 {
color:#FFF;
text-align:center
}
.hotelGroupTestimonialHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#FFF;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-40px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionHome {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupAttractionHomeInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupAttractionBlock {
position:relative;
width:calc(33.33% - 40px);
margin:0 20px;
overflow:hidden
}
.hotelGroupAttractionImg {
position:relative;
z-index:1
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:400px;
transition:all .6s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:absolute;
bottom:-90px;
left:0;
background:rgba(0,0,0,.6);
display:block;
color:#FFF;
z-index:2;
padding:20px;
transition:all .3s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionContent {
bottom:0
}
.hotelGroupAttractionContent p {
color:#FFF
}
.hotelGroupAttractionHome h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupAttractionHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionContent h3 {
margin:0 0 15px;
letter-spacing:1px;
font-size:26px;
color:#fff
}
.hotelGroupAttractionContent p {
color:#FFF;
font-size:14px;
letter-spacing:.03em;
margin:0
}
.hotelGroupPropertyContainer {
padding:80px 0 80px
}
.hotelGroupPropertyPage.hotelGroupPropertyContainer {
padding:0 0 80px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupPropertyContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupPropertyContainerInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyBlock {
width:33%;
margin:0 20px;
position:relative;
overflow:hidden
}
.hotelGroupPropertyBlock:after {
content:"";
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
transition:all .3s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover:after {
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:450px;
transition:all .8s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1.1)
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
text-align:center;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:11;
background:rgba(0,0,0,.5);
opacity:1;
transition:all .3s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:0
}
.hotelGroupPropertyBlock a {
color:var(--secondary-color)
}
.hotelGroupPropertyBlock h3 {
letter-spacing:1px;
font-size:24px;
font-weight:400;
margin:0;
color:#FFF
}
.hotelGroupPropertyBlock p {
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#909090
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
font-size:13px;
text-transform:none;
letter-spacing:.03em;
margin:20px 0 0
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockLabel {
margin:0 0 10px;
font-size:12px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
display:flex;
flex-flow:column;
align-items:flex-start;
border:1px solid;
padding:30px;
position:absolute;
left:0;
top:-100%;
z-index:11;
width:100%;
height:100%;
max-height:450px;
transition:all .6s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockContent {
top:0;
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:absolute;
bottom:-100%;
left:30px;
z-index:11;
transition:all .6s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:30px
}
.hotelGroupPropertyLogoContainer {
padding:20px 0
}
.hotelGroupPropertyLogoInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyLogo {
margin:20px
}
.hotelGroupPropertyLogo img {
max-height:80px;
transition:all .6s ease;
opacity:.6
}
.hotelGroupPropertyLogo:hover img {
opacity:1
}
.hotelGroupRewardContainer {
padding:100px 0;
background-image:url(images/uploads/1/5f7ef5d09cd88_gift.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment:fixed
}
.hotelGroupRewardContainer:before {
content:"";
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
position:absolute;
left:0;
right:0;
top:0;
pointer-events:none;
width:100%;
height:100%
}
.hotelGroupRewardContainer h2 {
color:#FFF;
margin:0 0 10px;
text-transform:none
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupRewardContainer p {
color:#FFF;
margin:0;
letter-spacing:.06em;
font-size:14px
}
.hotelGroupRewardContainer .btn-secondary {
letter-spacing:2px
}
.hotelGroupContentsContainer {
padding:60px 0
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
position:relative;
padding:80px 0;
text-align:center;
background:inherit
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer:before {
content:"";
display:none
}
.hotelGroupAmenityPage .hotelGroupAmenityItemContent h3,.hotelGroupAmenityPage .hotelGroupAmenityItemContent p {
color:#30353e
}
.hotelGroupAmenityPage .hotelGroupAmenityItemImg {
background:none;
border:0;
align-items:flex-start;
padding:0;
min-height:initial;
min-width:initial
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:80px 0 0
}
.hotelGroupAttractionPage.hotelGroupAttractionHome {
background:inherit;
padding-top:40px
}
.hotelGroupTheme .tooltip {
white-space:nowrap
}
.hotelGroupTheme .tooltip .tooltip-inner {
background-color:#000;
font-size:10px;
letter-spacing:.05em
}
.hotelGroupTheme .tooltip.top .tooltip-arrow {
bottom:1px;
border-top-color:#000
}
.hotelGroupTheme .tooltip.top-left .tooltip-arrow,.hotelGroupTheme .tooltip.top-right .tooltip-arrow,.hotelGroupTheme .tooltip.top .tooltip-arrow {
border-top-color:#000
}
.hotelSubGroupNavbar {
background:#1b1b1b
}
.hotelSubGroupNavbar .navbar-nav>li>a {
padding:15px;
color:#FFF;
line-height:1;
font-size:13px;
letter-spacing:.05em;
transition:all .3s ease
}
.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:var(--secondary-color);
;
color:#FFF
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:1px solid #424242
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a {
font-weight:700
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active {
background:#1b1b1b
}
.hotelGroupRestaurantContainer {
padding:80px 0
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:36px;
text-transform:none
}
.hotelSubGroupRestaurantPage {
padding:80px 0 0;
text-align:center
}
.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupRestaurantPage p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelGroupRestaurantBlock {
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:row-reverse
}
.hotelGroupRestaurantImg {
width:50%;
overflow:hidden
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
max-height:400px;
min-height:400px;
width:100%;
transition:all .3s ease
}
.hotelGroupRestaurantBlock:hover .hotelGroupRestaurantImg img {
transform:scale(1.1)
}
.hotelGroupRestaurantContent {
width:50%;
padding:40px;
border:1px solid #dedede;
min-height:400px;
max-height:400px;
display:flex;
flex-flow:column;
justify-content:center
}
.hotelGroupRestaurantContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.hotelGroupRestaurantContent p {
margin-bottom:30px
}
.hotelGroupBanquetsContainer {
padding:80px 0
}
.hotelGroupBanquetsInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupBanquetsBlock {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:calc(50% - 40px);
margin:0 20px 60px;
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease;
overflow:hidden
}
.hotelGroupBanquetsBlock:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelGroupBanquetsImg {
position:relative;
z-index:1;
max-height:350px;
overflow:hidden
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 24px rgb(255 255 255 / .3)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
min-height:350px;
max-height:350px;
transition:all .6s ease
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1.1)
}
.hotelGroupBanquetsContent {
background:#FFF;
transition:all .3s ease;
padding:30px
}
.hotelGroupBanquetsContent h3 {
font-size:32px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupBanquetsContent p {
margin:0
}
.hotelGroupNavbar .navbar-header #subNavicon {
display:none
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:none
}
.hotelGroupCovidpage {
padding:80px 0
}
.hotelGroupCovidpage h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupCovidpage p {
margin-bottom:20px
}
.hotelGroupTheme .nomargintop {
margin-top:0!important
}
.helloBarContainer {
background:var(--primary-color);
color:#FFF;
text-align:center;
padding:15px 0
}
.helloBarContainer p {
margin:0;
line-height:1;
font-size:14px;
color:#FFF
}
.helloBarContainer p .fa {
margin:0 10px 0 0
}
.helloBarContainer p a {
color:#FFF;
text-transform:uppercase;
font-weight:600;
margin:0 0 0 20px;
text-decoration:none;
border-bottom:1px solid #FFF
}
.helloBarContainer p a:hover,.helloBarContainer p a:focus {
color:#FFF;
text-decoration:none;
border-bottom-color:rgba(255,255,255,.5)
}
.helloBarContainer a.helloBarClose {
cursor:pointer;
color:rgba(255,255,255,.5);
font-size:24px;
font-weight:300;
line-height:1;
margin:0 0 0 20px;
transition:all .2s ease-out
}
.helloBarContainer a.helloBarClose:hover,.helloBarContainer a.helloBarClose:focus {
text-decoration:none;
color:rgba(255,255,255,1)
}
.helloBarInner {
position:relative;
z-index:11;
display:flex;
justify-content:center;
align-items:center
}
.rewardsTopcontainer {
padding:80px 0
}
.rewardsTopcontainerInner {
display:flex;
flex-flow:row-reverse
}
.rewardsTopcontainerImage {
width:55%;
padding-left:50px
}
.rewardsTopcontainerContent {
width:45%
}
.rewardsTopcontainerContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.rewardsOffers {
background:var(--primary-color);
color:#FFF;
padding:80px 0
}
.rewardsForm {
max-width:500px;
margin:0 auto
}
.rewardsForm h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px;
text-align:center
}
.hotelGroupAmenityContainer.rewardsOffers:before {
background-image:url(images/uploads/1/5f92a8c42060e_gift4.jpg)
}
.hotelGroupTheme.privacyPage {
padding:80px 0
}
.hotelGroupTheme.privacyPage h2 {
font-size:32px;
font-weight:700;
color:#30353e;
text-transform:none;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupTheme.privacyPage p {
}
.hotelGroupTheme.privacyPage p strong {
font-size:18px;
margin-top:20px;
margin-bottom:5px;
display:inline-block
}
.hotelGroupTheme ul.privacyList {
margin:30px 0
}
.hotelGroupTheme ul.privacyList li {
margin-bottom:10px
}
.hotelGroupTheme ul.privacyList li:last-of-type {
margin-bottom:0
}
.hotelSubGroupAboutSliderContainer {
padding:40px 0 80px
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display:none
}
.grecaptcha-badge {
display:none!important
}
.boxnew button.btn.crssearchbtn:hover {
background:#45b5c6!important
}
.hotelgroup-subnavbar {
position:sticky;
z-index:99;
top:0
}
.group-row {
display:flex;
align-items:center
}
div#gallery2 img {
min-height:230px;
max-height:230px;
min-width:387px;
height:100%;
width:100%
}
.ekko-lightbox-container img {
min-width: 1000px;
min-height: 600px;
max-height: 600px;
height:100%;
width:100%
}
.modal-dialog{
max-width: 1000px !important;
}
@media(min-width:1601px) {
.hotelGroupSlideshowContainer .carousel .item img {
width:100%
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
}
@media(max-width:1199px) {
.hotelGroupNavbar .navbar-header .navbar-brand a {
max-width:200px
}
.hotelGroupNavbar .container {
padding:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
padding:0;
margin:0;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar .navbar-buttons {
margin:0 0 0 15px!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-size:12px;
padding:10px;
margin:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-centered .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left-right .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons {
min-height:initial;
min-width:initial
}
.hotelGroupNavbar .navbar {
padding:0;
border:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar-header {
float:none;
width:100%;
padding:0;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
border-bottom:1px solid #efefef
}
.hotelGroupNavbar .navbar-header .navbar-brand {
min-height:initial;
height:initial;
max-width:initial;
padding:0;
margin:0 10px 0 0;
width:calc(100% - 80px)
}
.hotelGroupNavbar .navbar-header .navbar-toggle {
width:50px;
float:none;
margin:0;
padding:0;
font-size:24px;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar-header .navbar-toggle.collapsed .fa-bars:before {
content:"\F0C9"
}
.hotelGroupNavbar .navbar-header .navbar-toggle .fa-bars:before {
content:"\F00D"
}
.hotelGroupNavbar .navbar-header #subNavicon {
width:50px;
float:none;
margin:0;
padding:0;
color:#4f4f4f;
font-size:24px;
text-align:center;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
display:none!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse.in {
display:block!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:20px 10px;
margin:0;
box-shadow:none;
min-width:100%;
width:100%;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li {
display:block;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.open {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav .dropdown.open>a {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
padding:10px 30px;
text-transform:none
}
.hotelSubGroupNavbar {
background:#FFF
}
.hotelSubGroupNavbar #subGroupNavigation {
padding:0;
margin:0 -15px
}
.hotelSubGroupNavbar #subGroupNavigation.collapse {
display:none!important
}
.hotelSubGroupNavbar #subGroupNavigation.collapse.in {
display:block!important
}
.hotelSubGroupNavbar #subGroupNavigation .navbar-nav {
float:none;
padding:20px
}
.hotelSubGroupNavbar .navbar-nav>li {
display:block;
float:none
}
.hotelSubGroupNavbar .navbar-nav>li>a {
font-family:Chakra Petch;
color:#30353e;
font-size:14px;
font-weight:600;
padding:10px 0
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:60px
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:0
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active,.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:#FFF;
color:var(--secondary-color)
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:block;
margin:0 20px 20px 20px
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow.navbar-buttons>* {
display:block
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow .btn {
font-size:15px;
line-height:1;
padding:15px 20px
}
.hotelGroupWelcomeContent {
width:50%
}
.hotelGroupWelcomeImgOuter {
width:50%;
padding-left:50px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:16px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
position:relative;
font-size:40px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
flex-direction:column;
justify-content:center
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
margin:0 auto;
width:90%
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2)
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:90%;
margin:0 auto;
position:relative;
top:0;
transform:translateY(0%)
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:36px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:400px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding:40px 0 60px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:60px 0 0
}
.hotelGroupContactContainer {
padding:60px 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:50%;
padding-bottom:0;
margin:20px 0
}
.hotelGroupContactlistContainer {
padding:60px 0
}
.hotelGroupFormContainer {
max-width:100%
}
.hotelGroupRestaurantContent {
max-height:initial
}
.hotelGroupRestaurantBlock {
align-items:stretch
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:100%;
max-height:initial
}
.hotelGroupCovidpage {
padding:40px 0
}
}
@media(max-width:991px) {
.group-row {
display:flex
}
body.hotelGroupBody #page {
overflow-x:hidden
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
display:none
}
.hotelGroupTopbar .hotelGroupTopbarLeft .inline-wrapper {
justify-content:flex-start
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper {
justify-content:flex-end
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper>[data-component=image] {
display:none
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:36px
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
display:none
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
display:none
}
.hotelGroupBookingContainer #bb_resBookingBox {
flex-direction:column
}
.hotelGroupBookingContainer .boxnew p {
max-width:300px;
margin:15px 0
}
.hotelGroupTheme h2 {
font-size:42px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:60px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span {
position:relative;
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:30px
}
.hotelGroupPropertyContainerInner {
flex-flow:row wrap
}
.hotelGroupPropertyBlock {
width:calc(50% - 40px);
margin-bottom:30px
}
.hotelGroupAttractionBlock {
width:calc(50% - 40px)
}
.hotelGroupAttractionHome {
padding:60px 0
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:column;
margin:40px 20px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupRestaurantImg {
width:initial
}
.hotelGroupRestaurantContent {
width:initial;
min-height:initial;
max-height:initial;
padding:30px
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:initial;
max-height:initial
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:36px;
top:-10px
}
.hotelGroupWelcomeContainer {
padding:60px 0
}
.hotelGroupWelcomeInner {
flex-direction:column
}
.hotelGroupWelcomeContent {
width:initial;
text-align:center
}
.hotelGroupWelcomeImgOuter {
width:initial;
padding-left:0;
margin:40px auto 0;
max-width:600px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
flex-direction:column
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
width:initial
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
flex-direction:column;
text-align:center
}
.hotelGroupAmenityItemImg {
margin:0 auto 30px
}
.hotelGroupGalleryContainer {
padding-bottom:60px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:60px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:flex;
flex-flow:row wrap;
justify-content:center
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:33.33%
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:100%
}
.hotelGroupTestimonialHome h2 span {
font-size:30px;
top:-30px
}
body .hotelGroupFooter .col-sm-4 {
width:100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 30px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
display:none
}
.hotelGroupHeadBlock {
padding-bottom:30px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:42px
}
.hotelGroupBookingContainer .boxnew p input {
height:40px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
bottom:6px
}
.hotelGroupBookingContainer .boxnew p select {
height:40px
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
height:44px
}
.hotelGroupPageTitle {
padding:80px 0
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2 {
font-size:32px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:350px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:auto;
margin:40px 0 0
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
width:100%;
left:0;
right:0;
bottom:auto;
top:45%;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:auto;
right:auto;
left:5px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.right.carousel-control {
left:auto;
right:5px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:100%
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
width:100%
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
display:none
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:30px 0
}
.hotelSubGroupContentContainer {
padding:60px 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
margin:0 10px
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p,.hotelGroupTheme p {
font-size:15px
}
.hotelGroupContactDetails li .fa.fa-map-marker {
top:0
}
.hotelGroupContactDetails {
margin:60px 0 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:100%;
margin:30px 0
}
.hotelGroupContactlistContainer {
padding:40px 0
}
.hotelGroupContentContainer {
padding-top:60px
}
.hotelGroupContentContainer h2 {
font-size:36px
}
.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupRestaurantBlock {
align-items:initial
}
.hotelGroupBanquetsBlock {
width:100%;
margin:0 10px 60px
}
.hotelGroupBanquetsBlock:last-of-type {
margin-bottom:0
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
max-height:initial;
min-height:initial
}
.rewardsTopcontainer {
padding:60px 0
}
.rewardsTopcontainerInner {
flex-direction:column
}
.rewardsTopcontainerImage {
width:initial;
padding-left:0;
margin:0 auto 30px
}
.rewardsTopcontainerContent {
width:initial
}
.hotelGroupTheme.privacyPage {
padding:40px 0
}
.hotelGroupAboutSliderContainer {
padding:50px 0
}
.hotelGroupAboutWelcomeContainer {
padding-bottom:50px
}
}
@media(max-width:767px) {
.ekko-lightbox-container img {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
div#gallery2 img {
min-height:100%;
max-height:100%;
min-width:100%
}
.hotelGroupNavbar .navbar-two {
padding:10px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:block
}
#whatsapp-message {
bottom:90px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupSlideshowContainer .carouselNavOuter {
width:100%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
left:10px;
right:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
top:auto;
bottom:10px;
left:auto;
right:10px
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:relative;
bottom:auto;
background:#FFF;
color:#4f4f4f;
min-height:200px
}
.hotelGroupAttractionContent h3 {
font-size:24px;
font-weight:600
}
.hotelGroupAttractionContent p {
color:#4f4f4f
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:initial
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column;
justify-content:center;
text-align:center
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1)
}
.hotelGroupAmenityItemContent h3 {
margin-bottom:15px
}
.hotelGroupContactContainer {
padding:40px 0
}
.hotelGroupPageTitle h2 span {
line-height:1.6
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1)
}
.CovidpageInner {
padding:0 10px
}
.hotelGroupCovidpage h3 {
font-size:28px
}
.rewardsTopcontainer {
padding:40px 0
}
.rewardsTopcontainerInner {
padding:0 10px
}
.hotelGroupTheme ul.privacyList {
padding:0 0 0 20px
}
.privacyPageInner {
padding:0 10px
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
display:none
}
}
@media(max-width:640px) {
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
display:none
}
.hotelGroupRewardContainer {
padding:80px 0
}
.hotelGroupRestaurantContainer {
padding:60px 0
}
.hotelGroupPropertyBlock {
width:100%;
border:1px solid #e0e0e0
}
.hotelGroupPropertyBlockImg {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
position:relative;
top:0;
max-height:450px;
opacity:1;
border-color:#e0e0e0
}
.hotelGroupPropertyBlock h3 {
color:#30353e;
font-weight:600
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
margin-top:15px;
font-size:14px;
font-weight:400
}
.hotelGroupAttractionBlock {
width:100%;
box-shadow:0 3px 6px -1px rgba(0,0,0,.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
min-height:initial;
padding:30px
}
.hotelGroupAttractionImg {
max-height:350px;
overflow:hidden
}
.hotelGroupAttractionContent h3 {
color:#fff;
font-size:30px
}
.hotelGroupRewardInner {
padding:0 10px
}
.hotelGroupPropertyLogoInner {
flex-flow:row wrap
}
.hotelGroupPropertyLogo {
width:calc(50% - 40px)
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:initial
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:50px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
max-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:relative;
bottom:0;
left:25px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:25px;
border:0
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 30px
}
.hotelGroupTheme .btn.btn-primary {
padding:14px 18px;
font-size:15px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
background:rgba(0,0,0,.3)
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:1
}
.hotelGroupPropertyBlock:hover:after {
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1)
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:300px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:30px;
margin-bottom:15px
}
.hotelGroupPageTitle {
padding:60px 0
}
.hotelGroupPageTitle h2 {
font-size:32px
}
.hotelGroupPageTitle h2 span {
font-size:14px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelSubGroupRestaurantPage h2 {
font-size:30px;
letter-spacing:.03em
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-top:0
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:60px 0 0
}
.hotelGroupCovidpage h3 {
margin-top:30px
}
.hotelGroupAmenityItemContent {
margin:0 auto
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:100%
}
.rewardsOffers.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
}
@media(max-width:580px) {
.hotelGroupSlideshowContainer .carousel .item img {
min-height:300px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:30px;
letter-spacing:2px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control,.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
bottom:-20px
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:70px
}
.hotelGroupTheme h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:15px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:30px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
margin:0
}
.hotelGroupTopbar p.hotelGroupTopbarPhone a {
margin-bottom:0
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-size:16px
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
display:block
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupPageTitle {
padding:40px 0
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:40px 10px 0
}
.hotelGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:20px 0 60px
}
.hotelGroupBanquetsContent h3 {
font-size:26px
}
.hotelGroupCovidpage h3 {
font-size:26px;
margin-bottom:15px
}
.hotelGroupTheme.privacyPage h2 {
font-size:26px
}
.hotelGroupAboutSliderInner,.hotelGroupAboutWelcomeInner {
padding:0 10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:30px;
margin-bottom:20px
}
}
@media(max-width:500px) {
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
display:block
}
}
@media(max-width:479px) {
.hotelGroupRestaurantContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:30px 10px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupPropertyBlock {
margin:20px 10px
}
.hotelGroupAttractionBlock {
margin:20px 10px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:40px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
margin-bottom:0
}
.hotelGroupAttractionHome {
padding:40px 0
}
.hotelGroupAttractionHome h2 {
margin-bottom:30px
}
.hotelGroupTheme h2 {
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:24px;
top:-10px
}
.hotelGroupAttractionContent h3 {
font-size:24px
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
padding:20px
}
.hotelGroupPropertyLogo {
width:calc(50% - 20px);
margin:10px
}
.hotelGroupRewardContainer {
padding:60px 0;
background-attachment:initial;
background-position:50% 100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 20px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:250px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:24px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2,.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:26px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
padding:20px 0
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:10px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
padding:25px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelGroupPropertyBlockImg,.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:260px
}
.hotelGroupFooter .HGfooterTitle {
font-size:20px
}
.hotelGroupTheme p {
font-size:13px
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupBtnOuter {
margin-top:40px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
margin-bottom:30px
}
.hotelGroupGalleryContainer {
padding-bottom:50px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
padding:50px 20px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
font-size:60px;
top:-20px;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:220px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelSubGroupContentContainer {
padding:40px 0 20px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:26px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding-top:40px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-bottom:40px
}
.hotelGroupBanquetsContent {
padding:20px
}
.rewardsTopcontainerContent h3,.rewardsForm h3,.rewardsForm h3 {
font-size:28px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
.helloBarContainer p a {
margin-left:10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:24px
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
bottom:20px
}
.hotelGroupAboutSliderInner .carousel .item img {
min-height:180px
}
}
@media(max-width:359px) {
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
max-width:140px
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:260px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:24px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 20px;
left:20px
}
}
Deluxe Twin Bed Rooms
* img{
object-fit: cover;
}
:root {
--primary-color:#c6ab62;
--secondary-color:#b48744;
--btn-hover:#b48744;
--white:#fff;
--primary-text-color:#333;
--black:#000;
--placeholder:#757575;
--background-color:#0f0f0f
}
body.hotelGroupBody {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f;
overflow-x:hidden
}
.yummy .col-lg-1,.yummy .col-lg-2,.yummy .col-lg-3,.yummy .col-lg-4,.yummy .col-lg-5,.yummy .col-lg-6,.yummy .col-lg-7,.yummy .col-lg-8,.yummy .col-lg-9,.yummy .col-lg-10,.yummy .col-lg-11,.yummy .col-lg-12,.yummy .col-lg-15,.yummy .col-md-1,.yummy .col-md-2,.yummy .col-md-3,.yummy .col-md-4,.yummy .col-md-5,.yummy .col-md-6,.yummy .col-md-7,.yummy .col-md-8,.yummy .col-md-9,.yummy .col-md-10,.yummy .col-md-11,.yummy .col-md-12,.yummy .col-md-15,.yummy .col-sm-1,.yummy .col-sm-2,.yummy .col-sm-3,.yummy .col-sm-4,.yummy .col-sm-5,.yummy .col-sm-6,.yummy .col-sm-7,.yummy .col-sm-8,.yummy .col-sm-9,.yummy .col-sm-10,.yummy .col-sm-11,.yummy .col-sm-12,.yummy .col-sm-15,.yummy .col-xs-1,.yummy .col-xs-2,.yummy .col-xs-3,.yummy .col-xs-4,.yummy .col-xs-5,.yummy .col-xs-6,.yummy .col-xs-7,.yummy .col-xs-8,.yummy .col-xs-9,.yummy .col-xs-10,.yummy .col-xs-11,.yummy .col-xs-12,.yummy .col-xs-15 {
padding-right:15px;
padding-left:15px;
padding-bottom:0
}
.yummy p {
margin:0
}
#whatsapp-message {
position:fixed;
margin-bottom:1vh;
bottom:35px;
right:5px;
width:65px;
height:65px;
overflow:hidden;
visibility:visible;
z-index:2147483639;
background:0;
border:0;
transition:transform .2s ease-in-out;
backface-visibility:hidden;
opacity:1;
transform:translateY(0%)
}
.hotelGroupTheme,body .hotelGroupTheme {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTheme a,.hotelGroupTheme p a {
text-decoration:none;
color:var(--primary-color)
}
.hotelGroupTheme a:hover,.hotelGroupTheme a:focus,.hotelGroupTheme p a:hover,.hotelGroupTheme p a:focus {
text-decoration:none;
color:var(--secondary-color)
}
.hotelGroupTheme .btn.btn-primary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-primary:focus,.hotelGroupTheme .btn.btn-primary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelGroupTheme .btn.btn-secondary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:transparent;
color:var(--primary-color);
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-secondary:focus,.hotelGroupTheme .btn.btn-secondary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#FFF
}
.hotelGroupTheme .h1,.hotelGroupTheme .h2,.hotelGroupTheme .h3,.hotelGroupTheme .h4,.hotelGroupTheme .h5,.hotelGroupTheme .h6,.hotelGroupTheme h1,.hotelGroupTheme h2,.hotelGroupTheme h3,.hotelGroupTheme h4,.hotelGroupTheme h5,.hotelGroupTheme h6 {
font-family:Bellota;
font-weight:400
}
.header.fixed {
position:fixed;
top:0;
box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
-webkit-box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
left:0;
right:0;
margin:0 auto;
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
.hotelGroupTheme h2 {
margin:0 0 30px;
position:relative;
color:#30353e;
margin:0 0 30px;
font-size:48px;
line-height:1.2;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase
}
.hotelGroupTheme h2 span {
display:block;
font-size:16px;
font-weight:400;
margin:0 0 10px;
color:var(--secondary-color)
}
.hotelGroupTheme p {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTopbar {
padding:12px 0;
border-bottom:1px solid #efefef
}
.hotelGroupTopbar .inline-wrapper {
align-items:center
}
.hotelGroupTopbar p {
margin:0 10px 0;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
margin-left:0
}
.hotelGroupTopbar p .fa {
margin-right:10px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone .fa {
font-size:18px;
position:relative;
top:1px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
position:relative;
top:-1px
}
.hotelGroupTopbar p a {
color:#4f4f4f;
text-decoration:none;
transition:all .3s ease
}
.hotelGroupTopbar p a:focus,.hotelGroupTopbar p a:hover {
color:var(--secondary-color);
;
text-decoration:none
}
.hotelGroupTopbar p.hotelGroupTopbarSocial {
font-size:16px
}
.hotelGroupTopbar p.hotelGroupTopbarSocial .fa {
margin-right:0
}
.hotelGroupTopbar .gTranslate {
margin-left:10px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget {
position:relative;
font-size:0
}
.hotelGroupTheme #google_translate_element .goog-te-gadget:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
pointer-events:none;
color:#000;
font-size:18px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget a.goog-logo-link {
display:none
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
height:30px;
padding:0 30px 0 10px;
letter-spacing:.03em;
border-radius:0;
border:1px solid #d5d5d5;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
cursor:pointer;
font-size:12px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo:focus {
outline:0;
border-color:#a7a7a7
}
.hotelGroupNavbar {
position:relative;
z-index:100
}
.hotelGroupNavbar .navbar {
width:100%;
margin:0;
padding:10px 0;
display:flex;
align-items:center;
min-height:60px
}
.hotelGroupNavbar .navbar-header .navbar-brand {
height:auto
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:90px
}
.hotelGroupNavbar .navbar-collapse {
padding:0!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
width:inherit;
align-items:center;
padding-right:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:5px 0 0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
line-height:1;
color:#30353e;
text-transform:uppercase;
letter-spacing:.03em;
transition:all .3s ease;
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:active,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:focus,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:hover,.hotelGroupNavbar .navbar.navbar-plain ul.nav li.active a {
color:var(--secondary-color);
;
background-color:transparent
}
.hotelGroupNavbar .nav .open>a,.hotelGroupNavbar .nav .open>a:focus,.hotelGroupNavbar .nav .open>a:hover {
background:none;
border:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown a .caret:after {
top:-7px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown.open a .caret:after {
top:-3px
}
.hotelGroupNavbar .dropdown-menu {
border-radius:0;
background:#FFF
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li {
display:block
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
font-weight:400;
display:block;
padding:15px 20px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdownRight .dropdown-menu {
left:auto;
right:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-family:Bellota;
background:var(--primary-color);
border:1px solid var(--primary-color);
color:#fff;
box-shadow:none;
border-radius:0;
font-size:14px;
font-weight:700;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
transition:all .3s ease;
padding:12px 18px
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:focus,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:hover {
border-color:var(--secondary-color);
;
background:var(--secondary-color);
;
cursor:pointer;
color:#fff;
text-decoration:none;
box-shadow:none;
outline:0
}
.hotelGroupSlideshowContainer {
color:#FFF
}
.hotelGroupSlideshowContainer p,.hotelGroupSlideshowContainer a {
color:#FFF
}
.hotelGroupSlideshowContainer .carousel-inner>.item {
transition:none;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item img {
animation:bloomEffects 1s ease;
animation-fill-mode:forwards
}
@keyframes bloomEffects {
0% {
transform:scale(1)
}
100% {
transform:scale(1.1)
}
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:60px;
font-weight:700;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
font-size:18px;
font-weight:400;
line-height:1.4;
letter-spacing:.06em;
margin:0 auto 60px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
background:#000;
border-color:#000
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
font-family:Chakra Petch;
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
background-color:transparent;
color:#fff;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto;
height:50px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:active {
background-color:#FFF;
border-color:#FFF;
color:#000
}
.hotelGroupSlideshow {
max-height:600px;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupSlideshowContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
background:#000;
border:1px solid #000
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:auto;
right:0
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
left:auto;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li:hover,.hotelGroupSlideshowContainer .carousel-indicators li:focus,.hotelGroupSlideshowContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupSlideshowContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupSlideshowContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBookingContainer {
position:relative;
background:#1b1b1b;
color:#FFF;
padding:40px 0
}
.hotelSubGroupTheme.hotelGroupBookingContainer {
position:relative;
background:var(--secondary-color);
;
color:#FFF
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0 30px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupBookingContainer .boxnew {
width:100%;
text-align:center
}
.hotelGroupBookingContainer .boxnew p {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupBookingContainer .boxnew p label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p input {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupBookingContainer .boxnew p select {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
font-family:Bellota;
font-size:18px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:50px;
border-radius:0;
padding:10px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:var(--secondary-color);
!important;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn {
background-color:#000;
color:#fff;
border:1px solid #000
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupBookingContainer .boxnew p br {
display:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:25px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:25px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1) {
max-width:300px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(4) {
margin-top:28px
}
.hotelGroupTheme .bbres_fieldset,.hotelGroupTheme .HGCalender,.hotelGroupTheme .HGBEBtn {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select,.hotelGroupTheme .HGSelectOuter {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:300px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select:before,.hotelGroupTheme .HGSelectOuter:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:20px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupTheme .bbres_fieldset label,.hotelGroupTheme .bbres_select label,.hotelGroupTheme .form-control label,.hotelGroupTheme .HGSelectOuter label,.hotelGroupTheme .HGCalender label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset input,.hotelGroupTheme .HGCalender input,.hotelGroupTheme input.form-control {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme textarea.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:auto;
background:#fff;
width:100%;
padding:20px;
border-radius:0;
font-size:13px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger {
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
font-size:0;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px
}
.hotelGroupTheme .HGCalender:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupTheme .bbres_select select,.hotelGroupTheme .HGSelectOuter select,.hotelGroupTheme select.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupTheme input.form-control:focus,.hotelGroupTheme select.form-control:focus,.hotelGroupTheme select:focus,.hotelGroupTheme textarea.form-control:focus,.hotelGroupTheme textarea:focus {
border-color:#152161;
background:#fff;
outline:0
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn,.hotelGroupTheme .HGBEBtn #bb_resBtn {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
line-height:1.8;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:#000;
color:#fff;
border:1px solid #000;
height:50px;
border-radius:0;
padding:15px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn:active,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:focus,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:hover,.hotelGroupTheme .HGBEBtn #bb_resBtn:active,.hotelGroupTheme .HGBEBtn #bb_resBtn:focus,.hotelGroupTheme .HGBEBtn #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupWelcomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupWelcomeInner {
display:flex;
align-items:center
}
.hotelGroupWelcomeContent {
width:48%
}
.hotelGroupWelcomeImgOuter {
width:52%;
padding-left:100px
}
.hotelGroupPropertyContainer {
position:relative;
padding:1px 0;
display:flex;
justify-content:center
}
.hotelGroupPropertyInner {
position:relative;
display:flex;
min-height:600px;
flex-flow:row wrap;
max-width:1600px
}
.hotelGroupPropertyContainerAlter .hotelGroupPropertyInner {
flex-direction:row-reverse
}
.hotelGroupPropertyImage {
width:60%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.hotelGroupPropertyContent {
width:40%;
padding:60px;
display:flex;
flex-flow:column;
justify-content:center;
text-align:left
}
h3.hotelGroupPropertyContentTitle {
margin:0 0 30px;
font-size:42px;
line-height:1.2;
letter-spacing:2px;
color:#30353e
}
p.hotelGroupPropertyContentText {
color:inherit;
margin:0 0 50px;
font-size:17px;
line-height:1.8;
letter-spacing:.03em
}
.hotelGroupHomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupHomeContainer .hotelGroupHomeContent {
text-align:center
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:60px;
padding-top:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:16px;
line-height:2
}
.hotelGroupAmenityContainer {
position:relative;
background:var(--primary-color);
color:#FFF;
padding:80px 0 40px;
text-align:center
}
.hotelGroupAmenityContainer {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f06b6379b36d_bannerImg002.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupAmenityContainer h2,.hotelGroupAmenityContainer h3,.hotelGroupAmenityContainer h4,.hotelGroupAmenityContainer p {
color:#FFF
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px;
padding-top:30px
}
.hotelGroupAmenityContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#e6c6a1;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupAmenityBtnOuter {
margin:60px 0 0
}
.hotelGroupAmenityList {
display:flex;
flex-flow:row wrap;
align-items:flex-start;
justify-content:flex-start
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
position:relative;
display:flex;
text-align:left;
padding:40px;
align-items:flex-start;
width:33%;
justify-content:flex-start;
margin:0;
align-items:center
}
.hotelGroupAmenityItemImg {
min-width:60px;
min-height:60px;
background:rgb(0 0 0 / .2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
margin:0 10px 0 0
}
.hotelGroupAmenityItemImg img {
max-width:30px;
max-height:30px
}
.hotelGroupAmenityItemContent h3 {
margin:0 0 6px;
font-weight:600;
letter-spacing:1px;
font-size:20px;
line-height:1
}
.hotelGroupAmenityItemContent p {
margin:0;
font-size:14px;
letter-spacing:.03em
}
body .hotelGroupFooter {
background:#1b1b1b;
color:#c5c5c5
}
.hotelGroupFooter .HGfooterTitle {
color:#FFF;
font-family:Bellota;
font-size:24px;
letter-spacing:3px;
font-weight:700;
text-transform:uppercase;
margin:0 0 30px
}
.hotelGroupFooter ul.list-basic li a:not(.btn) {
color:#c5c5c5;
text-decoration:none
}
.hotelGroupFooter ul.list-basic li a:not(.btn):hover,.hotelGroupFooter ul.list-basic li a:not(.btn):focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic {
display:flex;
flex-flow:row wrap
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic li {
width:50%
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic {
display:flex;
flex-flow:column
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic li {
width:initial
}
body .hotelGroupFooterbtm {
background:#101010;
color:#c5c5c5;
padding:10px 0;
font-size:14px
}
body .hotelGroupFooterbtm .footerBtmInner {
display:flex;
justify-content:space-between;
align-items:center
}
body .hotelGroupFooterbtm p {
margin:0;
font-family:Chakra Petch
}
body .hotelGroupFooterbtm p a {
color:#c5c5c5;
text-decoration:none
}
body .hotelGroupFooterbtm p a:hover,body .hotelGroupFooterbtm p a:focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterContact ul.list-basic li {
position:relative;
padding-left:30px
}
body .hotelGroupFooter p,body .hotelGroupFooter ul li,body .hotelGroupFooter p a {
margin-bottom:10px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
color:#c5c5c5;
letter-spacing:.03em
}
body .hotelGroupFooter .HGfooterContact li .fa {
position:absolute;
left:0;
top:3px;
font-size:20px;
font-weight:400;
line-height:1
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial {
margin:10px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial li .fa {
position:relative;
top:initial
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-map-marker {
left:2px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-envelope-open-o {
font-size:14px;
left:1px;
top:4px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-mobile {
font-size:22px;
left:3px;
top:1px
}
.hotelGroupRoomContainer {
padding:80px 0
}
.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-end
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
position:relative;
z-index:1;
width:80%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:600px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
position:absolute;
right:10px;
bottom:70px;
width:50px;
z-index:2;
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #000;
background:#000;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators {
background:none;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
position:absolute;
width:600px;
background:#FFF;
padding:30px;
left:0;
top:50%;
display:block;
z-index:2;
transform:translateY(-50%);
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:48px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupRoomContainer .hotelGroupRoomContentText {
margin:0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities {
margin:20px 0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic {
display:flex;
flex-flow:row wrap
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic li {
width:50%;
display:flex;
align-items:center;
margin:0 0 15px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesImg img {
max-height:24px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesTxt p {
margin:0 0 0 10px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice {
margin:0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice strong {
font-size:22px;
font-weight:700;
margin:0;
letter-spacing:-.02em
}
.hotelGroupRoomContainer .hotelGroupRoomPrice span {
border-bottom:1px dashed;
cursor:help;
margin:0 0 0 5px
}
.hotelGroupRoomContainerAlter .hotelGroupRoomInner {
justify-content:flex-start
}
.hotelGroupRoomContainerAlter .hotelGroupRoomContent {
left:auto;
right:0
}
.hotelGroupRoomContainerAlter .hotelGroupRoomImage .carouselNavOuter {
right:auto;
left:10px
}
.hotelGroupTheme .mapWrapper iframe {
margin:0;
padding:0;
outline:0;
border:0;
display:inline-block;
vertical-align:top
}
.hotelGroupGalleryContainer {
padding:0 0 80px;
text-align:center
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:80px
}
.hotelGroupBody .modal-dialog {
margin:15px auto 0;
max-width:900px!important
}
.hotelGroupBody .modal-header {
padding:0;
border-bottom:0 solid #e5e5e5;
background:0
}
.hotelGroupBody .modal-title {
display:none
}
.hotelGroupBody .modal button.close {
z-index:110;
right:10px;
top:10px;
outline:0
}
.hotelGroupBody .modal button.close:focus,.hotelGroupBody .modal button.close:hover {
outline:0
}
.hotelGroupBody .ekko-lightbox-nav-overlay .glyphicon {
height:100%;
display:flex;
align-items:center;
text-align:right
}
.hotelGroupBody .glyphicon.glyphicon-chevron-left {
justify-content:flex-start
}
.hotelGroupBody .glyphicon.glyphicon-chevron-right {
justify-content:flex-end
}
.hotelGroupBody .ekko-lightbox-nav-overlay a:focus,.hotelGroupBody .ekko-lightbox-nav-overlay a:hover {
text-decoration:none
}
.hotelGroupBody .modal-dialog img {
width:100%
}
.hotelGroupBody .modal-dialog .ekko-lightbox-container {
max-height:550px;
overflow:hidden
}
.hotelGroupHeadBlock {
padding:60px 0;
text-align:center
}
.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
margin:0
}
.hotelGroupPageTitle {
padding:100px 0;
color:#FFF;
background-color:rgba(0,0,0,0);
background-position:50% 60%
}
.hotelGroupPageTitle h2 {
color:#FFF;
text-align:center;
margin:0
}
.hotelGroupPageTitle h2 span {
color:#FFF;
font-family:Chakra Petch;
margin:10px 0 0
}
.hotelGroupContactContainer {
padding:80px 0
}
.hotelGroupContactContainer .form-group,.hotelGroupContactContainer .input-group {
margin:0 0 20px
}
.hotelGroupContactContainer h3 {
font-size:28px;
font-weight:700;
letter-spacing:1px;
margin:0 0 20px;
color:#30353e
}
.hotelGroupContactContainer h3.hotelGroupContactHeading {
margin:0 0 10px
}
.hotelGroupContactContainer p.hotelGroupContactDesc {
margin:0 0 40px
}
.hotelGroupContactDetails ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactDetails p,.hotelGroupContactDetails ul li,.hotelGroupContactDetails p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactDetails li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactDetails ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
.hotelGroupContactDetails li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactDetails li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactDetails li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn) {
color:#4f4f4f
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding-left:30px
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial .HGfooterSocial li .fa {
position:relative;
top:initial
}
.hotelGroupContactlistContainer {
background:#f8f8f8;
padding:80px 0
}
.hotelGroupContactlistContainer .hotelGroupContactblock {
position:relative;
padding:30px;
background:#FFF;
box-shadow:0 7px 12px -4px rgba(0,0,0,.1);
margin:0 5px
}
.hotelGroupContactlistContainer .hotelGroupContactblock a {
white-space:normal;
word-break:break-all
}
.hotelGroupContactlistContainer .hotelGroupContactblock h4 {
margin:0 0 30px;
font-size:22px;
font-weight:700
}
.hotelGroupContactlistContainer ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactlistContainer p,.hotelGroupContactlistContainer ul li,.hotelGroupContactlistContainer p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactlistContainer li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactlistContainer ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 10px 0 0
}
.hotelGroupContactlistContainer li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactlistContainer li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactlistContainer li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding:0;
margin:0 15px 0 0
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li .fa {
position:relative
}
.hotelGroupAboutSliderContainer {
padding:80px 0
}
.hotelGroupAboutWelcomeContainer {
padding:0 0 80px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption h3 {
font-size:54px;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption p {
font-size:16px;
font-weight:400;
line-height:1.8;
letter-spacing:.05em;
margin:0 auto 60px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn {
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:active {
background:#FFF;
color:#000
}
.hotelGroupAboutSliderContainer .carousel-inner .item [data-component=image]:before {
content:"";
top:0;
left:0;
right:0;
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.54);
z-index:1;
display:none
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
background:#000;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupAboutSliderContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li:hover,.hotelGroupAboutSliderContainer .carousel-indicators li:focus,.hotelGroupAboutSliderContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupAboutSliderContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupAboutSliderContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a:hover,.hotelGroupBody .ui-datepicker.ui-widget-content td a:focus,.hotelGroupBody .ui-datepicker.ui-widget-content td a:active {
text-decoration:none
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a.ui-state-active {
background:var(--secondary-color);
;
color:#fff;
text-decoration:none
}
.hotelGroupthankyouPage {
padding:80px 0;
text-align:center
}
.hotelSubGroupContentContainer {
padding:80px 0;
text-align:center
}
.hotelGroupContentContainer {
padding:80px 0 0;
text-align:center
}
.hotelSubGroupContentContainer .hotelGroupRoomContent {
padding:50px
}
.hotelSubGroupContentContainer h2,.hotelGroupContentContainer h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:80px 0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerLast {
padding-bottom:100px
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:absolute;
right:30px;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:10px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn {
font-size:16px;
height:auto;
font-family:Bellota;
line-height:1;
padding:15px 20px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn:nth-of-type(2) {
margin-left:5px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoomAmenitiesTxt {
display:none
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:0 20px 0 0;
width:initial
}
.hotelSubGroupTheme .hotelGroupRoomAmenities {
margin:30px 0 20px
}
.hotelSubGroupTheme .hotelGroupRoomImage {
box-shadow:0 50px 40px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px;
letter-spacing:2px;
padding:30px 0 0;
text-transform:none;
color:#30353e
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
opacity:.8
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:18px;
line-height:2
}
.hotelSubGroupTheme .hotelGroupWelcomeImg {
box-shadow:0 30px 30px -20px rgba(0,0,0,.2);
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover {
box-shadow:0 30px 30px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg img {
transition:all .4s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1.03)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
padding:30px 0 0;
margin:0 0 30px;
color:#30353e
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px;
text-transform:none;
margin-bottom:60px;
padding:30px 0 0
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
margin:0;
padding:1px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper.margin-bottom-10px {
margin-bottom:0;
overflow:hidden;
position:relative
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper img {
transition:all .6s ease
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper:hover img {
transform:scale(1.1)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:before {
content:"";
background:rgba(0,0,0,.6);
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all .3s ease;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:hover:before {
top:0;
opacity:0;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a {
position:relative;
display:block
}
.hotelGroupBtnOuter {
margin:60px auto 0;
text-align:center
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
display:flex
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:50%;
padding:20px 20px 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage {
position:relative;
z-index:1;
width:initial
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent {
position:relative;
top:0;
transform:translateY(0%);
width:initial;
text-align:left
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:0;
transition:all .6s ease;
margin:40px 0 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 14px rgb(255 255 255 / .3)
}
.hotelGroupTestimonialHome {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f7c5d480856d_spa.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupTestimonialHome .overly,.hotelGroupAmenityContainer .overly {
background:rgba(0,0,0,.6)
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter {
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:80%;
margin:0 auto
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-family:Bellota;
font-weight:400;
font-size:18px;
color:#FFF;
line-height:2;
letter-spacing:1px;
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
content:'\f10d';
font-family:fontAwesome;
font-size:72px;
margin:0;
opacity:.3;
position:absolute;
left:-50px;
top:-30px;
line-height:1
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
position:relative;
margin:0 auto;
left:0;
right:0;
top:0;
width:100%;
padding:50px
}
.hotelGroupTestimonialHome .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF;
display:none
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:hover,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:focus,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupTestimonialHome .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupTestimonialHome .carousel-indicators {
background:none;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li:hover,.hotelGroupTestimonialHome .carousel-indicators li:focus,.hotelGroupTestimonialHome .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupTestimonialHome .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupTestimonialHome .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupTestimonialHome .nav-indicators-in .carousel-indicators-wrapper {
right:0;
left:0;
bottom:-30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption h3 {
letter-spacing:1px
}
.hotelGroupTestimonialHome h2 {
color:#FFF;
text-align:center
}
.hotelGroupTestimonialHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#FFF;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-40px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionHome {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupAttractionHomeInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupAttractionBlock {
position:relative;
width:calc(33.33% - 40px);
margin:0 20px;
overflow:hidden
}
.hotelGroupAttractionImg {
position:relative;
z-index:1
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:400px;
transition:all .6s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:absolute;
bottom:-90px;
left:0;
background:rgba(0,0,0,.6);
display:block;
color:#FFF;
z-index:2;
padding:20px;
transition:all .3s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionContent {
bottom:0
}
.hotelGroupAttractionContent p {
color:#FFF
}
.hotelGroupAttractionHome h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupAttractionHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionContent h3 {
margin:0 0 15px;
letter-spacing:1px;
font-size:26px;
color:#fff
}
.hotelGroupAttractionContent p {
color:#FFF;
font-size:14px;
letter-spacing:.03em;
margin:0
}
.hotelGroupPropertyContainer {
padding:80px 0 80px
}
.hotelGroupPropertyPage.hotelGroupPropertyContainer {
padding:0 0 80px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupPropertyContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupPropertyContainerInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyBlock {
width:33%;
margin:0 20px;
position:relative;
overflow:hidden
}
.hotelGroupPropertyBlock:after {
content:"";
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
transition:all .3s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover:after {
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:450px;
transition:all .8s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1.1)
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
text-align:center;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:11;
background:rgba(0,0,0,.5);
opacity:1;
transition:all .3s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:0
}
.hotelGroupPropertyBlock a {
color:var(--secondary-color)
}
.hotelGroupPropertyBlock h3 {
letter-spacing:1px;
font-size:24px;
font-weight:400;
margin:0;
color:#FFF
}
.hotelGroupPropertyBlock p {
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#909090
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
font-size:13px;
text-transform:none;
letter-spacing:.03em;
margin:20px 0 0
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockLabel {
margin:0 0 10px;
font-size:12px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
display:flex;
flex-flow:column;
align-items:flex-start;
border:1px solid;
padding:30px;
position:absolute;
left:0;
top:-100%;
z-index:11;
width:100%;
height:100%;
max-height:450px;
transition:all .6s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockContent {
top:0;
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:absolute;
bottom:-100%;
left:30px;
z-index:11;
transition:all .6s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:30px
}
.hotelGroupPropertyLogoContainer {
padding:20px 0
}
.hotelGroupPropertyLogoInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyLogo {
margin:20px
}
.hotelGroupPropertyLogo img {
max-height:80px;
transition:all .6s ease;
opacity:.6
}
.hotelGroupPropertyLogo:hover img {
opacity:1
}
.hotelGroupRewardContainer {
padding:100px 0;
background-image:url(images/uploads/1/5f7ef5d09cd88_gift.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment:fixed
}
.hotelGroupRewardContainer:before {
content:"";
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
position:absolute;
left:0;
right:0;
top:0;
pointer-events:none;
width:100%;
height:100%
}
.hotelGroupRewardContainer h2 {
color:#FFF;
margin:0 0 10px;
text-transform:none
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupRewardContainer p {
color:#FFF;
margin:0;
letter-spacing:.06em;
font-size:14px
}
.hotelGroupRewardContainer .btn-secondary {
letter-spacing:2px
}
.hotelGroupContentsContainer {
padding:60px 0
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
position:relative;
padding:80px 0;
text-align:center;
background:inherit
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer:before {
content:"";
display:none
}
.hotelGroupAmenityPage .hotelGroupAmenityItemContent h3,.hotelGroupAmenityPage .hotelGroupAmenityItemContent p {
color:#30353e
}
.hotelGroupAmenityPage .hotelGroupAmenityItemImg {
background:none;
border:0;
align-items:flex-start;
padding:0;
min-height:initial;
min-width:initial
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:80px 0 0
}
.hotelGroupAttractionPage.hotelGroupAttractionHome {
background:inherit;
padding-top:40px
}
.hotelGroupTheme .tooltip {
white-space:nowrap
}
.hotelGroupTheme .tooltip .tooltip-inner {
background-color:#000;
font-size:10px;
letter-spacing:.05em
}
.hotelGroupTheme .tooltip.top .tooltip-arrow {
bottom:1px;
border-top-color:#000
}
.hotelGroupTheme .tooltip.top-left .tooltip-arrow,.hotelGroupTheme .tooltip.top-right .tooltip-arrow,.hotelGroupTheme .tooltip.top .tooltip-arrow {
border-top-color:#000
}
.hotelSubGroupNavbar {
background:#1b1b1b
}
.hotelSubGroupNavbar .navbar-nav>li>a {
padding:15px;
color:#FFF;
line-height:1;
font-size:13px;
letter-spacing:.05em;
transition:all .3s ease
}
.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:var(--secondary-color);
;
color:#FFF
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:1px solid #424242
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a {
font-weight:700
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active {
background:#1b1b1b
}
.hotelGroupRestaurantContainer {
padding:80px 0
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:36px;
text-transform:none
}
.hotelSubGroupRestaurantPage {
padding:80px 0 0;
text-align:center
}
.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupRestaurantPage p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelGroupRestaurantBlock {
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:row-reverse
}
.hotelGroupRestaurantImg {
width:50%;
overflow:hidden
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
max-height:400px;
min-height:400px;
width:100%;
transition:all .3s ease
}
.hotelGroupRestaurantBlock:hover .hotelGroupRestaurantImg img {
transform:scale(1.1)
}
.hotelGroupRestaurantContent {
width:50%;
padding:40px;
border:1px solid #dedede;
min-height:400px;
max-height:400px;
display:flex;
flex-flow:column;
justify-content:center
}
.hotelGroupRestaurantContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.hotelGroupRestaurantContent p {
margin-bottom:30px
}
.hotelGroupBanquetsContainer {
padding:80px 0
}
.hotelGroupBanquetsInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupBanquetsBlock {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:calc(50% - 40px);
margin:0 20px 60px;
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease;
overflow:hidden
}
.hotelGroupBanquetsBlock:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelGroupBanquetsImg {
position:relative;
z-index:1;
max-height:350px;
overflow:hidden
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 24px rgb(255 255 255 / .3)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
min-height:350px;
max-height:350px;
transition:all .6s ease
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1.1)
}
.hotelGroupBanquetsContent {
background:#FFF;
transition:all .3s ease;
padding:30px
}
.hotelGroupBanquetsContent h3 {
font-size:32px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupBanquetsContent p {
margin:0
}
.hotelGroupNavbar .navbar-header #subNavicon {
display:none
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:none
}
.hotelGroupCovidpage {
padding:80px 0
}
.hotelGroupCovidpage h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupCovidpage p {
margin-bottom:20px
}
.hotelGroupTheme .nomargintop {
margin-top:0!important
}
.helloBarContainer {
background:var(--primary-color);
color:#FFF;
text-align:center;
padding:15px 0
}
.helloBarContainer p {
margin:0;
line-height:1;
font-size:14px;
color:#FFF
}
.helloBarContainer p .fa {
margin:0 10px 0 0
}
.helloBarContainer p a {
color:#FFF;
text-transform:uppercase;
font-weight:600;
margin:0 0 0 20px;
text-decoration:none;
border-bottom:1px solid #FFF
}
.helloBarContainer p a:hover,.helloBarContainer p a:focus {
color:#FFF;
text-decoration:none;
border-bottom-color:rgba(255,255,255,.5)
}
.helloBarContainer a.helloBarClose {
cursor:pointer;
color:rgba(255,255,255,.5);
font-size:24px;
font-weight:300;
line-height:1;
margin:0 0 0 20px;
transition:all .2s ease-out
}
.helloBarContainer a.helloBarClose:hover,.helloBarContainer a.helloBarClose:focus {
text-decoration:none;
color:rgba(255,255,255,1)
}
.helloBarInner {
position:relative;
z-index:11;
display:flex;
justify-content:center;
align-items:center
}
.rewardsTopcontainer {
padding:80px 0
}
.rewardsTopcontainerInner {
display:flex;
flex-flow:row-reverse
}
.rewardsTopcontainerImage {
width:55%;
padding-left:50px
}
.rewardsTopcontainerContent {
width:45%
}
.rewardsTopcontainerContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.rewardsOffers {
background:var(--primary-color);
color:#FFF;
padding:80px 0
}
.rewardsForm {
max-width:500px;
margin:0 auto
}
.rewardsForm h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px;
text-align:center
}
.hotelGroupAmenityContainer.rewardsOffers:before {
background-image:url(images/uploads/1/5f92a8c42060e_gift4.jpg)
}
.hotelGroupTheme.privacyPage {
padding:80px 0
}
.hotelGroupTheme.privacyPage h2 {
font-size:32px;
font-weight:700;
color:#30353e;
text-transform:none;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupTheme.privacyPage p {
}
.hotelGroupTheme.privacyPage p strong {
font-size:18px;
margin-top:20px;
margin-bottom:5px;
display:inline-block
}
.hotelGroupTheme ul.privacyList {
margin:30px 0
}
.hotelGroupTheme ul.privacyList li {
margin-bottom:10px
}
.hotelGroupTheme ul.privacyList li:last-of-type {
margin-bottom:0
}
.hotelSubGroupAboutSliderContainer {
padding:40px 0 80px
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display:none
}
.grecaptcha-badge {
display:none!important
}
.boxnew button.btn.crssearchbtn:hover {
background:#45b5c6!important
}
.hotelgroup-subnavbar {
position:sticky;
z-index:99;
top:0
}
.group-row {
display:flex;
align-items:center
}
div#gallery2 img {
min-height:230px;
max-height:230px;
min-width:387px;
height:100%;
width:100%
}
.ekko-lightbox-container img {
min-width: 1000px;
min-height: 600px;
max-height: 600px;
height:100%;
width:100%
}
.modal-dialog{
max-width: 1000px !important;
}
@media(min-width:1601px) {
.hotelGroupSlideshowContainer .carousel .item img {
width:100%
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
}
@media(max-width:1199px) {
.hotelGroupNavbar .navbar-header .navbar-brand a {
max-width:200px
}
.hotelGroupNavbar .container {
padding:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
padding:0;
margin:0;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar .navbar-buttons {
margin:0 0 0 15px!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-size:12px;
padding:10px;
margin:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-centered .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left-right .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons {
min-height:initial;
min-width:initial
}
.hotelGroupNavbar .navbar {
padding:0;
border:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar-header {
float:none;
width:100%;
padding:0;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
border-bottom:1px solid #efefef
}
.hotelGroupNavbar .navbar-header .navbar-brand {
min-height:initial;
height:initial;
max-width:initial;
padding:0;
margin:0 10px 0 0;
width:calc(100% - 80px)
}
.hotelGroupNavbar .navbar-header .navbar-toggle {
width:50px;
float:none;
margin:0;
padding:0;
font-size:24px;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar-header .navbar-toggle.collapsed .fa-bars:before {
content:"\F0C9"
}
.hotelGroupNavbar .navbar-header .navbar-toggle .fa-bars:before {
content:"\F00D"
}
.hotelGroupNavbar .navbar-header #subNavicon {
width:50px;
float:none;
margin:0;
padding:0;
color:#4f4f4f;
font-size:24px;
text-align:center;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
display:none!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse.in {
display:block!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:20px 10px;
margin:0;
box-shadow:none;
min-width:100%;
width:100%;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li {
display:block;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.open {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav .dropdown.open>a {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
padding:10px 30px;
text-transform:none
}
.hotelSubGroupNavbar {
background:#FFF
}
.hotelSubGroupNavbar #subGroupNavigation {
padding:0;
margin:0 -15px
}
.hotelSubGroupNavbar #subGroupNavigation.collapse {
display:none!important
}
.hotelSubGroupNavbar #subGroupNavigation.collapse.in {
display:block!important
}
.hotelSubGroupNavbar #subGroupNavigation .navbar-nav {
float:none;
padding:20px
}
.hotelSubGroupNavbar .navbar-nav>li {
display:block;
float:none
}
.hotelSubGroupNavbar .navbar-nav>li>a {
font-family:Chakra Petch;
color:#30353e;
font-size:14px;
font-weight:600;
padding:10px 0
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:60px
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:0
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active,.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:#FFF;
color:var(--secondary-color)
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:block;
margin:0 20px 20px 20px
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow.navbar-buttons>* {
display:block
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow .btn {
font-size:15px;
line-height:1;
padding:15px 20px
}
.hotelGroupWelcomeContent {
width:50%
}
.hotelGroupWelcomeImgOuter {
width:50%;
padding-left:50px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:16px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
position:relative;
font-size:40px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
flex-direction:column;
justify-content:center
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
margin:0 auto;
width:90%
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2)
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:90%;
margin:0 auto;
position:relative;
top:0;
transform:translateY(0%)
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:36px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:400px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding:40px 0 60px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:60px 0 0
}
.hotelGroupContactContainer {
padding:60px 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:50%;
padding-bottom:0;
margin:20px 0
}
.hotelGroupContactlistContainer {
padding:60px 0
}
.hotelGroupFormContainer {
max-width:100%
}
.hotelGroupRestaurantContent {
max-height:initial
}
.hotelGroupRestaurantBlock {
align-items:stretch
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:100%;
max-height:initial
}
.hotelGroupCovidpage {
padding:40px 0
}
}
@media(max-width:991px) {
.group-row {
display:flex
}
body.hotelGroupBody #page {
overflow-x:hidden
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
display:none
}
.hotelGroupTopbar .hotelGroupTopbarLeft .inline-wrapper {
justify-content:flex-start
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper {
justify-content:flex-end
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper>[data-component=image] {
display:none
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:36px
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
display:none
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
display:none
}
.hotelGroupBookingContainer #bb_resBookingBox {
flex-direction:column
}
.hotelGroupBookingContainer .boxnew p {
max-width:300px;
margin:15px 0
}
.hotelGroupTheme h2 {
font-size:42px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:60px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span {
position:relative;
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:30px
}
.hotelGroupPropertyContainerInner {
flex-flow:row wrap
}
.hotelGroupPropertyBlock {
width:calc(50% - 40px);
margin-bottom:30px
}
.hotelGroupAttractionBlock {
width:calc(50% - 40px)
}
.hotelGroupAttractionHome {
padding:60px 0
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:column;
margin:40px 20px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupRestaurantImg {
width:initial
}
.hotelGroupRestaurantContent {
width:initial;
min-height:initial;
max-height:initial;
padding:30px
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:initial;
max-height:initial
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:36px;
top:-10px
}
.hotelGroupWelcomeContainer {
padding:60px 0
}
.hotelGroupWelcomeInner {
flex-direction:column
}
.hotelGroupWelcomeContent {
width:initial;
text-align:center
}
.hotelGroupWelcomeImgOuter {
width:initial;
padding-left:0;
margin:40px auto 0;
max-width:600px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
flex-direction:column
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
width:initial
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
flex-direction:column;
text-align:center
}
.hotelGroupAmenityItemImg {
margin:0 auto 30px
}
.hotelGroupGalleryContainer {
padding-bottom:60px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:60px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:flex;
flex-flow:row wrap;
justify-content:center
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:33.33%
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:100%
}
.hotelGroupTestimonialHome h2 span {
font-size:30px;
top:-30px
}
body .hotelGroupFooter .col-sm-4 {
width:100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 30px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
display:none
}
.hotelGroupHeadBlock {
padding-bottom:30px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:42px
}
.hotelGroupBookingContainer .boxnew p input {
height:40px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
bottom:6px
}
.hotelGroupBookingContainer .boxnew p select {
height:40px
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
height:44px
}
.hotelGroupPageTitle {
padding:80px 0
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2 {
font-size:32px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:350px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:auto;
margin:40px 0 0
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
width:100%;
left:0;
right:0;
bottom:auto;
top:45%;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:auto;
right:auto;
left:5px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.right.carousel-control {
left:auto;
right:5px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:100%
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
width:100%
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
display:none
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:30px 0
}
.hotelSubGroupContentContainer {
padding:60px 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
margin:0 10px
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p,.hotelGroupTheme p {
font-size:15px
}
.hotelGroupContactDetails li .fa.fa-map-marker {
top:0
}
.hotelGroupContactDetails {
margin:60px 0 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:100%;
margin:30px 0
}
.hotelGroupContactlistContainer {
padding:40px 0
}
.hotelGroupContentContainer {
padding-top:60px
}
.hotelGroupContentContainer h2 {
font-size:36px
}
.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupRestaurantBlock {
align-items:initial
}
.hotelGroupBanquetsBlock {
width:100%;
margin:0 10px 60px
}
.hotelGroupBanquetsBlock:last-of-type {
margin-bottom:0
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
max-height:initial;
min-height:initial
}
.rewardsTopcontainer {
padding:60px 0
}
.rewardsTopcontainerInner {
flex-direction:column
}
.rewardsTopcontainerImage {
width:initial;
padding-left:0;
margin:0 auto 30px
}
.rewardsTopcontainerContent {
width:initial
}
.hotelGroupTheme.privacyPage {
padding:40px 0
}
.hotelGroupAboutSliderContainer {
padding:50px 0
}
.hotelGroupAboutWelcomeContainer {
padding-bottom:50px
}
}
@media(max-width:767px) {
.ekko-lightbox-container img {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
div#gallery2 img {
min-height:100%;
max-height:100%;
min-width:100%
}
.hotelGroupNavbar .navbar-two {
padding:10px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:block
}
#whatsapp-message {
bottom:90px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupSlideshowContainer .carouselNavOuter {
width:100%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
left:10px;
right:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
top:auto;
bottom:10px;
left:auto;
right:10px
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:relative;
bottom:auto;
background:#FFF;
color:#4f4f4f;
min-height:200px
}
.hotelGroupAttractionContent h3 {
font-size:24px;
font-weight:600
}
.hotelGroupAttractionContent p {
color:#4f4f4f
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:initial
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column;
justify-content:center;
text-align:center
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1)
}
.hotelGroupAmenityItemContent h3 {
margin-bottom:15px
}
.hotelGroupContactContainer {
padding:40px 0
}
.hotelGroupPageTitle h2 span {
line-height:1.6
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1)
}
.CovidpageInner {
padding:0 10px
}
.hotelGroupCovidpage h3 {
font-size:28px
}
.rewardsTopcontainer {
padding:40px 0
}
.rewardsTopcontainerInner {
padding:0 10px
}
.hotelGroupTheme ul.privacyList {
padding:0 0 0 20px
}
.privacyPageInner {
padding:0 10px
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
display:none
}
}
@media(max-width:640px) {
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
display:none
}
.hotelGroupRewardContainer {
padding:80px 0
}
.hotelGroupRestaurantContainer {
padding:60px 0
}
.hotelGroupPropertyBlock {
width:100%;
border:1px solid #e0e0e0
}
.hotelGroupPropertyBlockImg {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
position:relative;
top:0;
max-height:450px;
opacity:1;
border-color:#e0e0e0
}
.hotelGroupPropertyBlock h3 {
color:#30353e;
font-weight:600
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
margin-top:15px;
font-size:14px;
font-weight:400
}
.hotelGroupAttractionBlock {
width:100%;
box-shadow:0 3px 6px -1px rgba(0,0,0,.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
min-height:initial;
padding:30px
}
.hotelGroupAttractionImg {
max-height:350px;
overflow:hidden
}
.hotelGroupAttractionContent h3 {
color:#fff;
font-size:30px
}
.hotelGroupRewardInner {
padding:0 10px
}
.hotelGroupPropertyLogoInner {
flex-flow:row wrap
}
.hotelGroupPropertyLogo {
width:calc(50% - 40px)
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:initial
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:50px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
max-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:relative;
bottom:0;
left:25px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:25px;
border:0
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 30px
}
.hotelGroupTheme .btn.btn-primary {
padding:14px 18px;
font-size:15px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
background:rgba(0,0,0,.3)
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:1
}
.hotelGroupPropertyBlock:hover:after {
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1)
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:300px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:30px;
margin-bottom:15px
}
.hotelGroupPageTitle {
padding:60px 0
}
.hotelGroupPageTitle h2 {
font-size:32px
}
.hotelGroupPageTitle h2 span {
font-size:14px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelSubGroupRestaurantPage h2 {
font-size:30px;
letter-spacing:.03em
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-top:0
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:60px 0 0
}
.hotelGroupCovidpage h3 {
margin-top:30px
}
.hotelGroupAmenityItemContent {
margin:0 auto
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:100%
}
.rewardsOffers.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
}
@media(max-width:580px) {
.hotelGroupSlideshowContainer .carousel .item img {
min-height:300px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:30px;
letter-spacing:2px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control,.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
bottom:-20px
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:70px
}
.hotelGroupTheme h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:15px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:30px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
margin:0
}
.hotelGroupTopbar p.hotelGroupTopbarPhone a {
margin-bottom:0
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-size:16px
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
display:block
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupPageTitle {
padding:40px 0
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:40px 10px 0
}
.hotelGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:20px 0 60px
}
.hotelGroupBanquetsContent h3 {
font-size:26px
}
.hotelGroupCovidpage h3 {
font-size:26px;
margin-bottom:15px
}
.hotelGroupTheme.privacyPage h2 {
font-size:26px
}
.hotelGroupAboutSliderInner,.hotelGroupAboutWelcomeInner {
padding:0 10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:30px;
margin-bottom:20px
}
}
@media(max-width:500px) {
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
display:block
}
}
@media(max-width:479px) {
.hotelGroupRestaurantContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:30px 10px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupPropertyBlock {
margin:20px 10px
}
.hotelGroupAttractionBlock {
margin:20px 10px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:40px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
margin-bottom:0
}
.hotelGroupAttractionHome {
padding:40px 0
}
.hotelGroupAttractionHome h2 {
margin-bottom:30px
}
.hotelGroupTheme h2 {
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:24px;
top:-10px
}
.hotelGroupAttractionContent h3 {
font-size:24px
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
padding:20px
}
.hotelGroupPropertyLogo {
width:calc(50% - 20px);
margin:10px
}
.hotelGroupRewardContainer {
padding:60px 0;
background-attachment:initial;
background-position:50% 100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 20px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:250px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:24px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2,.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:26px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
padding:20px 0
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:10px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
padding:25px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelGroupPropertyBlockImg,.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:260px
}
.hotelGroupFooter .HGfooterTitle {
font-size:20px
}
.hotelGroupTheme p {
font-size:13px
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupBtnOuter {
margin-top:40px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
margin-bottom:30px
}
.hotelGroupGalleryContainer {
padding-bottom:50px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
padding:50px 20px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
font-size:60px;
top:-20px;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:220px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelSubGroupContentContainer {
padding:40px 0 20px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:26px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding-top:40px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-bottom:40px
}
.hotelGroupBanquetsContent {
padding:20px
}
.rewardsTopcontainerContent h3,.rewardsForm h3,.rewardsForm h3 {
font-size:28px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
.helloBarContainer p a {
margin-left:10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:24px
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
bottom:20px
}
.hotelGroupAboutSliderInner .carousel .item img {
min-height:180px
}
}
@media(max-width:359px) {
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
max-width:140px
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:260px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:24px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 20px;
left:20px
}
}
* img{
object-fit: cover;
}
:root {
--primary-color:#c6ab62;
--secondary-color:#b48744;
--btn-hover:#b48744;
--white:#fff;
--primary-text-color:#333;
--black:#000;
--placeholder:#757575;
--background-color:#0f0f0f
}
body.hotelGroupBody {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f;
overflow-x:hidden
}
.yummy .col-lg-1,.yummy .col-lg-2,.yummy .col-lg-3,.yummy .col-lg-4,.yummy .col-lg-5,.yummy .col-lg-6,.yummy .col-lg-7,.yummy .col-lg-8,.yummy .col-lg-9,.yummy .col-lg-10,.yummy .col-lg-11,.yummy .col-lg-12,.yummy .col-lg-15,.yummy .col-md-1,.yummy .col-md-2,.yummy .col-md-3,.yummy .col-md-4,.yummy .col-md-5,.yummy .col-md-6,.yummy .col-md-7,.yummy .col-md-8,.yummy .col-md-9,.yummy .col-md-10,.yummy .col-md-11,.yummy .col-md-12,.yummy .col-md-15,.yummy .col-sm-1,.yummy .col-sm-2,.yummy .col-sm-3,.yummy .col-sm-4,.yummy .col-sm-5,.yummy .col-sm-6,.yummy .col-sm-7,.yummy .col-sm-8,.yummy .col-sm-9,.yummy .col-sm-10,.yummy .col-sm-11,.yummy .col-sm-12,.yummy .col-sm-15,.yummy .col-xs-1,.yummy .col-xs-2,.yummy .col-xs-3,.yummy .col-xs-4,.yummy .col-xs-5,.yummy .col-xs-6,.yummy .col-xs-7,.yummy .col-xs-8,.yummy .col-xs-9,.yummy .col-xs-10,.yummy .col-xs-11,.yummy .col-xs-12,.yummy .col-xs-15 {
padding-right:15px;
padding-left:15px;
padding-bottom:0
}
.yummy p {
margin:0
}
#whatsapp-message {
position:fixed;
margin-bottom:1vh;
bottom:35px;
right:5px;
width:65px;
height:65px;
overflow:hidden;
visibility:visible;
z-index:2147483639;
background:0;
border:0;
transition:transform .2s ease-in-out;
backface-visibility:hidden;
opacity:1;
transform:translateY(0%)
}
.hotelGroupTheme,body .hotelGroupTheme {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTheme a,.hotelGroupTheme p a {
text-decoration:none;
color:var(--primary-color)
}
.hotelGroupTheme a:hover,.hotelGroupTheme a:focus,.hotelGroupTheme p a:hover,.hotelGroupTheme p a:focus {
text-decoration:none;
color:var(--secondary-color)
}
.hotelGroupTheme .btn.btn-primary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-primary:focus,.hotelGroupTheme .btn.btn-primary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelGroupTheme .btn.btn-secondary {
font-family:Bellota;
margin-top:0;
margin-bottom:0;
background-color:transparent;
color:var(--primary-color);
border:1px solid var(--primary-color);
height:auto;
border-radius:0;
padding:15px 20px;
font-size:16px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
transition:all .3s ease
}
.hotelGroupTheme .btn.btn-secondary:focus,.hotelGroupTheme .btn.btn-secondary:hover {
background-color:var(--secondary-color);
;
border-color:var(--secondary-color);
;
color:#FFF
}
.hotelGroupTheme .h1,.hotelGroupTheme .h2,.hotelGroupTheme .h3,.hotelGroupTheme .h4,.hotelGroupTheme .h5,.hotelGroupTheme .h6,.hotelGroupTheme h1,.hotelGroupTheme h2,.hotelGroupTheme h3,.hotelGroupTheme h4,.hotelGroupTheme h5,.hotelGroupTheme h6 {
font-family:Bellota;
font-weight:400
}
.header.fixed {
position:fixed;
top:0;
box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
-webkit-box-shadow:0 8px 8px 3px rgb(66 92 187 / 12%);
left:0;
right:0;
margin:0 auto;
-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;
animation:.5s ease-in-out 0s normal none 1 running fadeInDown
}
.hotelGroupTheme h2 {
margin:0 0 30px;
position:relative;
color:#30353e;
margin:0 0 30px;
font-size:48px;
line-height:1.2;
letter-spacing:2px;
font-weight:700;
text-transform:uppercase
}
.hotelGroupTheme h2 span {
display:block;
font-size:16px;
font-weight:400;
margin:0 0 10px;
color:var(--secondary-color)
}
.hotelGroupTheme p {
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.75;
color:#4f4f4f
}
.hotelGroupTopbar {
padding:12px 0;
border-bottom:1px solid #efefef
}
.hotelGroupTopbar .inline-wrapper {
align-items:center
}
.hotelGroupTopbar p {
margin:0 10px 0;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
margin-left:0
}
.hotelGroupTopbar p .fa {
margin-right:10px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone .fa {
font-size:18px;
position:relative;
top:1px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
position:relative;
top:-1px
}
.hotelGroupTopbar p a {
color:#4f4f4f;
text-decoration:none;
transition:all .3s ease
}
.hotelGroupTopbar p a:focus,.hotelGroupTopbar p a:hover {
color:var(--secondary-color);
;
text-decoration:none
}
.hotelGroupTopbar p.hotelGroupTopbarSocial {
font-size:16px
}
.hotelGroupTopbar p.hotelGroupTopbarSocial .fa {
margin-right:0
}
.hotelGroupTopbar .gTranslate {
margin-left:10px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget {
position:relative;
font-size:0
}
.hotelGroupTheme #google_translate_element .goog-te-gadget:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
pointer-events:none;
color:#000;
font-size:18px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget a.goog-logo-link {
display:none
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
height:30px;
padding:0 30px 0 10px;
letter-spacing:.03em;
border-radius:0;
border:1px solid #d5d5d5;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
cursor:pointer;
font-size:12px
}
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo:focus {
outline:0;
border-color:#a7a7a7
}
.hotelGroupNavbar {
position:relative;
z-index:100
}
.hotelGroupNavbar .navbar {
width:100%;
margin:0;
padding:10px 0;
display:flex;
align-items:center;
min-height:60px
}
.hotelGroupNavbar .navbar-header .navbar-brand {
height:auto
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:90px
}
.hotelGroupNavbar .navbar-collapse {
padding:0!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
width:inherit;
align-items:center;
padding-right:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:5px 0 0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
line-height:1;
color:#30353e;
text-transform:uppercase;
letter-spacing:.03em;
transition:all .3s ease;
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:active,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:focus,.hotelGroupNavbar .navbar.navbar-plain ul.nav li a:hover,.hotelGroupNavbar .navbar.navbar-plain ul.nav li.active a {
color:var(--secondary-color);
;
background-color:transparent
}
.hotelGroupNavbar .nav .open>a,.hotelGroupNavbar .nav .open>a:focus,.hotelGroupNavbar .nav .open>a:hover {
background:none;
border:0
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown a .caret:after {
top:-7px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdown.open a .caret:after {
top:-3px
}
.hotelGroupNavbar .dropdown-menu {
border-radius:0;
background:#FFF
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li {
display:block
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
font-weight:400;
display:block;
padding:15px 20px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.dropdownRight .dropdown-menu {
left:auto;
right:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-family:Bellota;
background:var(--primary-color);
border:1px solid var(--primary-color);
color:#fff;
box-shadow:none;
border-radius:0;
font-size:14px;
font-weight:700;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
transition:all .3s ease;
padding:12px 18px
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:focus,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn:hover {
border-color:var(--secondary-color);
;
background:var(--secondary-color);
;
cursor:pointer;
color:#fff;
text-decoration:none;
box-shadow:none;
outline:0
}
.hotelGroupSlideshowContainer {
color:#FFF
}
.hotelGroupSlideshowContainer p,.hotelGroupSlideshowContainer a {
color:#FFF
}
.hotelGroupSlideshowContainer .carousel-inner>.item {
transition:none;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item img {
animation:bloomEffects 1s ease;
animation-fill-mode:forwards
}
@keyframes bloomEffects {
0% {
transform:scale(1)
}
100% {
transform:scale(1.1)
}
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:60px;
font-weight:700;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
font-size:18px;
font-weight:400;
line-height:1.4;
letter-spacing:.06em;
margin:0 auto 60px;
text-shadow:1px 2px 3px rgba(0,0,0,.5)
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
background:#000;
border-color:#000
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
font-family:Chakra Petch;
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
background-color:transparent;
color:#fff;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto;
height:50px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn:active {
background-color:#FFF;
border-color:#FFF;
color:#000
}
.hotelGroupSlideshow {
max-height:600px;
overflow:hidden
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupSlideshowContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control {
background:#000;
border:1px solid #000
}
.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupSlideshowContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:auto;
right:0
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
left:auto;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupSlideshowContainer .carousel-indicators li:hover,.hotelGroupSlideshowContainer .carousel-indicators li:focus,.hotelGroupSlideshowContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupSlideshowContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupSlideshowContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBookingContainer {
position:relative;
background:#1b1b1b;
color:#FFF;
padding:40px 0
}
.hotelSubGroupTheme.hotelGroupBookingContainer {
position:relative;
background:var(--secondary-color);
;
color:#FFF
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0 30px;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupBookingContainer .boxnew {
width:100%;
text-align:center
}
.hotelGroupBookingContainer .boxnew p {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupBookingContainer .boxnew p label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p input {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupBookingContainer .boxnew p select {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
font-family:Bellota;
font-size:18px;
font-weight:600;
letter-spacing:.1em;
line-height:1;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:var(--primary-color);
color:#fff;
border:1px solid var(--primary-color);
height:50px;
border-radius:0;
padding:10px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
text-align:center
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:var(--secondary-color);
!important;
border-color:var(--secondary-color);
;
color:#fff
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn {
background-color:#000;
color:#fff;
border:1px solid #000
}
.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:active,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:focus,.hotelSubGroupTheme.hotelGroupBookingContainer .boxnew p #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupBookingContainer .boxnew p br {
display:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:25px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:25px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(1) {
max-width:300px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(4) {
margin-top:28px
}
.hotelGroupTheme .bbres_fieldset,.hotelGroupTheme .HGCalender,.hotelGroupTheme .HGBEBtn {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:200px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select,.hotelGroupTheme .HGSelectOuter {
position:relative;
font-family:Chakra Petch;
color:#4f4f4f;
padding:0 10px;
margin:0;
width:100%;
max-width:300px;
display:inline-block;
text-align:left
}
.hotelGroupTheme .bbres_select:before,.hotelGroupTheme .HGSelectOuter:before {
content:"\f107";
font-family:fontAwesome;
position:absolute;
bottom:10px;
right:20px;
pointer-events:none;
color:#000;
font-size:22px;
line-height:1.2
}
.hotelGroupTheme .bbres_fieldset label,.hotelGroupTheme .bbres_select label,.hotelGroupTheme .form-control label,.hotelGroupTheme .HGSelectOuter label,.hotelGroupTheme .HGCalender label {
font-family:Chakra Petch;
display:block;
color:#FFF;
font-size:14px;
font-weight:400;
letter-spacing:.03em;
line-height:1;
margin:0 0 15px;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset input,.hotelGroupTheme .HGCalender input,.hotelGroupTheme input.form-control {
font-family:Chakra Petch;
color:#000;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme textarea.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:auto;
background:#fff;
width:100%;
padding:20px;
border-radius:0;
font-size:13px;
font-weight:400;
letter-spacing:.05em
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger {
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
font-size:0;
pointer-events:none
}
.hotelGroupTheme .bbres_fieldset .ui-datepicker-trigger:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px
}
.hotelGroupTheme .HGCalender:before {
content:"\f073";
font-family:FontAwesome;
font-size:16px;
position:absolute;
right:20px;
bottom:10px;
display:block;
padding:0;
border:0;
background:none;
box-shadow:none;
outline:0;
pointer-events:none
}
.hotelGroupTheme .bbres_select select,.hotelGroupTheme .HGSelectOuter select,.hotelGroupTheme select.form-control {
font-family:Chakra Petch;
color:#484848;
border:1px solid #ddd;
height:50px;
background:#fff;
width:100%;
padding:0 30px 0 20px;
border-radius:0;
font-size:14px;
font-weight:400;
letter-spacing:.05em;
max-width:300px;
outline:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.hotelGroupTheme input.form-control:focus,.hotelGroupTheme select.form-control:focus,.hotelGroupTheme select:focus,.hotelGroupTheme textarea.form-control:focus,.hotelGroupTheme textarea:focus {
border-color:#152161;
background:#fff;
outline:0
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn,.hotelGroupTheme .HGBEBtn #bb_resBtn {
font-family:Chakra Petch;
font-size:14px;
font-weight:600;
letter-spacing:.1em;
line-height:1.8;
text-transform:uppercase;
margin-top:0;
margin-bottom:0;
background-color:#000;
color:#fff;
border:1px solid #000;
height:50px;
border-radius:0;
padding:15px 30px;
text-decoration:none;
outline:0;
box-shadow:none;
cursor:pointer
}
.hotelGroupTheme .bbres_fieldset input#bb_resBtn:active,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:focus,.hotelGroupTheme .bbres_fieldset input#bb_resBtn:hover,.hotelGroupTheme .HGBEBtn #bb_resBtn:active,.hotelGroupTheme .HGBEBtn #bb_resBtn:focus,.hotelGroupTheme .HGBEBtn #bb_resBtn:hover {
background-color:#222!important;
border-color:#222;
color:#fff
}
.hotelGroupWelcomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupWelcomeInner {
display:flex;
align-items:center
}
.hotelGroupWelcomeContent {
width:48%
}
.hotelGroupWelcomeImgOuter {
width:52%;
padding-left:100px
}
.hotelGroupPropertyContainer {
position:relative;
padding:1px 0;
display:flex;
justify-content:center
}
.hotelGroupPropertyInner {
position:relative;
display:flex;
min-height:600px;
flex-flow:row wrap;
max-width:1600px
}
.hotelGroupPropertyContainerAlter .hotelGroupPropertyInner {
flex-direction:row-reverse
}
.hotelGroupPropertyImage {
width:60%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover
}
.hotelGroupPropertyContent {
width:40%;
padding:60px;
display:flex;
flex-flow:column;
justify-content:center;
text-align:left
}
h3.hotelGroupPropertyContentTitle {
margin:0 0 30px;
font-size:42px;
line-height:1.2;
letter-spacing:2px;
color:#30353e
}
p.hotelGroupPropertyContentText {
color:inherit;
margin:0 0 50px;
font-size:17px;
line-height:1.8;
letter-spacing:.03em
}
.hotelGroupHomeContainer {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupHomeContainer .hotelGroupHomeContent {
text-align:center
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:60px;
padding-top:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:16px;
line-height:2
}
.hotelGroupAmenityContainer {
position:relative;
background:var(--primary-color);
color:#FFF;
padding:80px 0 40px;
text-align:center
}
.hotelGroupAmenityContainer {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f06b6379b36d_bannerImg002.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupAmenityContainer h2,.hotelGroupAmenityContainer h3,.hotelGroupAmenityContainer h4,.hotelGroupAmenityContainer p {
color:#FFF
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px;
padding-top:30px
}
.hotelGroupAmenityContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#e6c6a1;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:1
}
.hotelGroupAmenityBtnOuter {
margin:60px 0 0
}
.hotelGroupAmenityList {
display:flex;
flex-flow:row wrap;
align-items:flex-start;
justify-content:flex-start
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
position:relative;
display:flex;
text-align:left;
padding:40px;
align-items:flex-start;
width:33%;
justify-content:flex-start;
margin:0;
align-items:center
}
.hotelGroupAmenityItemImg {
min-width:60px;
min-height:60px;
background:rgb(0 0 0 / .2);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
padding:5px;
margin:0 10px 0 0
}
.hotelGroupAmenityItemImg img {
max-width:30px;
max-height:30px
}
.hotelGroupAmenityItemContent h3 {
margin:0 0 6px;
font-weight:600;
letter-spacing:1px;
font-size:20px;
line-height:1
}
.hotelGroupAmenityItemContent p {
margin:0;
font-size:14px;
letter-spacing:.03em
}
body .hotelGroupFooter {
background:#1b1b1b;
color:#c5c5c5
}
.hotelGroupFooter .HGfooterTitle {
color:#FFF;
font-family:Bellota;
font-size:24px;
letter-spacing:3px;
font-weight:700;
text-transform:uppercase;
margin:0 0 30px
}
.hotelGroupFooter ul.list-basic li a:not(.btn) {
color:#c5c5c5;
text-decoration:none
}
.hotelGroupFooter ul.list-basic li a:not(.btn):hover,.hotelGroupFooter ul.list-basic li a:not(.btn):focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic {
display:flex;
flex-flow:row wrap
}
body .hotelGroupFooter .HGfooterNavigation ul.list-basic li {
width:50%
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic {
display:flex;
flex-flow:column
}
body .hotelGroupFooter .HGfooterNavigation.HGfooterHotels ul.list-basic li {
width:initial
}
body .hotelGroupFooterbtm {
background:#101010;
color:#c5c5c5;
padding:10px 0;
font-size:14px
}
body .hotelGroupFooterbtm .footerBtmInner {
display:flex;
justify-content:space-between;
align-items:center
}
body .hotelGroupFooterbtm p {
margin:0;
font-family:Chakra Petch
}
body .hotelGroupFooterbtm p a {
color:#c5c5c5;
text-decoration:none
}
body .hotelGroupFooterbtm p a:hover,body .hotelGroupFooterbtm p a:focus {
color:#FFF;
text-decoration:none
}
body .hotelGroupFooter .HGfooterContact ul.list-basic li {
position:relative;
padding-left:30px
}
body .hotelGroupFooter p,body .hotelGroupFooter ul li,body .hotelGroupFooter p a {
margin-bottom:10px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
color:#c5c5c5;
letter-spacing:.03em
}
body .hotelGroupFooter .HGfooterContact li .fa {
position:absolute;
left:0;
top:3px;
font-size:20px;
font-weight:400;
line-height:1
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial {
margin:10px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
body .hotelGroupFooter .HGfooterContact .HGfooterSocial li .fa {
position:relative;
top:initial
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-map-marker {
left:2px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-envelope-open-o {
font-size:14px;
left:1px;
top:4px
}
body .hotelGroupFooter .HGfooterContact li .fa.fa-mobile {
font-size:22px;
left:3px;
top:1px
}
.hotelGroupRoomContainer {
padding:80px 0
}
.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-end
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
position:relative;
z-index:1;
width:80%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:600px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
position:absolute;
right:10px;
bottom:70px;
width:50px;
z-index:2;
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #000;
background:#000;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators {
background:none;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:hover,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:focus,.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
position:absolute;
width:600px;
background:#FFF;
padding:30px;
left:0;
top:50%;
display:block;
z-index:2;
transform:translateY(-50%);
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:48px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupRoomContainer .hotelGroupRoomContentText {
margin:0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities {
margin:20px 0
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic {
display:flex;
flex-flow:row wrap
}
.hotelGroupRoomContainer .hotelGroupRoomAmenities ul.list-basic li {
width:50%;
display:flex;
align-items:center;
margin:0 0 15px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesImg img {
max-height:24px
}
.hotelGroupRoomContainer .hotelGroupRoomAmenitiesTxt p {
margin:0 0 0 10px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice {
margin:0 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomPrice strong {
font-size:22px;
font-weight:700;
margin:0;
letter-spacing:-.02em
}
.hotelGroupRoomContainer .hotelGroupRoomPrice span {
border-bottom:1px dashed;
cursor:help;
margin:0 0 0 5px
}
.hotelGroupRoomContainerAlter .hotelGroupRoomInner {
justify-content:flex-start
}
.hotelGroupRoomContainerAlter .hotelGroupRoomContent {
left:auto;
right:0
}
.hotelGroupRoomContainerAlter .hotelGroupRoomImage .carouselNavOuter {
right:auto;
left:10px
}
.hotelGroupTheme .mapWrapper iframe {
margin:0;
padding:0;
outline:0;
border:0;
display:inline-block;
vertical-align:top
}
.hotelGroupGalleryContainer {
padding:0 0 80px;
text-align:center
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:80px
}
.hotelGroupBody .modal-dialog {
margin:15px auto 0;
max-width:900px!important
}
.hotelGroupBody .modal-header {
padding:0;
border-bottom:0 solid #e5e5e5;
background:0
}
.hotelGroupBody .modal-title {
display:none
}
.hotelGroupBody .modal button.close {
z-index:110;
right:10px;
top:10px;
outline:0
}
.hotelGroupBody .modal button.close:focus,.hotelGroupBody .modal button.close:hover {
outline:0
}
.hotelGroupBody .ekko-lightbox-nav-overlay .glyphicon {
height:100%;
display:flex;
align-items:center;
text-align:right
}
.hotelGroupBody .glyphicon.glyphicon-chevron-left {
justify-content:flex-start
}
.hotelGroupBody .glyphicon.glyphicon-chevron-right {
justify-content:flex-end
}
.hotelGroupBody .ekko-lightbox-nav-overlay a:focus,.hotelGroupBody .ekko-lightbox-nav-overlay a:hover {
text-decoration:none
}
.hotelGroupBody .modal-dialog img {
width:100%
}
.hotelGroupBody .modal-dialog .ekko-lightbox-container {
max-height:550px;
overflow:hidden
}
.hotelGroupHeadBlock {
padding:60px 0;
text-align:center
}
.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
margin:0
}
.hotelGroupPageTitle {
padding:100px 0;
color:#FFF;
background-color:rgba(0,0,0,0);
background-position:50% 60%
}
.hotelGroupPageTitle h2 {
color:#FFF;
text-align:center;
margin:0
}
.hotelGroupPageTitle h2 span {
color:#FFF;
font-family:Chakra Petch;
margin:10px 0 0
}
.hotelGroupContactContainer {
padding:80px 0
}
.hotelGroupContactContainer .form-group,.hotelGroupContactContainer .input-group {
margin:0 0 20px
}
.hotelGroupContactContainer h3 {
font-size:28px;
font-weight:700;
letter-spacing:1px;
margin:0 0 20px;
color:#30353e
}
.hotelGroupContactContainer h3.hotelGroupContactHeading {
margin:0 0 10px
}
.hotelGroupContactContainer p.hotelGroupContactDesc {
margin:0 0 40px
}
.hotelGroupContactDetails ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactDetails p,.hotelGroupContactDetails ul li,.hotelGroupContactDetails p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:16px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactDetails li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactDetails ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 15px 0 0
}
.hotelGroupContactDetails li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactDetails li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactDetails li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn) {
color:#4f4f4f
}
.hotelGroupContactDetails ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding-left:30px
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactDetails .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactDetails .hotelGroupContactSocial .HGfooterSocial li .fa {
position:relative;
top:initial
}
.hotelGroupContactlistContainer {
background:#f8f8f8;
padding:80px 0
}
.hotelGroupContactlistContainer .hotelGroupContactblock {
position:relative;
padding:30px;
background:#FFF;
box-shadow:0 7px 12px -4px rgba(0,0,0,.1);
margin:0 5px
}
.hotelGroupContactlistContainer .hotelGroupContactblock a {
white-space:normal;
word-break:break-all
}
.hotelGroupContactlistContainer .hotelGroupContactblock h4 {
margin:0 0 30px;
font-size:22px;
font-weight:700
}
.hotelGroupContactlistContainer ul.list-basic li {
position:relative;
padding-left:40px
}
.hotelGroupContactlistContainer p,.hotelGroupContactlistContainer ul li,.hotelGroupContactlistContainer p a {
margin-bottom:20px;
font-family:Chakra Petch;
font-size:14px;
font-weight:400;
line-height:1.65;
letter-spacing:.03em
}
.hotelGroupContactlistContainer li .fa {
position:absolute;
left:0;
top:3px;
font-size:24px;
font-weight:400;
line-height:1
}
.hotelGroupContactlistContainer ul.social-basic-sm.list-right li {
padding-left:0;
margin:0 10px 0 0
}
.hotelGroupContactlistContainer li .fa.fa-map-marker {
left:2px
}
.hotelGroupContactlistContainer li .fa.fa-envelope-open-o {
font-size:18px;
left:1px;
top:4px
}
.hotelGroupContactlistContainer li .fa.fa-mobile {
font-size:30px;
left:3px;
top:1px
}
.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li {
position:relative;
padding:0;
margin:0 15px 0 0
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn) {
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):hover,.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li a:not(.btn):focus {
color:var(--secondary-color)
}
.hotelGroupContactlistContainer .hotelGroupContactSocial ul.list-basic li .fa {
position:relative
}
.hotelGroupAboutSliderContainer {
padding:80px 0
}
.hotelGroupAboutWelcomeContainer {
padding:0 0 80px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption h3 {
font-size:54px;
line-height:1.4;
letter-spacing:5px;
text-transform:uppercase;
margin:0 auto 10px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption p {
font-size:16px;
font-weight:400;
line-height:1.8;
letter-spacing:.05em;
margin:0 auto 60px
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn {
font-size:12px;
line-height:1.8;
font-weight:600;
letter-spacing:4px;
padding:15px 30px;
border:1px solid #FFF;
border-radius:0;
transition:all .3s ease;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:hover,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:focus,.hotelGroupAboutSliderContainer .carousel .item .carousel-caption .btn:active {
background:#FFF;
color:#000
}
.hotelGroupAboutSliderContainer .carousel-inner .item [data-component=image]:before {
content:"";
top:0;
left:0;
right:0;
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.54);
z-index:1;
display:none
}
.hotelGroupAboutSliderContainer .carousel .item .carousel-caption {
position:absolute;
width:80%;
top:50%;
margin:0 auto;
transform:translateY(-50%)
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
background:#000;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:hover,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:focus,.hotelGroupAboutSliderContainer .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupAboutSliderContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupAboutSliderContainer .carousel-indicators {
background:none;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupAboutSliderContainer .carousel-indicators li:hover,.hotelGroupAboutSliderContainer .carousel-indicators li:focus,.hotelGroupAboutSliderContainer .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupAboutSliderContainer .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupAboutSliderContainer .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
right:0;
left:0
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a:hover,.hotelGroupBody .ui-datepicker.ui-widget-content td a:focus,.hotelGroupBody .ui-datepicker.ui-widget-content td a:active {
text-decoration:none
}
.hotelGroupBody .ui-datepicker.ui-widget-content td a.ui-state-active {
background:var(--secondary-color);
;
color:#fff;
text-decoration:none
}
.hotelGroupthankyouPage {
padding:80px 0;
text-align:center
}
.hotelSubGroupContentContainer {
padding:80px 0;
text-align:center
}
.hotelGroupContentContainer {
padding:80px 0 0;
text-align:center
}
.hotelSubGroupContentContainer .hotelGroupRoomContent {
padding:50px
}
.hotelSubGroupContentContainer h2,.hotelGroupContentContainer h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:80px 0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerFirst {
padding-top:0
}
.hotelSubGroupTheme.hotelGroupRoomContainer.hotelGroupRoomContainerLast {
padding-bottom:100px
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:absolute;
right:30px;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:10px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn {
font-size:16px;
height:auto;
font-family:Bellota;
line-height:1;
padding:15px 20px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter .btn:nth-of-type(2) {
margin-left:5px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoomAmenitiesTxt {
display:none
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:0 20px 0 0;
width:initial
}
.hotelSubGroupTheme .hotelGroupRoomAmenities {
margin:30px 0 20px
}
.hotelSubGroupTheme .hotelGroupRoomImage {
box-shadow:0 50px 40px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px;
letter-spacing:2px;
padding:30px 0 0;
text-transform:none;
color:#30353e
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
opacity:.8
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:18px;
line-height:2
}
.hotelSubGroupTheme .hotelGroupWelcomeImg {
box-shadow:0 30px 30px -20px rgba(0,0,0,.2);
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover {
box-shadow:0 30px 30px -20px rgba(0,0,0,.3)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg img {
transition:all .4s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1.03)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
content:"";
position:absolute;
width:100%;
height:100%;
display:block;
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2);
padding:0;
z-index:-1;
transition:all .6s ease
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover:after {
top:-30px;
right:-30px;
box-shadow:0 0 0 3px rgb(198 159 113 / .4)
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle {
padding:30px 0 0;
margin:0 0 30px;
color:#30353e
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px;
text-transform:none;
margin-bottom:60px;
padding:30px 0 0
}
.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
margin:0;
padding:1px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper.margin-bottom-10px {
margin-bottom:0;
overflow:hidden;
position:relative
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper img {
transition:all .6s ease
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper:hover img {
transform:scale(1.1)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:before {
content:"";
background:rgba(0,0,0,.6);
position:absolute;
left:0;
right:0;
top:0;
width:100%;
height:100%;
display:block;
opacity:0;
transition:all .3s ease;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a:hover:before {
top:0;
opacity:0;
transform:scale(0)
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 .overlay-wrapper a {
position:relative;
display:block
}
.hotelGroupBtnOuter {
margin:60px auto 0;
text-align:center
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
display:flex
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:50%;
padding:20px 20px 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage {
position:relative;
z-index:1;
width:initial
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent {
position:relative;
top:0;
transform:translateY(0%);
width:initial;
text-align:left
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:0;
transition:all .6s ease;
margin:40px 0 0
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:0
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupRoomContainerHome .hotelGroupRoomImage:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 14px rgb(255 255 255 / .3)
}
.hotelGroupTestimonialHome {
position:relative;
padding:100px 0;
background-image:url(images/uploads/1/5f7c5d480856d_spa.jpg);
background-size:cover;
background-position:50% 50%
}
.hotelGroupTestimonialHome .overly,.hotelGroupAmenityContainer .overly {
background:rgba(0,0,0,.6)
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter {
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:80%;
margin:0 auto
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-family:Bellota;
font-weight:400;
font-size:18px;
color:#FFF;
line-height:2;
letter-spacing:1px;
position:relative
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
content:'\f10d';
font-family:fontAwesome;
font-size:72px;
margin:0;
opacity:.3;
position:absolute;
left:-50px;
top:-30px;
line-height:1
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
position:relative;
margin:0 auto;
left:0;
right:0;
top:0;
width:100%;
padding:50px
}
.hotelGroupTestimonialHome .carouselNavOuter {
position:absolute;
right:30px;
top:50%;
width:50px;
z-index:2;
transform:translateY(-50%);
color:#FFF;
display:none
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control {
width:40px;
height:40px;
border:1px solid #FFF;
border-radius:50%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:hover,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:focus,.hotelGroupTestimonialHome .carouselNavOuter a.carousel-control:active {
color:#FFF
}
.hotelGroupTestimonialHome .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
margin:0 auto;
left:0;
right:0
}
.hotelGroupTestimonialHome .carousel-indicators {
background:none;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li {
position:relative;
width:5px;
height:5px;
border:0;
background:rgba(255,255,255,.6);
opacity:1;
margin:0 0 0 20px;
padding:0
}
.hotelGroupTestimonialHome .carousel-indicators li:hover,.hotelGroupTestimonialHome .carousel-indicators li:focus,.hotelGroupTestimonialHome .carousel-indicators li.active {
box-shadow:none;
margin:0 0 0 20px
}
.hotelGroupTestimonialHome .carousel-indicators li.active:before {
content:"";
width:20px;
height:20px;
border:1px solid #FFF;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%
}
.hotelGroupTestimonialHome .carousel-indicators li:first-of-type {
margin-left:0
}
.hotelGroupTestimonialHome .nav-indicators-in .carousel-indicators-wrapper {
right:0;
left:0;
bottom:-30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption h3 {
letter-spacing:1px
}
.hotelGroupTestimonialHome h2 {
color:#FFF;
text-align:center
}
.hotelGroupTestimonialHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:#FFF;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-40px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionHome {
padding:80px 0;
background:#f6f6f6
}
.hotelGroupAttractionHomeInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupAttractionBlock {
position:relative;
width:calc(33.33% - 40px);
margin:0 20px;
overflow:hidden
}
.hotelGroupAttractionImg {
position:relative;
z-index:1
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:400px;
transition:all .6s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:absolute;
bottom:-90px;
left:0;
background:rgba(0,0,0,.6);
display:block;
color:#FFF;
z-index:2;
padding:20px;
transition:all .3s ease
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionContent {
bottom:0
}
.hotelGroupAttractionContent p {
color:#FFF
}
.hotelGroupAttractionHome h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupAttractionHome h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupAttractionContent h3 {
margin:0 0 15px;
letter-spacing:1px;
font-size:26px;
color:#fff
}
.hotelGroupAttractionContent p {
color:#FFF;
font-size:14px;
letter-spacing:.03em;
margin:0
}
.hotelGroupPropertyContainer {
padding:80px 0 80px
}
.hotelGroupPropertyPage.hotelGroupPropertyContainer {
padding:0 0 80px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:60px;
padding:30px 0 0;
text-align:center
}
.hotelGroupPropertyContainer h2 span {
display:block;
font-size:48px;
line-height:1;
font-weight:700;
margin:0;
color:var(--secondary-color);
;
font-family:'Dancing Script',cursive;
text-transform:none;
letter-spacing:normal;
position:absolute;
z-index:-1;
top:-20px;
left:0;
right:0;
opacity:.8
}
.hotelGroupPropertyContainerInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyBlock {
width:33%;
margin:0 20px;
position:relative;
overflow:hidden
}
.hotelGroupPropertyBlock:after {
content:"";
position:absolute;
left:0;
top:0;
z-index:10;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
transition:all .3s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover:after {
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:450px;
transition:all .8s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1.1)
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
position:absolute;
left:0;
right:0;
top:0;
margin:0 auto;
text-align:center;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
z-index:11;
background:rgba(0,0,0,.5);
opacity:1;
transition:all .3s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:0
}
.hotelGroupPropertyBlock a {
color:var(--secondary-color)
}
.hotelGroupPropertyBlock h3 {
letter-spacing:1px;
font-size:24px;
font-weight:400;
margin:0;
color:#FFF
}
.hotelGroupPropertyBlock p {
margin:0;
text-transform:uppercase;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#909090
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
font-size:13px;
text-transform:none;
letter-spacing:.03em;
margin:20px 0 0
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockLabel {
margin:0 0 10px;
font-size:12px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
display:flex;
flex-flow:column;
align-items:flex-start;
border:1px solid;
padding:30px;
position:absolute;
left:0;
top:-100%;
z-index:11;
width:100%;
height:100%;
max-height:450px;
transition:all .6s ease;
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockContent {
top:0;
opacity:1
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:absolute;
bottom:-100%;
left:30px;
z-index:11;
transition:all .6s ease
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:30px
}
.hotelGroupPropertyLogoContainer {
padding:20px 0
}
.hotelGroupPropertyLogoInner {
display:flex;
justify-content:center;
align-items:center
}
.hotelGroupPropertyLogo {
margin:20px
}
.hotelGroupPropertyLogo img {
max-height:80px;
transition:all .6s ease;
opacity:.6
}
.hotelGroupPropertyLogo:hover img {
opacity:1
}
.hotelGroupRewardContainer {
padding:100px 0;
background-image:url(images/uploads/1/5f7ef5d09cd88_gift.jpg);
background-size:cover;
background-position:50% 50%;
background-attachment:fixed
}
.hotelGroupRewardContainer:before {
content:"";
background:-moz-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
background:linear-gradient(to right,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1);
position:absolute;
left:0;
right:0;
top:0;
pointer-events:none;
width:100%;
height:100%
}
.hotelGroupRewardContainer h2 {
color:#FFF;
margin:0 0 10px;
text-transform:none
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupRewardContainer p {
color:#FFF;
margin:0;
letter-spacing:.06em;
font-size:14px
}
.hotelGroupRewardContainer .btn-secondary {
letter-spacing:2px
}
.hotelGroupContentsContainer {
padding:60px 0
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
position:relative;
padding:80px 0;
text-align:center;
background:inherit
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer:before {
content:"";
display:none
}
.hotelGroupAmenityPage .hotelGroupAmenityItemContent h3,.hotelGroupAmenityPage .hotelGroupAmenityItemContent p {
color:#30353e
}
.hotelGroupAmenityPage .hotelGroupAmenityItemImg {
background:none;
border:0;
align-items:flex-start;
padding:0;
min-height:initial;
min-width:initial
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:80px 0 0
}
.hotelGroupAttractionPage.hotelGroupAttractionHome {
background:inherit;
padding-top:40px
}
.hotelGroupTheme .tooltip {
white-space:nowrap
}
.hotelGroupTheme .tooltip .tooltip-inner {
background-color:#000;
font-size:10px;
letter-spacing:.05em
}
.hotelGroupTheme .tooltip.top .tooltip-arrow {
bottom:1px;
border-top-color:#000
}
.hotelGroupTheme .tooltip.top-left .tooltip-arrow,.hotelGroupTheme .tooltip.top-right .tooltip-arrow,.hotelGroupTheme .tooltip.top .tooltip-arrow {
border-top-color:#000
}
.hotelSubGroupNavbar {
background:#1b1b1b
}
.hotelSubGroupNavbar .navbar-nav>li>a {
padding:15px;
color:#FFF;
line-height:1;
font-size:13px;
letter-spacing:.05em;
transition:all .3s ease
}
.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:var(--secondary-color);
;
color:#FFF
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:1px solid #424242
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a {
font-weight:700
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active {
background:#1b1b1b
}
.hotelGroupRestaurantContainer {
padding:80px 0
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:36px;
text-transform:none
}
.hotelSubGroupRestaurantPage {
padding:80px 0 0;
text-align:center
}
.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:36px;
letter-spacing:1px;
text-transform:none
}
.hotelSubGroupRestaurantPage p {
font-size:16px;
line-height:2;
margin:0 0 30px
}
.hotelGroupRestaurantBlock {
display:flex;
justify-content:center;
align-items:center;
position:relative
}
.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:row-reverse
}
.hotelGroupRestaurantImg {
width:50%;
overflow:hidden
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
max-height:400px;
min-height:400px;
width:100%;
transition:all .3s ease
}
.hotelGroupRestaurantBlock:hover .hotelGroupRestaurantImg img {
transform:scale(1.1)
}
.hotelGroupRestaurantContent {
width:50%;
padding:40px;
border:1px solid #dedede;
min-height:400px;
max-height:400px;
display:flex;
flex-flow:column;
justify-content:center
}
.hotelGroupRestaurantContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.hotelGroupRestaurantContent p {
margin-bottom:30px
}
.hotelGroupBanquetsContainer {
padding:80px 0
}
.hotelGroupBanquetsInner {
display:flex;
flex-flow:row wrap
}
.hotelGroupBanquetsBlock {
position:relative;
display:flex;
justify-content:flex-start;
flex-flow:column;
width:calc(50% - 40px);
margin:0 20px 60px;
box-shadow:0 20px 50px -20px rgba(0,0,0,.2);
transition:all .3s ease;
overflow:hidden
}
.hotelGroupBanquetsBlock:hover {
box-shadow:0 30px 70px -20px rgba(0,0,0,.3)
}
.hotelGroupBanquetsImg {
position:relative;
z-index:1;
max-height:350px;
overflow:hidden
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:after {
content:"";
position:absolute;
width:95%;
height:90%;
display:block;
top:50%;
right:0;
box-shadow:0 0 0 2px rgb(255 255 255 / .5);
padding:0;
transition:all .6s ease;
left:0;
margin:0 auto;
z-index:10;
transform:translateY(-50%)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover:after {
top:50%;
right:0;
box-shadow:0 0 0 24px rgb(255 255 255 / .3)
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
min-height:350px;
max-height:350px;
transition:all .6s ease
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1.1)
}
.hotelGroupBanquetsContent {
background:#FFF;
transition:all .3s ease;
padding:30px
}
.hotelGroupBanquetsContent h3 {
font-size:32px;
font-weight:600;
margin:0 0 20px;
letter-spacing:1px;
color:#30353e
}
.hotelGroupBanquetsContent p {
margin:0
}
.hotelGroupNavbar .navbar-header #subNavicon {
display:none
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:none
}
.hotelGroupCovidpage {
padding:80px 0
}
.hotelGroupCovidpage h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupCovidpage p {
margin-bottom:20px
}
.hotelGroupTheme .nomargintop {
margin-top:0!important
}
.helloBarContainer {
background:var(--primary-color);
color:#FFF;
text-align:center;
padding:15px 0
}
.helloBarContainer p {
margin:0;
line-height:1;
font-size:14px;
color:#FFF
}
.helloBarContainer p .fa {
margin:0 10px 0 0
}
.helloBarContainer p a {
color:#FFF;
text-transform:uppercase;
font-weight:600;
margin:0 0 0 20px;
text-decoration:none;
border-bottom:1px solid #FFF
}
.helloBarContainer p a:hover,.helloBarContainer p a:focus {
color:#FFF;
text-decoration:none;
border-bottom-color:rgba(255,255,255,.5)
}
.helloBarContainer a.helloBarClose {
cursor:pointer;
color:rgba(255,255,255,.5);
font-size:24px;
font-weight:300;
line-height:1;
margin:0 0 0 20px;
transition:all .2s ease-out
}
.helloBarContainer a.helloBarClose:hover,.helloBarContainer a.helloBarClose:focus {
text-decoration:none;
color:rgba(255,255,255,1)
}
.helloBarInner {
position:relative;
z-index:11;
display:flex;
justify-content:center;
align-items:center
}
.rewardsTopcontainer {
padding:80px 0
}
.rewardsTopcontainerInner {
display:flex;
flex-flow:row-reverse
}
.rewardsTopcontainerImage {
width:55%;
padding-left:50px
}
.rewardsTopcontainerContent {
width:45%
}
.rewardsTopcontainerContent h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px
}
.rewardsOffers {
background:var(--primary-color);
color:#FFF;
padding:80px 0
}
.rewardsForm {
max-width:500px;
margin:0 auto
}
.rewardsForm h3 {
font-size:32px;
font-weight:700;
color:#30353e;
letter-spacing:.02em;
margin:0 0 20px;
text-align:center
}
.hotelGroupAmenityContainer.rewardsOffers:before {
background-image:url(images/uploads/1/5f92a8c42060e_gift4.jpg)
}
.hotelGroupTheme.privacyPage {
padding:80px 0
}
.hotelGroupTheme.privacyPage h2 {
font-size:32px;
font-weight:700;
color:#30353e;
text-transform:none;
letter-spacing:.02em;
margin:40px 0 20px
}
.hotelGroupTheme.privacyPage p {
}
.hotelGroupTheme.privacyPage p strong {
font-size:18px;
margin-top:20px;
margin-bottom:5px;
display:inline-block
}
.hotelGroupTheme ul.privacyList {
margin:30px 0
}
.hotelGroupTheme ul.privacyList li {
margin-bottom:10px
}
.hotelGroupTheme ul.privacyList li:last-of-type {
margin-bottom:0
}
.hotelSubGroupAboutSliderContainer {
padding:40px 0 80px
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display:none
}
.grecaptcha-badge {
display:none!important
}
.boxnew button.btn.crssearchbtn:hover {
background:#45b5c6!important
}
.hotelgroup-subnavbar {
position:sticky;
z-index:99;
top:0
}
.group-row {
display:flex;
align-items:center
}
div#gallery2 img {
min-height:230px;
max-height:230px;
min-width:387px;
height:100%;
width:100%
}
.ekko-lightbox-container img {
min-width: 1000px;
min-height: 600px;
max-height: 600px;
height:100%;
width:100%
}
.modal-dialog{
max-width: 1000px !important;
}
@media(min-width:1601px) {
.hotelGroupSlideshowContainer .carousel .item img {
width:100%
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
}
@media(max-width:1199px) {
.hotelGroupNavbar .navbar-header .navbar-brand a {
max-width:200px
}
.hotelGroupNavbar .container {
padding:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
padding:0;
margin:0;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar .navbar-buttons {
margin:0 0 0 15px!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons .btn {
font-size:12px;
padding:10px;
margin:0
}
.hotelGroupNavbar .navbar.sbpro-navbar-centered .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-left-right .navbar-buttons,.hotelGroupNavbar .navbar.sbpro-navbar-right .navbar-buttons {
min-height:initial;
min-width:initial
}
.hotelGroupNavbar .navbar {
padding:0;
border:0;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start
}
.hotelGroupNavbar .navbar-header {
float:none;
width:100%;
padding:0;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
border-bottom:1px solid #efefef
}
.hotelGroupNavbar .navbar-header .navbar-brand {
min-height:initial;
height:initial;
max-width:initial;
padding:0;
margin:0 10px 0 0;
width:calc(100% - 80px)
}
.hotelGroupNavbar .navbar-header .navbar-toggle {
width:50px;
float:none;
margin:0;
padding:0;
font-size:24px;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar-header .navbar-toggle.collapsed .fa-bars:before {
content:"\F0C9"
}
.hotelGroupNavbar .navbar-header .navbar-toggle .fa-bars:before {
content:"\F00D"
}
.hotelGroupNavbar .navbar-header #subNavicon {
width:50px;
float:none;
margin:0;
padding:0;
color:#4f4f4f;
font-size:24px;
text-align:center;
border:0;
display:block!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse {
display:none!important
}
.hotelGroupNavbar .navbar.sbpro-navbar-right .collapse.in {
display:block!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav {
padding:20px 10px;
margin:0;
box-shadow:none;
min-width:100%;
width:100%;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li {
display:block;
float:none
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li a {
padding:10px
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li.open {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav .dropdown.open>a {
background:#f9f9f9!important
}
.hotelGroupNavbar .navbar.navbar-plain ul.nav li .dropdown-menu li a {
padding:10px 30px;
text-transform:none
}
.hotelSubGroupNavbar {
background:#FFF
}
.hotelSubGroupNavbar #subGroupNavigation {
padding:0;
margin:0 -15px
}
.hotelSubGroupNavbar #subGroupNavigation.collapse {
display:none!important
}
.hotelSubGroupNavbar #subGroupNavigation.collapse.in {
display:block!important
}
.hotelSubGroupNavbar #subGroupNavigation .navbar-nav {
float:none;
padding:20px
}
.hotelSubGroupNavbar .navbar-nav>li {
display:block;
float:none
}
.hotelSubGroupNavbar .navbar-nav>li>a {
font-family:Chakra Petch;
color:#30353e;
font-size:14px;
font-weight:600;
padding:10px 0
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:60px
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome {
border-right:0
}
.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:hover,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:focus,.hotelSubGroupNavbar .navbar-nav>li.hotelSubGroupNavbarHome>a:active,.hotelSubGroupNavbar .navbar-nav>li>a:hover,.hotelSubGroupNavbar .navbar-nav>li>a:focus,.hotelSubGroupNavbar .navbar-nav>li>a:active,.hotelSubGroupNavbar .navbar-nav>li.active>a {
background:#FFF;
color:var(--secondary-color)
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow {
display:block;
margin:0 20px 20px 20px
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow.navbar-buttons>* {
display:block
}
.hotelSubGroupNavbar #subGroupNavigation #subGroupBookNow .btn {
font-size:15px;
line-height:1;
padding:15px 20px
}
.hotelGroupWelcomeContent {
width:50%
}
.hotelGroupWelcomeImgOuter {
width:50%;
padding-left:50px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:48px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent p {
font-size:16px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm {
position:relative;
font-size:40px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
flex-direction:column;
justify-content:center
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
margin:0 auto;
width:90%
}
.hotelSubGroupTheme .hotelGroupRoomImage:hover:after {
top:-20px;
right:-20px;
box-shadow:0 0 0 3px rgb(198 159 113 / .2)
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:90%;
margin:0 auto;
position:relative;
top:0;
transform:translateY(0%)
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:36px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:400px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding:40px 0 60px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding:60px 0 0
}
.hotelGroupContactContainer {
padding:60px 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:50%;
padding-bottom:0;
margin:20px 0
}
.hotelGroupContactlistContainer {
padding:60px 0
}
.hotelGroupFormContainer {
max-width:100%
}
.hotelGroupRestaurantContent {
max-height:initial
}
.hotelGroupRestaurantBlock {
align-items:stretch
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:100%;
max-height:initial
}
.hotelGroupCovidpage {
padding:40px 0
}
}
@media(max-width:991px) {
.group-row {
display:flex
}
body.hotelGroupBody #page {
overflow-x:hidden
}
.hotelGroupTopbar p.hotelGroupTopbarFirst {
display:none
}
.hotelGroupTopbar .hotelGroupTopbarLeft .inline-wrapper {
justify-content:flex-start
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper {
justify-content:flex-end
}
.hotelGroupTopbar .hotelGroupTopbarRight .inline-wrapper>[data-component=image] {
display:none
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:0
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:36px
}
.hotelGroupSlideshowContainerHome.hotelGroupSlideshowContainer .carousel .item .carousel-caption .btn {
display:none
}
.hotelGroupSlideshowContainer .carousel-indicators-wrapper {
display:none
}
.hotelGroupBookingContainer #bb_resBookingBox {
flex-direction:column
}
.hotelGroupBookingContainer .boxnew p {
max-width:300px;
margin:15px 0
}
.hotelGroupTheme h2 {
font-size:42px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:60px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span {
position:relative;
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 {
margin-bottom:30px
}
.hotelGroupPropertyContainerInner {
flex-flow:row wrap
}
.hotelGroupPropertyBlock {
width:calc(50% - 40px);
margin-bottom:30px
}
.hotelGroupAttractionBlock {
width:calc(50% - 40px)
}
.hotelGroupAttractionHome {
padding:60px 0
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
flex-direction:column;
margin:40px 20px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupRestaurantImg {
width:initial
}
.hotelGroupRestaurantContent {
width:initial;
min-height:initial;
max-height:initial;
padding:30px
}
.hotelGroupRestaurantBlock .hotelGroupRestaurantImg img {
min-height:initial;
max-height:initial
}
.hotelGroupRewardInner {
text-align:center
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:36px;
top:-10px
}
.hotelGroupWelcomeContainer {
padding:60px 0
}
.hotelGroupWelcomeInner {
flex-direction:column
}
.hotelGroupWelcomeContent {
width:initial;
text-align:center
}
.hotelGroupWelcomeImgOuter {
width:initial;
padding-left:0;
margin:40px auto 0;
max-width:600px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter {
flex-direction:column
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
width:initial
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
flex-direction:column;
text-align:center
}
.hotelGroupAmenityItemImg {
margin:0 auto 30px
}
.hotelGroupGalleryContainer {
padding-bottom:60px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:60px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:flex;
flex-flow:row wrap;
justify-content:center
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:33.33%
}
.hotelGroupTestimonialHome .HGTestimonialHomeSlider {
width:100%
}
.hotelGroupTestimonialHome h2 span {
font-size:30px;
top:-30px
}
body .hotelGroupFooter .col-sm-4 {
width:100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 30px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:hover img {
transform:scale(1)
}
.hotelSubGroupTheme .hotelGroupWelcomeImg:after {
display:none
}
.hotelGroupHeadBlock {
padding-bottom:30px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:42px
}
.hotelGroupBookingContainer .boxnew p input {
height:40px
}
.hotelGroupBookingContainer .boxnew p:nth-of-type(2):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(3):before,.hotelGroupBookingContainer .boxnew p:nth-of-type(1):before {
bottom:6px
}
.hotelGroupBookingContainer .boxnew p select {
height:40px
}
.hotelGroupBookingContainer .boxnew p #bb_resBtn {
height:44px
}
.hotelGroupPageTitle {
padding:80px 0
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:32px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2 {
font-size:32px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:350px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
position:relative;
right:auto;
margin:40px 0 0
}
.hotelSubGroupTheme .hotelGroupRoomContent:hover .hotelGroupRoombtnOuter {
right:auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter {
width:100%;
left:0;
right:0;
bottom:auto;
top:45%;
margin:0 auto
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:auto;
right:auto;
left:5px
}
.hotelGroupRoomContainer .hotelGroupRoomImage .carouselNavOuter a.right.carousel-control {
left:auto;
right:5px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
width:100%
}
.hotelGroupRoomContainer .hotelGroupRoomImage {
width:100%
}
.hotelSubGroupTheme .hotelGroupRoomImage:after {
display:none
}
.hotelSubGroupTheme.hotelGroupRoomContainer {
padding:30px 0
}
.hotelSubGroupContentContainer {
padding:60px 0 20px
}
.hotelGroupRoomContainer .hotelGroupRoomInner {
margin:0 10px
}
.hotelSubGroupContentContainer p,.hotelGroupContentContainer p,.hotelGroupTheme p {
font-size:15px
}
.hotelGroupContactDetails li .fa.fa-map-marker {
top:0
}
.hotelGroupContactDetails {
margin:60px 0 0
}
.hotelGroupContactlistContainer .col-md-4 {
width:100%;
margin:30px 0
}
.hotelGroupContactlistContainer {
padding:40px 0
}
.hotelGroupContentContainer {
padding-top:60px
}
.hotelGroupContentContainer h2 {
font-size:36px
}
.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupRestaurantBlock {
align-items:initial
}
.hotelGroupBanquetsBlock {
width:100%;
margin:0 10px 60px
}
.hotelGroupBanquetsBlock:last-of-type {
margin-bottom:0
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg img {
max-height:initial;
min-height:initial
}
.rewardsTopcontainer {
padding:60px 0
}
.rewardsTopcontainerInner {
flex-direction:column
}
.rewardsTopcontainerImage {
width:initial;
padding-left:0;
margin:0 auto 30px
}
.rewardsTopcontainerContent {
width:initial
}
.hotelGroupTheme.privacyPage {
padding:40px 0
}
.hotelGroupAboutSliderContainer {
padding:50px 0
}
.hotelGroupAboutWelcomeContainer {
padding-bottom:50px
}
}
@media(max-width:767px) {
.ekko-lightbox-container img {
min-width: 100%;
min-height: 100%;
max-height: 100%;
}
div#gallery2 img {
min-height:100%;
max-height:100%;
min-width:100%
}
.hotelGroupNavbar .navbar-two {
padding:10px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow {
display:block
}
#whatsapp-message {
bottom:90px
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupSlideshowContainer .carouselNavOuter {
width:100%;
left:0;
right:0;
margin:0 auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control {
top:auto;
bottom:10px;
left:10px;
right:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
top:auto;
bottom:10px;
left:auto;
right:10px
}
.hotelGroupAttractionHomeInner {
justify-content:center
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
position:relative;
bottom:auto;
background:#FFF;
color:#4f4f4f;
min-height:200px
}
.hotelGroupAttractionContent h3 {
font-size:24px;
font-weight:600
}
.hotelGroupAttractionContent p {
color:#4f4f4f
}
.hotelGroupAttractionBlock .hotelGroupAttractionImg img {
min-height:initial
}
body .hotelGroupFooterbtm .footerBtmInner {
flex-direction:column;
justify-content:center;
text-align:center
}
.hotelGroupAttractionBlock:hover .hotelGroupAttractionImg img {
transform:scale(1)
}
.hotelGroupAmenityItemContent h3 {
margin-bottom:15px
}
.hotelGroupContactContainer {
padding:40px 0
}
.hotelGroupPageTitle h2 span {
line-height:1.6
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:36px
}
.hotelGroupBanquetsContainer .hotelGroupBanquetsImg:hover img {
transform:scale(1)
}
.CovidpageInner {
padding:0 10px
}
.hotelGroupCovidpage h3 {
font-size:28px
}
.rewardsTopcontainer {
padding:40px 0
}
.rewardsTopcontainerInner {
padding:0 10px
}
.hotelGroupTheme ul.privacyList {
padding:0 0 0 20px
}
.privacyPageInner {
padding:0 10px
}
.hotelGroupAboutSliderContainer .carouselNavOuter {
display:none
}
}
@media(max-width:640px) {
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption p {
display:none
}
.hotelGroupRewardContainer {
padding:80px 0
}
.hotelGroupRestaurantContainer {
padding:60px 0
}
.hotelGroupPropertyBlock {
width:100%;
border:1px solid #e0e0e0
}
.hotelGroupPropertyBlockImg {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockImg img {
min-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:350px;
overflow:hidden
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
position:relative;
top:0;
max-height:450px;
opacity:1;
border-color:#e0e0e0
}
.hotelGroupPropertyBlock h3 {
color:#30353e;
font-weight:600
}
.hotelGroupPropertyBlock p.hotelGroupPropertyBlockDesc {
margin-top:15px;
font-size:14px;
font-weight:400
}
.hotelGroupAttractionBlock {
width:100%;
box-shadow:0 3px 6px -1px rgba(0,0,0,.1)
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
min-height:initial;
padding:30px
}
.hotelGroupAttractionImg {
max-height:350px;
overflow:hidden
}
.hotelGroupAttractionContent h3 {
color:#fff;
font-size:30px
}
.hotelGroupRewardInner {
padding:0 10px
}
.hotelGroupPropertyLogoInner {
flex-flow:row wrap
}
.hotelGroupPropertyLogo {
width:calc(50% - 40px)
}
.hotelGroupBookingInner,.hotelGroupBookingContainer #bb_resBookingBox {
padding:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:initial
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:50px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
max-height:initial
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
position:relative;
bottom:0;
left:25px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:25px;
border:0
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 30px
}
.hotelGroupTheme .btn.btn-primary {
padding:14px 18px;
font-size:15px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
background:rgba(0,0,0,.3)
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockLogo {
opacity:1
}
.hotelGroupPropertyBlock:hover:after {
opacity:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockBtn {
bottom:0
}
.hotelGroupPropertyBlock:hover .hotelGroupPropertyBlockImg img {
transform:scale(1)
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:300px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:30px;
margin-bottom:15px
}
.hotelGroupPageTitle {
padding:60px 0
}
.hotelGroupPageTitle h2 {
font-size:32px
}
.hotelGroupPageTitle h2 span {
font-size:14px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelSubGroupRestaurantPage h2 {
font-size:30px;
letter-spacing:.03em
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-top:0
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:60px 0 0
}
.hotelGroupCovidpage h3 {
margin-top:30px
}
.hotelGroupAmenityItemContent {
margin:0 auto
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
width:100%
}
.rewardsOffers.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
}
@media(max-width:580px) {
.hotelGroupSlideshowContainer .carousel .item img {
min-height:300px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:30px;
letter-spacing:2px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
bottom:auto
}
.hotelGroupSlideshowContainer .carouselNavOuter a.left.carousel-control,.hotelGroupSlideshowContainer .carouselNavOuter a.right.carousel-control {
bottom:-20px
}
.hotelGroupNavbar .navbar-header .navbar-brand img {
max-height:70px
}
.hotelGroupTheme h2 {
font-size:36px
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
font-size:15px
}
.hotelGroupPropertyContainer h2 {
margin-bottom:30px
}
.hotelGroupTopbar p.hotelGroupTopbarPhone {
margin:0
}
.hotelGroupTopbar p.hotelGroupTopbarPhone a {
margin-bottom:0
}
.hotelGroupGalleryContainer .row.hotelGroupGalleryRow .col-md-4 {
width:100%;
padding:10px 15px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p {
font-size:16px
}
.hotelGroupAmenityContainer h2 {
margin-bottom:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
display:block
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px;
border:1px solid #fff;
border-bottom:0
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem:last-child {
border-bottom:1px solid #fff
}
.hotelGroupPageTitle {
padding:40px 0
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:40px 10px 0
}
.hotelGroupRestaurantPage.hotelGroupRestaurantContainer {
padding:20px 0 60px
}
.hotelGroupBanquetsContent h3 {
font-size:26px
}
.hotelGroupCovidpage h3 {
font-size:26px;
margin-bottom:15px
}
.hotelGroupTheme.privacyPage h2 {
font-size:26px
}
.hotelGroupAboutSliderInner,.hotelGroupAboutWelcomeInner {
padding:0 10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:30px;
margin-bottom:20px
}
}
@media(max-width:500px) {
.hotelGroupSlideshowContainer .carousel .item .carousel-caption {
display:block
}
}
@media(max-width:479px) {
.hotelGroupRestaurantContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:26px
}
.hotelGroupRestaurantBlock,.hotelGroupRestaurantBlock:nth-of-type(odd) {
margin:30px 10px 0
}
.hotelGroupRestaurantBlock:nth-of-type(1) {
margin-top:0
}
.hotelGroupPropertyBlock {
margin:20px 10px
}
.hotelGroupAttractionBlock {
margin:20px 10px
}
.hotelGroupHomeContainer,.hotelGroupPropertyContainer {
padding:40px 0
}
.hotelGroupHomeContainer .hotelGroupHomeContent p {
margin-bottom:0
}
.hotelGroupAttractionHome {
padding:40px 0
}
.hotelGroupAttractionHome h2 {
margin-bottom:30px
}
.hotelGroupTheme h2 {
font-size:30px
}
.hotelGroupHomeContainer .hotelGroupHomeContent h2 span,.hotelGroupPropertyContainer h2 span,.hotelGroupAttractionHome h2 span,.hotelSubGroupTheme .hotelGroupWelcomeContent h2 .hotelGroupbtmText,.hotelSubGroupTheme.hotelGroupHeadBlock .hotelGroupHeadBlockTitle .hotelGroupHeadBlockTitleBtm,.hotelGroupGalleryContainer .hotelGroupGalleryTitle .hotelGroupGalleryTitleBtm,.hotelGroupAmenityContainer h2 span {
font-size:24px;
top:-10px
}
.hotelGroupAttractionContent h3 {
font-size:24px
}
.hotelGroupAttractionBlock .hotelGroupAttractionContent {
padding:20px
}
.hotelGroupPropertyLogo {
width:calc(50% - 20px);
margin:10px
}
.hotelGroupRewardContainer {
padding:60px 0;
background-attachment:initial;
background-position:50% 100%
}
.hotelGroupFooter .HGfooterTitle {
margin:30px 0 20px
}
body .hotelGroupFooter .col-sm-4:nth-of-type(1) .HGfooterTitle {
margin-top:0
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:250px
}
.hotelGroupSlideshowContainer .carousel .item .carousel-caption h3 {
font-size:24px
}
.hotelSubGroupTheme .hotelGroupWelcomeContent h2,.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
font-size:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:26px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContainerHomeOuter .hotelGroupRoomInner {
padding:20px 0
}
.hotelSubGroupTheme .hotelGroupRoomAmenities ul.list-basic li {
margin:10px
}
.hotelGroupRoomContainer .hotelGroupRoomContent {
padding:25px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupRoomContainerHome .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelGroupPropertyBlockImg,.hotelGroupPropertyBlock .hotelGroupPropertyBlockLogo {
max-height:260px
}
.hotelGroupFooter .HGfooterTitle {
font-size:20px
}
.hotelGroupTheme p {
font-size:13px
}
.hotelGroupAmenityContainer .hotelGroupAmenityItem {
padding:20px
}
.hotelGroupAmenityItemImg {
margin:0 auto 10px
}
.hotelGroupBtnOuter {
margin-top:40px
}
.hotelGroupGalleryContainer .hotelGroupGalleryTitle {
margin-bottom:30px
}
.hotelGroupGalleryContainer {
padding-bottom:50px
}
.hotelGroupGalleryContainer.hotelGroupGalleryContainerFirst {
padding-top:30px
}
.hotelGroupTestimonialHome .carousel .item .carousel-caption {
padding:50px 20px
}
.hotelGroupTestimonialHome .HGTestimonialHomeSliderOuter .item p:before {
font-size:60px;
top:-20px;
left:0
}
.hotelGroupRoomContainer .hotelGroupRoomImage .hotelGroupRoomSlider img {
min-height:220px
}
.hotelGroupRoomContainer .hotelGroupRoomContentTitle {
font-size:24px
}
.hotelSubGroupContentContainer {
padding:40px 0 20px
}
.hotelGroupTheme.hotelSubGroupContentContainer h2,.hotelGroupTheme.hotelGroupContentContainer h2,.hotelGroupTheme.hotelSubGroupRestaurantPage h2 {
font-size:26px
}
.hotelSubGroupTheme .hotelGroupRoomContent .hotelGroupRoombtnOuter {
margin-top:30px
}
.hotelGroupAmenityPage.hotelSubGroupContentContainer,.hotelGroupAttractionPage.hotelSubGroupContentContainer {
padding-top:40px
}
.hotelGroupAmenityPage.hotelGroupAmenityContainer {
padding-bottom:40px
}
.hotelGroupBanquetsContent {
padding:20px
}
.rewardsTopcontainerContent h3,.rewardsForm h3,.rewardsForm h3 {
font-size:28px
}
.helloBarContainer p {
font-size:14px;
line-height:1.6;
text-align:left
}
.helloBarContainer p a {
margin-left:10px
}
.hotelGroupTheme .hotelGroupAboutWelcomeContent h2 {
font-size:24px
}
.hotelSubGroupRestaurantPage.hotelGroupRestaurantContainer {
padding-top:40px
}
.hotelGroupAboutSliderContainer .carousel-indicators-wrapper {
bottom:20px
}
.hotelGroupAboutSliderInner .carousel .item img {
min-height:180px
}
}
@media(max-width:359px) {
.hotelGroupTheme #google_translate_element .goog-te-gadget select.goog-te-combo {
max-width:140px
}
.hotelGroupSlideshowContainer .carousel .item img {
min-height:260px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockContent {
padding:20px
}
.hotelGroupRestaurantContent h3 {
font-size:24px
}
.hotelGroupPropertyBlock .hotelGroupPropertyBlockBtn {
margin:0 0 20px;
left:20px
}
}