html, body {
font-size: 16px;
}
@font-face {
font-family: 'Droid Serif';
src:url('https://royalmhotels.com/abudhabi/front/fonts/DroidSerif-Regular.ttf');
}
body {
font-family: 'Cairo', sans-serif;
font-weight: 300;
}
.wrapper{
overflow-x:hidden; }
header {
width: 100%;
background-color: #ffffff;
padding-bottom:1rem;
padding-top:1.5rem;
top: 0;
left: 0;
position: fixed;
z-index: 200;
border-bottom: 1px solid #b79a57;
}
.wrapper {
padding-top: 8.7rem
}
.red-mark {
color:red;
}
body.pageclass-home .wrapper,
body.abs-header .wrapper {
padding-top: 0
}
img {
max-width: 100%
}
.transition, ul.primary li a:after {
transition-delay: 0s;
transition-duration: 0.4s;
transition-property: all;
transition-timing-function: ease;
-webkit-transition-delay: 0s;
-webkit-transition-duration: 0.4s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
-moz-transition-delay: 0s;
-moz-transition-duration: 0.4s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
-ms-transition-delay: 0s;
-ms-transition-duration: 0.4s;
-ms-transition-property: all;
-ms-transition-timing-function: ease;
-o-transition-delay: 0s;
-o-transition-duration: 0.4s;
-o-transition-property: all;
-o-transition-timing-function: ease;
}
.logo {
float:left;
margin-left: 5rem;
}
.btn {
/*padding:1.25rem 2.625rem;
*/
padding:0 2.625rem;
background-color: #a5822d;
cursor: pointer;
border:1px solid #a5822d;
text-transform: uppercase;
color:#ffffff !important;
font-size: 1.125rem;
font-family: 'Roboto', sans-serif;
font-weight: 400;
border-radius: 0;
height: 3.5rem;
line-height: 3.5rem;
}
.btn.align-right {
float:right;
}
.btn.align-left {
float:left;
}
/*.btn:hover {
background-color: #ffffff;
color:#a5822d !important;
}
*/
.btn:disabled, .btn:disabled:hover {
background-color: #a5822d;
color:#ffffff !important;
cursor: default;
}
.booking-form-cont{
position: absolute;
width:100%;
text-align:center;
bottom: 60px;
z-index: 300
}
.home_iframe iframe{
border: none;
float: left;
width: 100%;
height: 33rem;
margin-top: 32px;
}
.row:before, .row:after{display: none !important;}
.row:before, .row:after{width:0px; height:0px;}
.section_aboutus{
padding-top:4rem;
padding-bottom:7rem;
background:#f6f4f3;
float:left;
width:100%;
clear:both;
margin-bottom:4rem;
}
.slogan-text {
font-size:1.2rem;
margin-bottom:1.2rem;
text-transform: uppercase;
color:#a5822d;
}
.section_aboutus .col-md-6:first-child{
padding-right:3rem;
}
.description {
line-height:1.6rem;
font-size:1.25rem;
color:#2f2f2f;
}
.section_aboutus .description{
text-align:justify;
}
.section_aboutus_h1{
color:#565656;
font-family: 'Droid Serif';
font-size:2.4rem;
}
.imgTable{
display:table;
width:100%;
height:100%;
}
.imgCell{
display:table-cell;
vertical-align:middle;
text-align:center;
}
.package_content_bx .description{
color:white;
font-size:1.1rem;
}
.package_img{
position:relative;
}
.package_img img{
width:100%;
max-width:100%;
}
.booking-form {
margin-top: 1.6rem;
float:none;
display:inline-block;
}
.booking-form .btn {
margin-top: 1.6rem;
margin-right: 3rem;
}
img{
max-width:100%;
}
.menu-button {
border: none;
width: 36px;
height: 36px;
/*text-indent: -900em;*/
overflow: hidden;
position: relative;
cursor: pointer;
outline: none;
background: #a5822d;
padding: 0;
border-radius: 0;
cursor:pointer;
margin-top: 3.3rem;
float: right;
margin-right: 2rem;
color:#fff;
font-size: 1.7rem;
}
.menu-button .on {
display: none;
}
.menu-button.active .off {
display: none;
}
.menu-button.active .on {
display: block;
}
.menu-button{
display:none;
}
/* .menu-button:after {
content: '';
position: absolute;
width: 50%;
height: 3px;
background: #fff;
top: 10px;
left: 0;
right: 0;
margin: auto;
box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
}*/
.section_packages{
padding:4rem 0;
padding-bottom:4rem;
}
.section_packages .h2_home{
margin-bottom:2.5rem;
}
.section_packages .container{
/*max-width:inherit;*/
max-width:100rem;
}
.package_content {
padding:0 1rem;
}
.section_packages .col-md-3, .other-offers-container .col-md-3{
padding:0 5px;}
.package_content_bx {
position:absolute;
bottom:8%;
left:8%;
width:84%;
height:48px;
opacity:1;
background:rgba(165,130,45,0.8);
}
.package_content{
padding-bottom:1rem;}
.package_bx .fade_in{
opacity: 0;
visibility: hidden;
height: 0;
overflow: hidden;}
.package_bx:hover .fade_in{
opacity:1;
height:auto;
display:block;
overflow:visible;
visibility:visible;}
.package_bx:hover .package_content_bx {
height:84%;
}
.package_content .package_h3{
display: inline-block;
width: 100%;
text-align: center;
font-size: 1.2rem;
color: white;
margin-top: 0;
height: 4rem;
margin-bottom: 0;
}
.h2_home {
font-size:2.5rem;
font-family: 'Droid Serif';
color:#565656;
margin-bottom:2rem;
}
.h3_home {
font-size:1.875rem;
color:#a5822d;
text-transform:uppercase;
margin-bottom:1rem;
font-weight: 300;
}
.h2_home a {
color:#565656;
}
.h2_home a:hover {
color:#a5822d;
}
.container_m {
padding:0 5rem;
}
.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
.row > [class*='col-'] {
display: flex;
flex-direction: column;
}
.room_row{
background:#f6f4f3;
padding:4rem 0;
}
.btns_rooms{
float:left;
width:100%;
position:absolute;
bottom:0;
left: 15px;
}
a{
text-decoration:none !important;
}
.btns_rooms a{
cursor:pointer;
background: white;
color: #a5822d;
margin-right: 1rem;
font-size: 1.2rem;
padding: 1rem 3.4rem;
display: inline-block;
}
.rooms_bx2 .rooms_img img{
width:100%;
}
.inner_section_rooms2{
padding:3rem 6rem 0;
position:relative;
}
.container_footer{
width:80rem;
margin:0 auto;
}
.footer_col_1{
padding-right:4rem;
}
.container_footer .col-md-4.middle{
padding-right:2rem;
}
.inner_section_rooms2:before{
position:absolute;
top:0;
height:52%;
width:100%;
content:"";
left:0;
background:#f6f4f3;
}
.footer_menu{
margin-bottom:2rem;
text-align:center;
}
.footer_menu ul{
display:inline-block;
padding:0;
margin:0;
list-style:none;
}
.footer_menu ul li{
padding:0;
float:left;
margin:0;
display:inline-block;
}
.footer_menu ul li a{
font-size: 1.5rem;
display: inline-block;
padding: 0 0.5rem;
color: #b79a57;
cursor: pointer;
border-bottom: 1px solid #b79a57;
padding-bottom: 0.7rem;
}
.footer_menu ul li a:hover{
color:white;
border-bottom:1px solid white;
}
.f_title{
float:left;
width:100%;
margin-bottom:1rem;
font-size: 1.3rem;
text-transform:uppercase;
color:#b79a57;
}
.phone_row{
margin-top:1rem;
}
.footer_row{
margin-bottom:0.2rem;
opacity:0.9;
float:left;
width:100%;
color:white;
font-size:1.1rem;
}
.footer_row a{
color:white;
}
.footer{
float:left;
width:100%;
padding-top:6rem;
/*padding-bottom:2rem;*/
background:#3d3d3d;
/*background:url(../images/footer_bg.jpg) no-repeat center center;
background-size:cover;
background-attachment:fixed;*/
margin-top: 9.75rem;
}
.wrapper {
width: 100%;
display: inline-block;
vertical-align: top;
}
.footer_menu ul li:first-child a{
padding-left:0;
}
.footer_menu ul li:last-child a{
padding-right:0;
}
.h2_home.h2_border{
padding-top:0;
margin-top:0;
padding-bottom:0.6rem;
border-bottom:1px solid #565656;
}
.btn2{
text-transform:uppercase;
margin-top:2rem;
display:inline-block;
background:#a5822d;
color:white;
font-size:1.2rem;
border:none;
padding:0.6rem 3rem;
}
.newsleter_form{
padding-top: 0.8rem;
display: inline-block;
width: 100%;
vertical-align: top;
}
.newsleter_form .form-field input{
display:inline-block;
width:70%;
color:#cc;
background:#d9d9d9;
border:none;
padding:0.3rem 0.5rem;
font-size:1.2rem;
}
.footer_social_media{
display:inline-block;
width:100%;
}
.footer_social_media ul{
display:inline-block;
list-style:none;
padding:0;
margin:0;
}
.footer_social_media ul li{
display:inline-block;
}
.social_icon{
display:inline-block;
width:22px;
height:20px;
background:url(../images/social_media.png) no-repeat center center;
}
.social_icon.fb{
background-position:0 0;
}
.social_icon.instagram{
background-position:-28px 0px;
}
.social_icon.linkedin{
background-position:-55px 0px;
}
.footer_social_media ul li a{
cursor:pointer;
display:inline-block;
}
.copy_r {
padding: 0.7rem 0;
background: #242526;
float: left;
width: 100%;
text-align: center;
position: relative;
/*top: 2rem;*/
margin-top:5rem;
}
.logo {
position:relative;
top:0.5rem;
}
.scroll_logo{
display:inline-block;
}
.top_logo {
display:none;
}
.abs-header .scroll_logo{
display:none;
}
.abs-header .top_logo {
display:inline-block;
}
.abs-header.fixed_header .scroll_logo {
display:inline-block;
}
.abs-header.fixed_header .top_logo {
display:none;
}
.fixed_header header, body.abs-header.fixed_header header{
/* position:fixed;
top:0;
left:0;
width:100%;*/
background:white;
}
ul.top li a{
color:#8a8a8a;
}
ul.top > li {
position: relative;
}
ul.top > li ul {
position: absolute;
top: 100%;
left: 0;
z-index: 20;
padding: 0;
background-color: #fff;
/*border: 1px solid #a5822d;*/
margin: 0;
opacity: 0;
visibility: hidden;
width: 19rem;
}
ul.top > li:hover ul {
opacity: 1;
visibility: visible;
}
ul.top > li ul li {
width: 100%;
display: inline-block;
vertical-align: top;
}
ul.top > li ul li a {
width: 100%;
display: inline-block;
vertical-align: top;
padding:0.5rem 0.5rem;
border-bottom: 1px solid #a5822d;
color:#a5822d !important;
}
ul.top > li ul li a:hover {
color:#ffffff !important;
background-color: #a5822d !important
}
ul.top > li ul li:last-child a {
border-bottom: none;
}
.footer_divider{
color:#838383;
display:inline-block;
padding:0 1rem;
}
.copy_r_txt{
display:inline-block;
color:#838383;
}
.copy_r_txt a {
color:#838383;
}
.footer_social_media ul li a:hover{
opacity:0.7;
}
.room_row.mod .btns_rooms a{
background:#f6f4f3;
}
.btns_rooms a:hover{
color:white !important;
background:#a5822d !important;
}
.room_row.mod{
background:white;
}
.rooms_list .description{
font-size:1.4rem;
}
.package_img:hover .package_content_bx{
opacity:1;
}
.btn_package{
display:inline-block;
border:1px solid #ffffff;
padding:0.7rem 2rem;
color:white;
margin-top:2rem;
text-decoration:none;
cursor:pointer;
}
.btn_package:hover{
color:#a5822d;
background:white;
}
.package_content{
display:inline-block;
width:100%;
}
.booking-elements {
float:left;
}
.booking-element {
/* width: 10.938rem;
*/
width: 9.5rem;
height: 6.75rem;
float:left;
display: inline-block;
vertical-align: top;
text-align: center;
border-left: 1px solid #b79a57;
padding: 1rem !important;
position: relative;
}
.booking-element:last-child {
border-right:1px solid #b79a57;
margin-right: 3.063rem;
}
.booking-element input[type="text"],
.booking-element input[type="integer"] {
width:3.75rem;
height:2.813rem;
text-align: center;
border:none;
font-family: 'Text Me One', sans-serif;
color:#b79a57;
font-weight: 300;
font-size: 3.375rem;
float: left;
}
.booking-element label {
width: 100%;
display: inline-block;
vertical-align: top;
font-family: 'Roboto', sans-serif;
font-weight: 300;
text-transform: uppercase;
color:#a5822d;
}
.booking-element .ages {
padding:0.25rem 0.5rem;
position: absolute;
top: 100%;
right: 0;
z-index: 100;
background-color: #fff;
border:1px solid #b79a57;
width: 12rem;
}
.booking-element .ages .form-group {
width: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: 0.2rem;
}
.booking-element .ages .form-group:last-child {
margin-bottom: 0
}
.booking-element .ages label {
text-align: left;
font-size: 0.9rem;
width: 52%;
float:left;
padding-top: 0.1rem;
}
.booking-element .ages .form-input {
float:right;
width: 45%;
height: 1.3rem;
}
.date-label {
font-family: 'Text Me One', sans-serif;
color:#b79a57;
font-weight: 300;
}
.date-label .day {
line-height: 1.5rem;
font-size: 2.625rem;
}
.date-label .month {
line-height: 0.8rem;
font-size: 1.125rem;
text-transform: capitalize;
}
.number-input {
width: 5rem;
position: relative;
display: block;
margin: 0 auto;
height:2.813rem;
}
.number-input .arrow {
position: absolute;
right: 0;
z-index: 10;
color:#ffffff;
cursor: pointer;
}
.number-input .arrow:hover {
color:#b79a57;
}
.number-input .arrow.up {
top: 0;
}
.number-input .arrow.down {
bottom: 0;
}
.banners {
width: 100%;
float: left;
margin-top: -4rem;
position: relative;
z-index: 12;
background:url(../images/bg-min.jpg) no-repeat center top / cover;
}
/* body {
overflow-x: hidden;
}*/
.banner-item {
float: left;
position: relative;
}
/*.banner-item:last-child {
float:right;
}
*/
.banner-background {
width: 100%;
height: 100%;
background-position: center top;
/*background-size: auto 100%;
*/
background-size: cover;
background-repeat: no-repeat;
}
.banner-shadow {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 9;
background-color: rgba(0,0,0,0.5);
}
.banner-logo {
width: 10rem;
position: absolute;
bottom: 2.6rem;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
z-index: 10;
}
.banner-logo img {
max-width: 100%;
}
.banner-logo-text {
width: 100%;
margin-top: 0.6rem;
display: inline-block;
vertical-align: top;
font-family: 'Roboto', sans-serif;
font-size: 1.5rem;
color:#fff;
text-transform: capitalize;
font-weight: 400;
}
ul.top i{
top: 0.04rem;
position: relative;
margin-left: 0.2rem;
}
.banner-item, .package_content_bx, header {
transition-delay: 0s;
transition-duration: 0.4s;
transition-property: all;
transition-timing-function: ease;
-webkit-transition-delay: 0s;
-webkit-transition-duration: 0.4s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
-moz-transition-delay: 0s;
-moz-transition-duration: 0.4s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
-ms-transition-delay: 0s;
-ms-transition-duration: 0.4s;
-ms-transition-property: all;
-ms-transition-timing-function: ease;
-o-transition-delay: 0s;
-o-transition-duration: 0.4s;
-o-transition-property: all;
-o-transition-timing-function: ease;
}
.mobile-btn {
display: none;
}
.close-link {
display: none;
cursor: pointer;
text-transform: capitalize;
color:#a5822d !important;
font-size: 1.125rem;
font-family: 'Roboto', sans-serif;
font-weight: 400;
border-radius: 0;
position: fixed;
top: 1rem;
right: 1rem;
z-index: 301;
}
body.overhiddem {
overflow: hidden;
}
body.abs-header header {
background-color: rgba(0,0,0,0.57);
border-bottom: 1px solid #b79a57;
/*position: absolute;
top: 0;
left: 0;
z-index: 50;*/
}
ul.slick-dots{
text-align:center;
z-index: 100
}
ul.slick-dots li{
font-size:0;
margin:0 0.2rem;
display:inline-block;
}
.slick-dots li button{
background: #b79a57;
opacity: 0.7;
height: 3px !important;
border: none;
}
.slick-dots li button:focus {
background: #b79a57;
opacity: 0.7;
border: none;
outline: none;
}
.slick-dots li button{
opacity:1;
}
.header-right {
margin-right: 5rem;
float: right;
margin-top: 1.1rem;
}
ul.top {
float:right;
padding: 0;
list-style: none;
}
ul.top li {
display: inline-block;
vertical-align: top;
}
ul.top li a {
color:#dddddd !important;
font-size: 1rem;
font-family: 'Cairo', sans-serif;
font-weight: 400;
padding: 0 1rem;
text-transform: uppercase;
cursor: pointer !important;
}
ul.top li:last-child a {
padding-right: 0;
}
ul.primary {
float:right;
padding: 0;
list-style: none;
clear: both;
}
ul.primary li {
display: inline-block;
vertical-align: top;
position: relative;
}
ul.primary li ul {
position: absolute;
top: 100%;
left: 0;
z-index: 10;
opacity: 0;
visibility: hidden;
/*width: 8rem;*/
padding: 0;
}
ul.primary li ul li {
width: 100%;
display: inline-block;
vertical-align: top;
}
ul.primary li ul li a {
width: 100%;
display: inline-block;
vertical-align: top;
padding: 0.5rem 0.2rem;
background-color: #fff;
color:#b79a57;
border-bottom: 1px solid #b79a57;
font-size: 1.1rem;
}
ul.primary li ul li a:hover {
background-color: #b79a57;
color:#ffffff !important;
}
ul.primary li ul li a:after { display: none !important; }
ul.primary li ul li:last-child a {
border-bottom: none;
}
ul.primary li a {
color:#b79a57 !important;
font-size: 1.313rem;
font-family: 'Cairo', sans-serif;
font-weight: 300;
margin: 0 0 0 1.25rem;
text-transform: uppercase;
cursor: pointer !important;
position: relative;
}
/*ul.primary li:last-child a {
margin-right: 0
}*/
ul.primary li a:after {
width: 100%;
height: 3px;
position: absolute;
bottom: 0.2rem;
z-index: 10;
background-color:#b79a57;
content: "";
left: 0;
opacity:0;
visibility: hidden;
}
ul.primary li a:hover:after, ul.primary li a.active:after {
opacity:0.5;
visibility: visible;
bottom: -0.2rem;
}
.slider-item img {
width: 100%;
height: 100%;
object-fit: cover;
vertical-align: middle;
display: inline-block;
}
.slider-text {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 5rem;
z-index: 50
}
.slider-text-small {
color:#ffffff;
font-family: 'Cairo', sans-serif;
font-weight: 300;
margin-bottom: 0.2rem;
font-size: 1.75rem;
}
.slider-text-main {
color:#ffffff;
font-family: 'Droid Serif';
margin-bottom: 0.2rem;
font-size: 4.063rem;
}
.slider-read-more {
color:#b79a57 !important;
font-family: 'Cairo', sans-serif;
font-weight: 300;
text-transform: uppercase;
font-size: 1.2rem;
cursor: pointer !important;
}
.slider-read-more:hover {
color:#ffffff !important;
}
ul.slick-dots {
position: absolute;
bottom: 1rem;
left: 0;
width: 100%;
list-style: none;
padding: 0
}
.slick-dots li {
width:3rem;
height: 3px;
background-color: #a5822d;
opacity:0.48;
list-style: none;
}
.slick-dots li:hover, .slick-dots li.slick-active {
opacity:1;
}
.slick-dots li button {
width: 100%;
height: 7px;
margin-top: -2px;
}
.slick-dots li button:before {
display: none;
}
.home-slider {
margin-bottom: 0 !important
}
.booking-element input[type="text"],
.booking-element input[type="integer"] {
background:inherit;
}
.booking-element:hover {
background:rgba(165,130,45,0.3);
}
.slider-shadow {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 30;
background-color: rgba(0,0,0,0.4);
}
.banner_cont {
position:relative;
}
.banner_cont .booking-form {
padding:0;
border:1px solid #b79a57;
background:rgba(0,0,0,0.3);
}
.banner_cont .booking-element:first-child {
border-left:none;
}
/********************************************************/
.page-content {
width: 100%;
display: inline-block;
vertical-align: top;
}
.page-header {
width: 100%;
display: inline-block;
vertical-align: top;
padding-bottom:2rem;
margin-top: 0;
margin-bottom: 0;
padding-top: 2rem;
border-bottom: none;
}
.page-header.with-banners {
position: absolute;
top: 30%;
left:0;
z-index: 100;
background:none !important;
}
.page-header.with-banners .page-title {
color:#fff !important;
}
.page-header.with-banners .breadcrumbs ul li a,
.page-header.with-banners .breadcrumbs ul li span {
color:#fff !important;
}
/*body.pageclass-rooms .page-header {
background-color: #f6f4f3;
}*/
.page-header {
background-color: #f6f4f3;
margin-bottom: 2rem;
}
.page-title {
font-family: 'Droid Serif';
font-size: 2.625rem;
color:#565656;
text-align: center;
margin: 0;
padding:0;
text-transform: capitalize;
}
.article-title {
font-family: 'Roboto', sans-serif;
font-size: 1.875rem;
color:#a5822d;
font-weight: 300;
text-transform: uppercase;
}
.block-title {
font-size: 1.563rem;
line-height: 1.563rem;
color:#a5822d;
font-weight: 300;
text-transform: uppercase;
margin-bottom: 1.875rem;
}
body.pageclass-contactus .block-title {
margin-bottom: 0.1rem;
}
.block-title a {
color:#a5822d;
}
.breadcrumbs {
width: 100%;
display: inline-block;
vertical-align: top;
margin-top: 0.625rem;
text-align: center;
}
.breadcrumbs ul {
width: 100%;
display: inline-block;
vertical-align: top;
list-style: none;
padding: 0;
margin:0;
}
.breadcrumbs ul li {
display: inline-block;
vertical-align: top;
list-style: none;
padding: 0;
margin:0;
}
.breadcrumbs ul li a,
.breadcrumbs ul li span {
font-size:1.25rem;
color:#979797;
}
.breadcrumbs ul li a {
padding-right: 1rem;
margin-right: 1rem;
position: relative;
}
.breadcrumbs ul li a:after {
width: 0;
height: 1.5rem;
position: absolute;
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
right: 0;
z-index: 10;
border-right:1px solid #979797;
border-left:1px solid #dcdcdc;
content:"";
}
.inner-banner {
width: 100%;
/*height: 49.063rem;*/
position: relative;
}
.inner-banner-slider {
width: 100%;
display: inline-block;
vertical-align: top;
position: relative;
}
.inner-banner{
background-color: rgba(0,0,0,1);
}
.inner-banner img{
opacity:0.58;
vertical-align:top;}
/*.inner-banner .item:after {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
background-color: rgba(0,0,0,0.42);
content: "";
}*/
.inner-banner img {
width: 100%;
/*height: 100%;
object-fit: cover;*/
}
.messages {
width: 100%;
display: inline-block;
vertical-align: top;
/*position: absolute;
top: 0;
right: 0;
z-index: 1000;*/
}
.messages .container {
position: relative;
}
.messages .error {
width: 100%;
display: inline-block;
vertical-align: top;
padding: 2%;
background-color: rgba(255, 0, 0, .5);
border: 1px solid #ff0000;
color: #ff0000;
margin:0.2rem 0;
}
.messages .success {
width: 100%;
display: inline-block;
vertical-align: top;
padding: 2%;
background-color: rgba(22, 155, 16, .2);
border: 1px solid #169b10;
color: #169b10;
margin:0.2rem 0;
}
.messages .error p {
color: #ff0000;
}
.messages .success p {
color: #169b10;
}
.messages .error p,
.messages .success p {
font-size: 1rem;
margin-bottom: 1px;
padding-bottom: 0
}
.messages .error p {
color:#d6d6d6;
}
.tabs-style-1 {
width: 100%;
display: inline-block;
vertical-align: top;
margin-top: 3.625rem
}
.tabs-style-1 ul {
width: 100%;
display: inline-block;
vertical-align: top;
list-style: none;
text-align: center;
}
.tabs-style-1 ul li {
display: inline-block;
vertical-align: top;
list-style: none;
position: relative;
}
.tabs-style-1 ul li:after {
width: 0;
height: 1.375rem;
border-right:1px solid #565656;
border-left:1px solid #c7c7c7;
position: absolute;
top: 0;
bottom: 0;
margin:auto 0;
right: 0;
z-index: 10;
content:"";
}
.tabs-style-1 ul li:last-child {
padding-right: 0;
}
.tabs-style-1 ul li:first-child {
padding-left: 0;
}
.tabs-style-1 ul li:last-child:after {
display: none;
}
.tabs-style-1 ul li a {
color:#565656;
font-size: 1.313rem;
font-family: 'Droid Serif';
text-transform: capitalize;
padding:0 2rem;
}
.tabs-style-1 ul li a:hover {
color:#a5822d;
}
.visitabudhabi_logo {
background: white;
padding: 0.5rem 1rem;
display: inline-block;
margin-top: 2rem;
}
/********************************************************/
.form-group {
width: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: 1rem;
position: relative;
}
.form-group label {
font-size:1.1rem;
color:#565656;
font-weight: normal;
margin-bottom: 0.3rem;
width: 100%;
display: inline-block;
vertical-align: top;
}
.form-group .form-input,
.form-group .input-qty {
width: 99.8%;
height: 2rem;
font-weight: normal;
font-size:1.1rem;
display: inline-block;
vertical-align: top;
padding:0 0.625rem;
border:1px solid #c7c7c7;
}
.form-group textarea.form-input {
height: 10rem;
resize:none;
}
.form-group .iti {
width: 100%;
}
.form-group i {
position: absolute;
bottom: 0.563rem;
left: 0.375rem;
z-index: 10;
color:#bababa;
}
.form-group .input-qty {
text-align: center;
padding:0.3rem 0;
height: 2rem;
display: inline-block;
vertical-align: top;
}
.form-group .form-input.with-icon {
padding-left: 1.5rem;
}
.form-group .input-qty .decrease,
.form-group .input-qty .increase {
height: 100%;
width: 1.313rem;
background-color: #bababa;
display: inline-block;
vertical-align: top;
line-height: 1.1rem;
cursor: pointer;
color:#fff;
font-weight: bold;
}
.form-group .input-qty .form-input {
border: none;
width: 3.313rem;
text-align: center;
height: 100%;
}
.btn-submit {
width: 12.813rem;
height: 3.125rem;
display: inline-block;
vertical-align: top;
background-color: #f6f4f3;
color:#a5822d;
font-family: 'Roboto', sans-serif;
font-weight: 300;
text-transform: uppercase;
border:none;
font-size: 1rem;
}
.offer-details-content.room a.btn-submit {
margin-top: -0.5rem
}
a.btn-submit {
line-height: 3.125rem;
text-align: center;
cursor: pointer;
}
.btn-submit:disabled {
cursor: default;
}
.btn-submit:disabled:hover {
background-color: #f6f4f3;
color:#a5822d;
}
.btn-submit:hover,
.btn-submit.active {
background-color: #a5822d;
color:#f6f4f3;
}
.btn-link {
width: 12.813rem;
height: 3.125rem;
line-height: 3.125rem;
display: inline-block;
vertical-align: top;
background-color: #a5822d;
color:#ffffff;
font-family: 'Roboto', sans-serif;
font-weight: 300;
text-transform: uppercase;
border:none;
font-size: 1rem;
cursor: pointer;
text-align: center;
}
.btn-link:hover {
background-color: #f6f4f3;
color:#a5822d;
}
.paginationDiv {
width: 100%;
display: inline-block;
vertical-align: top;
margin-top: 2rem
}
.paginationDiv ul {
list-style: none;
width: 100%;
display: inline-block;
vertical-align: top;
text-align: center;
}
.paginationDiv ul li {
list-style: none;
display: inline-block;
vertical-align: top;
margin:0 0.2rem;
}
.paginationDiv ul li a,
.paginationDiv ul li span {
display: inline-block;
vertical-align: top;
padding:0.3rem 0.7rem;
border:1px solid #a98837;
background-color: #f6f4f3;
color:#a98837;
}
.paginationDiv ul li span,
.paginationDiv ul li a:hover {
background-color: #a98837;
color:#ffffff;
}
/********************************************************/
/** dining **/
body.pageclass-spa .article-dining {
margin-top: 4.75rem;
}
.article-dining .article-title {
text-align: right;
}
.article-dining .description {
position: relative;
}
.article-dining .description:before {
width: 1px;
height: 100%;
background-color:#a4a4a4;
content: "";
position: absolute;
top: 0;
left: -1.1rem;
z-index: 10;
}
.dining-container {
width: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: 4.875rem;
}
.dining-slider-logos {
width: 100%;
display: inline-block;
vertical-align: top;
margin-top: 0.625rem;
position: relative;
z-index: 2;
margin-top: -7.188rem
}
.dining-logo {
/*width: 16rem;*/
width: 98%;
margin:0 1%;
height: 8.125rem;
background-color: #f6f4f3;
display: inline-block;
vertical-align: top;
text-align: center;
position: relative;
cursor: pointer;
}
.dining-logo img.logoimg {
max-width: 90%;
max-height: 90%;
position: relative;
display: inline-block;
top: 50%;
transform: translateY(-50%);
}
.dining-slider-logos .slick-list {
padding-top: 7.188rem;
}
.slick-current .dining-logo:before,
.slick-active:hover .dining-logo:before {
width: 100%;
height: 0.375rem;
background-color: #a5822d;
position: absolute;
top: 0;
left: 0;
z-index: 10;
content:"";
}
.dining-logo-tabs {
position: absolute;
bottom: 100%;
left: 0;
z-index: 10;
width: 100%;
opacity: 0;
visibility: hidden;
}
.dining-logo:hover .dining-logo-tabs {
opacity: 1;
visibility: visible;
}
.row-button {
width: 100%;
display: inline-block;
vertical-align: top;
text-align: center;
margin:1rem 0 0 0;
}
.dining-logo-tabs a {
width: 100%;
display: inline-block;
vertical-align: top;
padding:1rem 0;
font-size: 1.2rem;
text-align: center;
color:#ffffff;
font-family: 'Roboto', sans-serif;
font-weight: 300;
text-transform: uppercase;
background-color: rgba(165,130,45,0.6);
margin-bottom: 1px
}
.dining-logo,
.dining-logo-tabs,
.gallery-style-3-slider,
.gallery-style-3-slider .gal-item,
.gal-item:after,
ul.top > li:hover ul,
.offer-item-transition
{
transition-delay: 0s;
transition-duration: 0.4s;
transition-property: all;
transition-timing-function: ease;
-webkit-transition-delay: 0s;
-webkit-transition-duration: 0.4s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
-moz-transition-delay: 0s;
-moz-transition-duration: 0.4s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
-ms-transition-delay: 0s;
-ms-transition-duration: 0.4s;
-ms-transition-property: all;
-ms-transition-timing-function: ease;
-o-transition-delay: 0s;
-o-transition-duration: 0.4s;
-o-transition-property: all;
-o-transition-timing-function: ease;
}
.gallery-style-1 {
width: 100%;
display: inline-block;
vertical-align: top;
margin-top: 2.438rem;
}
body.pageclass-rooms .gallery-style-1 {
margin-left: -7.6rem;
}
.gallery-style-1 .gallery-thumbnails {
width: 15.75%;
float:left;
}
/*.gal-item img {
object-fit: cover;
}*/
.gallery-style-1 .gal-item {
position: relative;
}
.gallery-style-1 .gal-item:after {
width: 100%;
height: 100%;
content:"";
position: absolute;
top: 0;
left: 0;
z-index: 10;
-webkit-box-shadow: inset 0px 0px 0px 6px rgba(181,144,46,1);
-moz-box-shadow: inset 0px 0px 0px 6px rgba(181,144,46,1);
box-shadow: inset 0px 0px 0px 6px rgba(181,144,46,1);
visibility: hidden;
opacity:0;
}
.gallery-style-1 .gallery-thumbnails .gal-item:hover:after,
.gallery-style-1 .gallery-thumbnails .slick-current .gal-item:after {
visibility: visible;
opacity:1;
}
.gallery-style-1 .gallery-images {
width: 82.50%;
float:right;
}
.gallery-style-1 .slick-vertical .slick-slide
{
vertical-align: top;
border: none;
}
.gallery-style-1 .slick-vertical .slick-slide > div {
display: block;
vertical-align: top;
}
.gallery-style-1 .slick-vertical .slick-slide > div > .item {
vertical-align: top;
}
.gallery-style-2 {
width: 100%;
padding:0 8.8%;
display: inline-block;
vertical-align: top;
background-color: #f6f4f3;
margin-top: 10rem;
position: relative;
}
.gallery-style-2 .slick-arrow,
.gallery-style-4-slider .slick-arrow {
width: 4rem;
height: 4rem;
border:none;
background-color: rgba(0,0,0,0.4);
position: absolute;
top: 0;
bottom: 0;
margin:auto 0;
z-index: 10;
color:#fff;
font-size: 1.5rem;
}
.gallery-style-2 .slick-arrow.slick-prev,
.gallery-style-4-slider .slick-arrow.slick-prev {
left:0;
}
.gallery-style-2 .slick-arrow.slick-next,
.gallery-style-4-slider .slick-arrow.slick-next {
right:0;
}
body.pageclass-photo_gallery .gallery-style-2 {
padding:0;
margin-top: 0
}
body.pageclass-photo_gallery .gallery-style-2 .controls {
max-width: 100%;
}
body.pageclass-crown_island .gallery-style-2 {
margin-top: 0;
background:none;
}
body.pageclass-crown_island .gallery-style-2 .controls {
background-color: rgba(0,0,0,0.22);
}
body.pageclass-crown_island .gallery-style-2 .controls a {
border-color:#a5822d;
color:#a5822d;
}
body.pageclass-crown_island .gallery-style-2 .controls a:before {
border-top:1px dashed #a5822d;
}
body.pageclass-crown_island .gallery-style-2 .controls a:hover {
border-color:#ffffff;
color:#ffffff;
}
body.pageclass-crown_island .article-dining {
margin-top: 4.188rem;
}
.article-dining .description ul {
padding:0;
list-style: none;
}
.article-dining .description ul li {
display: inline-block;
vertical-align: top;
width: 33%;
list-style: none;
padding:0 0 0.5rem 1rem;
position: relative;
}
.article-dining .description ul li:before {
width: 0.5rem;
height: 0.5rem;
position: absolute;
top: 0.5rem;
left: 0;
z-index: 10;
content:"";
background-color: #a5822d;
border-radius: 50%;
}
.gallery-style-2-slider {
width: 100%;
display: inline-block;
vertical-align: top;
}
.phone-format, .date-picker{font-family: 'Cairo', sans-serif;}
.gallery-style-2-slider .item {
vertical-align: top;
}
.gallery-style-2 .controls {
width: 100%;
max-width: 82.4%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin:0 auto;
z-index: 10;
background-color: rgba(165,130,45,0.43);
padding:1.25rem 2.688rem;
text-align: right;
}
.gallery-style-2 .controls a {
width:2.688rem;
height: 2.688rem;
border:1px solid #ffffff;
display: inline-block;
vertical-align: top;
border-radius:50%;
text-align: center;
line-height: 2.688rem;
color:#ffffff;
font-size: 1.5rem;
cursor: pointer;
margin-left: 3rem;
position: relative;
}
.gallery-style-2 .controls a.prev:before {
display: none;
}
.gallery-style-2 .controls a:before {
width: 3rem;
height: 0;
border-top:1px dashed #fff;
position: absolute;
top: 0;
bottom: 0;
margin:auto 0;
right:108%;
z-index: 10;
content:"";
}
.gallery-style-2 .controls a:hover {
border-color:#a5822d;
color:#a5822d;
}
.gallery-style-2 .controls .text {
font-size: 1.625rem;
color:#ffffff;
text-transform: uppercase;
margin-top: 0.2rem;
display: inline-block;
vertical-align: top;
}
.gallery-style-3 {
width: 100%;
display: inline-block;
vertical-align: top;
position: relative;
margin-top: 1.5rem;
}
.gallery-style-3-slider {
width: 100%;
/*height: 48.75rem;*/
display: inline-block;
vertical-align: top;
position: relative;
}
.gallery-style-3-slider .gal-item {
/*position: absolute;
top: 0;
left: 0;
z-index: 10;
opacity: 0;
display: none;*/
}
.gallery-style-3-slider .gal-item.active {
/*opacity: 1;*/
/*display: block;*/
}
.gallery-style-3-tabs {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 11;
/*border-top: 1px solid #a5822d;*/
border-bottom: 1px solid #a5822d;
}
.gallery-style-3-tabs .slick-track {
border-top: 1px solid #a5822d;
}
.table-tab-items {
width: 100%;
display: table;
}
.gallery-style-3-tabs .tab-item {
/*display: table-cell;
width: 21.063rem;*/
display: block;
width: 100%;
text-align: center;
border-right:1px solid #a5822d;
height: 5.938rem;
line-height: 5.938rem;
font-weight: normal;
background-color: rgba(0,0,0,0.43);
cursor: pointer;
position: relative;
}
.gallery-style-3-tabs .slick-slide {
width: 17.54rem;
}
.tab-item:hover {
background-color: rgba(165,130,45,0.8);
}
.tab-item:hover .tab-title {
opacity:0.7;
}
.tab-item .tab-description {
width: 44.75rem;
line-height: 1.8rem;
cursor: default;
position: absolute;
bottom: 100%;
right: 0;
padding:1rem 2rem;
background-color: rgba(165,130,45,0.8);
color:#ffffff;
font-size: 1.25rem;
display: none;
font-weight: 300;
text-align: left;
}
/*.tab-item:nth-of-type(5n+1) .tab-description,
.tab-item:nth-of-type(5n+2) .tab-description,
.tab-item:nth-of-type(5n+3) .tab-description,*/
.slick-slide:nth-of-type(5n+1) .tab-description,
.slick-slide:nth-of-type(5n+2) .tab-description,
.slick-slide:nth-of-type(5n+3) .tab-description {
left:0;
}
.tab-item:hover {
background-color: rgba(165,130,45,0.6);
}
.tab-item:hover .tab-title {
opacity:0.7;
}
.tab-item:hover .tab-description {
display: block;
}
.tab-item .tab-title {
display: inline-block;
vertical-align: top;
position: relative;
top: 50%;
transform: translateY(-50%);
font-weight: normal;
font-size: 1.25rem;
color:#ffffff;
text-transform: uppercase;
}
.gallery-style-3-tabs .slick-list {
padding-top: 20rem;
top: 0.1rem;
}
.gallery-style-3 .slick-slide,
.gallery-style-3 .slick-slide > div,
.gallery-style-3 .slick-slide .gal-item {
vertical-align: top;
}
.gallery-style-3-tabs .tab-item:first-child {
border-left:1px solid #a5822d;
}
.gallery-style-3-tabs .tab-item:last-child {
border-right: none;
}
.mobile-booknow-btn {
position: fixed;
bottom: 0;
left: 0;
z-index: 10;
display: none;
}
.tab-item i {
display: none;
color:#fff;
position: absolute;
bottom: 87%;
left: 0;
right: 0;
margin:0 auto;
z-index: 20;
font-size: 1.5rem
}
.tab-item:hover i {
display: block;
}
.gallery-style-full {
width: 100%;
display: inline-block;
vertical-align: top;
}
.gallery-style-full-slider {
width: 100%;
display: inline-block;
vertical-align: top;
}
.gallery-style-full-slider ul.slick-dots {
bottom: -3rem;
}
.gallery-style-4 {
width: 100%;
display: inline-block;
vertical-align: top;
margin-top: 2rem;
}
.gallery-style-4 .item { vertical-align: top; }
.gallery-style-4-slider {
width: 100%;
display: inline-block;
vertical-align: top;
}
.gallery-style-4-slider .gal-item {
max-height: 670px;
}
.gallery-style-4-slider .gal-item img {
width: 100%;
max-height: 100%;
object-fit: cover;
}
.gallery-style-4-thumbnails {
width: 100%;
display: inline-block;
vertical-align: top;
margin-top: 0.625rem;
}
.gallery-style-4-thumbnails .gal-item {
width: 94%;
margin:0 3%;
float:left;
cursor: pointer;
}
.gallery-style-4-thumbnails .gal-item:hover,
.gallery-style-4-thumbnails .slick-current .gal-item {
opacity: 0.7;
}
.slick-arrow-style-1 .slick-arrow {
width: 2.25rem;
height: 100%;
position: absolute;
top: 0;
z-index: 10;
background-color:rgba(165,130,45,1);
border:none;
color:#ffffff;
font-size: 1.2rem;
}
.slick-arrow-style-1 .slick-arrow.slick-prev {
left:0rem;
}
.slick-arrow-style-1 .slick-arrow.slick-next {
right:0rem;
}
.article-row {
width: 100%;
display: inline-block;
vertical-align: top;
background-color: #a5822d;
margin-top: 6.25rem;
}
.article-row-right {
padding:3.188rem 2.5rem 0 3.5rem;
}
.article-row .block-title {
color:#ffffff;
font-size: 1.875rem;
}
.article-row .description {
color:#ffffff;
}
.article-row .description ul {
padding-left: 1.5rem
}
body.pageclass-meetings .article-dining {
margin-top:5.438rem
}
/*body.pageclass-meetings .article-dining .description {
font-family: 'Roboto', sans-serif;
font-weight: 300;
}*/
.article-row .col-md-1,
.article-row .col-md-2,
.article-row .col-md-3,
.article-row .col-md-4,
.article-row .col-md-5,
.article-row .col-md-6,
.article-row .col-md-7,
.article-row .col-md-8,
.article-row .col-md-9,
.article-row .col-md-10,
.article-row .col-md-11,
.article-row .col-md-12 {
padding:0 !important;
}
/***contact us***************************************************************/
.location-map {
width: 100%;
display: inline-block;
vertical-align: top;
}
.location-map iframe {
width: 100%;
height: 13.75rem;
}
.location-address {
width: 100%;
display: inline-block;
vertical-align: top;
color:#555555;
font-weight: normal;
font-size: 1.188rem;
padding-bottom: 1.563rem;
margin-bottom: 1.25rem;
border-bottom: 1px solid #a4a4a4;
}
.contact-label {
width: 100%;
display: inline-block;
vertical-align: top;
color:#333333;
font-size: 1.25rem;
}
.contact-label a {
color:#333333;
}
.contact-label a:hover {
color:#a5822d;
}
.contact-label span {
color:#a5822d;
}
/******************************************************************/
.booking-form-tabs {
text-align: center;
margin-bottom: 2.5rem
}
.booking-form-tabs .btn-submit {
font-size: 1.5rem;
font-weight: normal;
margin:0 0.4rem;
}
.booking-form-block {
position: relative;
}
.form-labels .btn-submit {
height: 5.438rem;
text-align: center;
font-weight: 300;
color:#a5822d;
width: 16.1%;
margin:0.25%;
padding: 0 1%;
font-size: 1.4rem;
background-color: #f6f4f3;
color:#a5822d;
position: relative;
}
.form-labels .btn-submit:after {
width: 100%;
height: 0.3rem;
background-color: #a5822d;
content: "";
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
display: none;
}
.form-labels .btn-submit:hover:after,
.form-labels .btn-submit.active:after {
display: block;
}
.form-labels .btn-submit span,
.form-labels .btn-submit img {
display: inline-block;
vertical-align: top;
position: relative;
top: 50%;
transform: translateY(-50%);
line-height: 1.5rem
}
.form-labels .btn-submit img {
max-width: 70%;
max-height: 70%
}
.booking-form-block:before {
width: 1px;
height: 100%;
background-color: #a4a4a4;
position: absolute;
top: 0;
left: -1.1rem;
z-index: 10;
content:"";
}
body.pageclass-contactus .booking-form-block:before,
body.pageclass-booking .booking-form-block:before,
body.pageclass-meetings .booking-form-block:before {
display: none;
}
body.pageclass-meetings .booking-form-block {
margin-top: 6rem;
}
body.pageclass-booking .booking-form-block {
max-width: 62.5rem;
margin:0 auto;
display: block
}
.restaurant-content {
width: 82.50%;
float:right;
margin-top: 4rem;
}
.resto-logo {
margin-bottom: 1.25rem
}
.small-text {
color:#a5822d;
font-size:1.188rem;
margin-bottom: 1.25rem;
text-transform: uppercase;
}
.other-restaurants {
margin-top: 9.75rem;
padding-top: 2.813rem;
position: relative;
width: 100%;
display: inline-block;
vertical-align: top;
}
body.pageclass-rooms .other-restaurants {
margin-top: 4.875rem;
}
.other-restaurants:before {
width: 110%;
height: 17.875rem;
position: absolute;
top: 0;
left: -5%;
z-index: 0;
background-color: #f6f4f3;
content:"";
}
.other-restaurants .page-title {
margin-bottom: 2.375rem;
position: relative;
z-index: 1;
}
.restaurant-item {
margin:0 1.313rem;
}
.restaurant-image {
margin-bottom: 1.5rem;
}
.restaurant-image img {
max-width: 100%;
}
.restaurant-logo {
text-align: center;
}
.restaurant-logo img {
display: inline-block;
vertical-align: top;
max-height: 6.375rem;
}
.other-restaurants-slider ul.slick-dots {
bottom: -3rem;
}
.other-restaurants-slider .restaurant-logo {
height: 8rem
}
.other-restaurants-slider .restaurant-logo a {
height: 100%;
width: 100%
}
.other-restaurants-slider .restaurant-logo img {
max-height: 100%;
max-width: 100%;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.special-offer {
margin-top: 5.875rem;
}
/********************************************************/
.sitemap .block-title {
margin-bottom: 1rem;
}
.sitemap ul {
padding-left: 0;
list-style: none;
}
.sitemap ul li {
list-style: none;
width: 100%;
display: inline-block;
vertical-align: top;
}
.sitemap ul li a {
display: inline-block;
vertical-align: top;
font-size: 1.1rem;
color:#565656;
font-weight: normal;
padding-left: 1rem;
position: relative;
}
.sitemap ul li a:hover {
color:#a5822d;
}
.sitemap ul li a:after {
width: 0.5rem;
height: 0.5rem;
background-color: #a5822d;
content:"";
border-radius: 50%;
position: absolute;
top: 0.6rem;
left: 0;
z-index: 10;
}
/********************************************************/
.rooms-intro-section {
margin-top: 4.688rem
}
.room-type-grid-item {
width: 96%;
margin:2.375rem auto 0;
display: block;
}
.room-facilities {
width: 100%;
display: inline-block;
vertical-align: top;
}
.facility-item {
width: 24.2%;
height: 7rem;
background-color: #f6f4f3;
float:left;
margin-right: 1%;
margin-bottom: 0.438rem;
text-align: center;
}
.facility-item:nth-of-type(4n+4) {
margin-right:0;
}
.facility-item .facility-icon {
width: 100%;
height: 4.063rem;
line-height: 4.063rem;
display: inline-block;
vertical-align: top;
}
.facility-item .facility-name {
width: 100%;
color:#484848;
font-size: 1rem;
font-weight: normal;
text-transform: capitalize;
}
.description table {
width: 100%;
}
.description table tr th,
.description table tr td {
padding-bottom:0.3rem;
font-weight: normal;
}
.description table tr th {
color:#000000;
}
.offer-details-content.room .block-title {
margin-bottom: 2.375rem;
padding-bottom: 1.25rem;
}
/********************************************************/
.offer-details-content {
width: 73.063rem;
max-width: 100%;
display: block;
margin:5.438rem auto 0;
}
body.pageclass-rooms .offer-details-content {
margin-top: 2.563rem;
}
.offer-details-content .block-title {
font-size: 2.25rem;
padding-bottom: 2.25rem;
border-bottom: 1px solid #c6c6c6;
margin-bottom: 1.125rem;
}
.offer-details-content .description {
font-weight:normal;
color:#555555;
}
.offer-details-content .description span.text-uppercase {
color:#000000;
width: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: 1.25rem;
}
.offer-details-content .link-btn {
margin-top: -0.8rem
}
.offer-details-validity {
padding:1.125rem 4.938rem 1.125rem 6.438rem;
background-color: #f6f4f3;
color:#a5822d;
font-weight: normal
}
.offer-details-validity .description {
color:#a5822d;
}
.offer-valid-from {
text-transform: uppercase;
}
.content-title {
font-family: 'Droid Serif';
color:#767676;
font-size: 2.25rem;
text-transform: capitalize;
}
.offer-details-content .content-title {
width: 100%;
display: inline-block;
vertical-align: top;
padding-bottom: 0.75rem;
border-bottom: 1px solid #c6c6c6;
margin-bottom: 1.25rem;
margin-top: 7rem;
}
body.pageclass-rooms .offer-details-content .content-title {
margin-top: 4.063rem
}
ul.portfolio-tabs {
list-style: none;
text-align: center;
padding: 0;
margin-bottom: 1rem
}
ul.portfolio-tabs li {
display: inline-block;
vertical-align: to;
margin: 0 0.1rem;
}
.other-offers-container {
margin-top: 10.313rem;
padding-top: 2.563rem;
width: 100%;
display: inline-block;
vertical-align: top;
position: relative;
}
.other-offers-container .h2_home {
position: relative;
z-index: 10;
margin-top: 0;
}
.other-offers-container:before {
width: 110%;
height: 17.875rem;
position: absolute;
top: 0;
left: -5%;
z-index: 0;
background-color: #f6f4f3;
content: "";
}
.offer-image {
width: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: 2.25rem;
}
.offer-image img {
max-width: 100%;
}
.offer-item {
margin-bottom: 2rem
}
.offer-brief {
width: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: 1rem;
}
.description.offer-brief {
font-size: 1.3rem;
line-height: 1.7rem;
text-transform: uppercase;
color:#333333;
min-height: 5rem;
}
.offer-validity {
width: 100%;
display: inline-block;
vertical-align: top;
font-weight: normal;
margin-bottom: 1.3rem;
}
.offer-validity b {
text-transform: uppercase;
color:#a5822d;
font-weight: 300;
}
.offer-price {
width: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: 1rem;
text-transform: uppercase;
color:#a5822d;
font-size: 1rem;
font-weight: normal;
}
.offer-price span {
text-transform: uppercase;
color:#a5822d;
font-weight: 300;
}
.offer-item .link-btn{
max-width:49%;}
.link-btn {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 1.125rem;
text-transform: uppercase;
width: 12.813rem;
height: 3rem;
border-width: 1px;
border-style: solid;
border-color:#a98837;
display: inline-block;
vertical-align: top;
text-align: center;
line-height: 3rem;
cursor: pointer;
}
.link-btn.on {
color:#a98837;
background-color: #f6f4f3;
}
.link-btn.off {
color:#333333;
}
.link-btn.on:hover {
color:#ffffff;
background-color: #a98837;
}
.link-btn.off:hover {
color:#ffffff;
background-color: #a98837;
}
/********************************************************/
@media screen and (max-width:1720px) {
html, body {
font-size:16px;
}
}
@media screen and (max-width:1620px) {
html, body {
font-size:14px;
}
}
@media screen and (max-width:1230px) {
html, body {
font-size:12px;
}
}
@media screen and (min-width:1024px) {
.btn:hover {
background-color: #ffffff;
color:#a5822d !important;
}
.logo {
width: 11.15%;
max-width: 13.938rem;
}
.logo img {
width: 100%;
}
.banner-item {
position: absolute;
bottom:0;
}
}
@media screen and (max-width:1024px) {
html, body {
font-size:16px;
}
.banner-item {
width: 100% !important;
height: 35rem !important;
}
.booking-form {
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-color: #fff !important;
width: 100%;
margin-top: 0;
overflow-y: auto;
text-align: center;
display: none;
}
.banners {
margin-top: 0;
}
.mobile-btn {
display: block;
float:right;
margin-right: 1rem;
margin-top: 1rem;
}
header {
padding:1rem 0;
}
.booking-elements {
width: 100%;
}
.booking-element {
width: 50%;
border:none !important;
border-bottom:1px solid #b79a57 !important;
padding-bottom: 1rem;
padding-top: 1rem;
padding:2rem !important;
height: auto;
float:left;
}
.booking-element:last-child {
width: 100%;
}
.btn.align-right {
float:none;
display: inline-block;
vertical-align: top;
margin-top: 1rem;
}
}
@media screen and (max-width:740px) {
html, body {
font-size:14px;
}
.banner-item {height: 21rem !important; }
ul.slick-dots{
bottom:0.3rem;}
.section_aboutus_h1 {
font-size: 2rem;}
}
@media screen and (max-width:620px) {
html, body {
font-size:12px;
}
.home_iframe iframe{
height:250px;
}
}
@media screen and (min-width:960px) {
ul.primary li:hover ul {
opacity: 1;
visibility: visible;
}
.gallery-style-2-slider,
.gallery-style-4-slider {
overflow:hidden;
}
.gallery-style-2-slider .slick-arrow,
.gallery-style-4-slider .slick-arrow {
transition-delay: 0s;
transition-duration: 0.4s;
transition-property: all;
transition-timing-function: ease;
-webkit-transition-delay: 0s;
-webkit-transition-duration: 0.4s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
-moz-transition-delay: 0s;
-moz-transition-duration: 0.4s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
-ms-transition-delay: 0s;
-ms-transition-duration: 0.4s;
-ms-transition-property: all;
-ms-transition-timing-function: ease;
-o-transition-delay: 0s;
-o-transition-duration: 0.4s;
-o-transition-property: all;
-o-transition-timing-function: ease;
}
.gallery-style-2-slider .slick-arrow.slick-prev,
.gallery-style-4-slider .slick-arrow.slick-prev {
left:-4rem;
}
.gallery-style-2-slider .slick-arrow.slick-next,
.gallery-style-4-slider .slick-arrow.slick-next {
right:-4rem;
}
.gallery-style-2-slider:hover .slick-arrow.slick-prev,
.gallery-style-4-slider:hover .slick-arrow.slick-prev {
left:0;
}
.gallery-style-2-slider:hover .slick-arrow.slick-next,
.gallery-style-4-slider:hover .slick-arrow.slick-next {
right:0;
}
}
.ig_post_container img {
width: 100%;
height: 26.2rem;
object-fit: cover;
object-position: center center;
}
.ig_post_container {
border: none !important;/*2px solid #f1f1f1; */
margin-bottom:0 !important; /* 25px; */
margin-left: 0% !important;/*3%;*/
width: 100% !important;
height: 26.2rem !important;
float: left;
overflow: hidden;
}
.ig_view_link a {
color: #fff;
font-size: 1.1rem;
}
.ig_post_container .ig_view_link {
margin-top: 10px;
position: absolute;
bottom: 0.5rem;
right: 0.5rem;
}
.ig_view_link .social_icon{
vertical-align:bottom;
}
.ig_view_caption {
position: absolute;
top: 0;
color: #ffff;
font-size: 1.2rem;
font-weight: bold;
padding: 10rem 2rem;
background: rgba(183, 154, 87, 0.5) !important;
height: 100%;
width: 100%;
display:none;
text-align:center;
}
.ig_view_caption a {color:#fff !important;}
.ig_post_container:hover{
cursor:pointer;
}
.ig_post_container:hover .ig_view_caption {
display:block;
}
@media screen and (max-width:740px) {
.ig_post_container,.ig_post_container img {
height: 20rem !important;
}
}
.descriptions {
margin-top: 3rem;
}
.descriptions ul li {
display: inline-block;
vertical-align: top;
width: 33%;
list-style: none;
padding: 0 0 0.5rem 1rem;
position: relative;
}
.descriptions ul li:before {
width: 0.5rem;
height: 0.5rem;
position: absolute;
top: 0.5rem;
left: 0;
z-index: 10;
content: "";
background-color: #a5822d;
border-radius: 50%;
}