/*Variable Declaration*/

:root {
 /*  --body-font:'Montserrat', sans-serif;
  --heading-font:'Raleway', sans-serif;
  --second-heading-font: 'Lora', serif;
  --second-poppin-font: 'Poppins', sans-serif;
  --cond-robot-font: 'Roboto Condensed', sans-serif;

  --text-color: #282828;
  --primary-color: #9f946d;
  --secondary-color:#95885a;
  --highlight-color: #73602e;  

  --bg-alt-3: #0A1D3B;
  --bg-alt-2: #417C6B;
  --bg-alt-1: #f2f8f6;
*/
  
  --body-font: 'Montserrat', Arial, 'sans-serif';
    --heading-font: 'Montserrat', Arial, 'sans-serif';
    --second-heading-font: 'Times New Roman', 'serif';
    --text-color: #282828;
    --primary-color: #A4957D;
    --secondary-color: #A4957D;
    --highlight-color: #73602e;
    --bg-alt-3: #0A1D3B;
    --bg-alt-2: #417C6B;
    --bg-alt-1: #f2f8f6;
}

/*Variable Declaration Ends*/



a.skip-to-content-btn {
  position: absolute;
  top: 0;
  left: 0;
  background: #000000;
  color: #fff;
  height: 40px;
  width: auto;
  line-height: 40px;
  padding: 0 15px;
  opacity: 0;
  text-decoration: none;
  border: 1px solid #fff;
  font-size: 16px;
}
a.skip-to-content-btn:focus {
  z-index: 10000;
  color: #fff;
  background: #a4957d;
  opacity: 1;
  outline: 0;
}
.uk-modal-page { overflow: inherit!important;}

body {
  font-family: var(--body-font);
  font-size: 14px;
  color: var(--text-color);
  line-height: 26px;     font-weight: 400;
}
body.desktop.page-ready.uk-offcanvas-container {
  overflow: unset;
}
/* Reset Css [start]*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.uk-width-1-12, .uk-width-2-12, .uk-width-3-12, .uk-width-4-12, .uk-width-5-12, .uk-width-6-12, .uk-width-7-12, .uk-width-8-12, .uk-width-9-12, .uk-width-10-12, .uk-width-11-12 {
  width: 100%;
}
.uk-container {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.uk-container-960 {
  max-width: 1000px;
  margin: 0 auto;
}


a, button {
  outline: none;
  text-decoration: none;
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
}
.button:hover,
.button:focus {
  outline: none;
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: none;
}

label {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  display: block;
  margin-bottom: 4px;
}

.yesnobtn label {
  display: inline-block;
  margin-right: 10px;
}

/* select, input {
-webkit-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
}
*/

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
}
input[type="text"], input[type="email"], input[type="date"], input[type="tel"], select , textarea {
  width: 100%;
  height: 42px;
  font-size: 13px;
  background: #fff;
  resize: none;
  padding: 0 12px;
  box-sizing: border-box;
  border-radius: 0;
  outline: none;
  border: 1px solid #c5c5c5;
  font-family: var(--body-font);
  line-height: 40px;
}

input[type=file] { font-family: var(--body-font); line-height: 40px;}

.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
    border-color: #95885a;
}

.form__group textarea { min-height: 125px;}

.selectbox:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-color: #8e8e8e transparent transparent;
  border-width: 6px;
  right: 15px;
  top: 20px;
}
.selectbox {
  position: relative;
}

.selectbox select {
  padding-right: 40px;
}

div#hotel-btn {
  margin-top: 5px;
}
input:focus,
select:focus,
textarea:focus {
  border-color: #000;
  outline: none;
}

select, select:focus {
    border: 0;
    outline: 1px solid #c5c5c5;
    border-right: 10px solid transparent;
}

.newline {
  display: block;
}
.commentlable {
  /*margin-bottom: 4px;*/
}
.frmfieldset {
  margin-bottom: 15px;
}
.frmfieldset label, .frmfieldset span.asterisk {
  font-size: 14px;
  text-transform: uppercase;
}
.uk-checkbox {
  border: 1px solid #c0c1be;
  border-radius: 3px;
}
#gdpr-rfp {
  font-size: 13px;
  line-height: 22px;
  margin: 20px 0 0 0;
}
#gdpr-rfp a {
  color: transparent;
  text-shadow: 0 0 0 #AFAA9C;
}
#gdpr-rfp a:hover, #gdpr-rfp a:focus {
  border-bottom: 1px solid #AFAA9C;text-decoration: none;
}
select::-ms-expand {
  display: none;
}
.frmfieldset textarea {
  min-height: 120px;
  display: block;
}
img {
  max-width: 100%;
  height: auto;
}
.boxspacer {
  display: none;
  height: 20px;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  color: #000;
  background: #fff
}
.error-message {
  font-size: 14px;
  color: #f00;
}
/*
.google-captcha-message .error-message {
position: absolute;
bottom: -22px;
}
*/


.uk-link,
a {
  color: #A4957D;
}
/*.contentfocus:focus {
  outline: 1px solid #202a31;
  box-shadow: 0 0 2px #202a31 inset;
  -webkit-box-shadow: 0 0 2px #202a31 inset;
  -ms-box-shadow: 0 0 2px #202a31 inset;
  -moz-box-shadow: 0 0 2px #202a31 inset;
}*/

.contentfocus2:focus {
  outline: 1px solid #fff;
  box-shadow: 0 0 2px #fff inset;
  -webkit-box-shadow: 0 0 2px #fff inset;
  -ms-box-shadow: 0 0 2px #fff inset;
  -moz-box-shadow: 0 0 2px #fff inset;
}

.uk-link-toggle:focus .uk-link,
.uk-link-toggle:hover .uk-link,
.uk-link:hover,
a:hover,
a:focus,
.uk-offcanvas-bar a:hover {
  color: #000000;
  text-decoration: none;
}
body .pushItDown {
  margin-top: 0 !important;
}
#wrapper {
  padding: 60px 0 0 0;
}

/* Font size[start]*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 0;
  color: var(--text-color);
}
h1 {
    font-family: var(--second-heading-font);
    font-size: 50px;
    line-height: 50px;
    position: relative;
    font-weight: 300;
    font-style: italic;
}

h2 {
  color: #333;
  font-size: 32px;
  font-family: var(--second-heading-font);
  line-height: 38px;
  font-weight:400; 
  font-style: italic;  
  margin-bottom: 20px;
}

h1 { color: var(--primary-color); margin-bottom: 35px; }

h3 { 
    font-family: var(--second-heading-font);
    font-size: 28px;
    line-height: 32px;
    font-weight: normal;
    font-style: italic;
}

h4 {
  font-size: 14px;
  line-height: 25px;
  /* letter-spacing: 2.52px; */
}
h5 {
  font-size: 12px;
  line-height: 20px;
}
h6 {
  font-size: 10px;
  line-height: 18px;
}
.uk-offcanvas-bar .uk-navbar-nav>li>a:active {
  color: #231f20;
}
.main-content h1 {
  margin-bottom: 5px;
}
.clear {
  clear: both;
  height: 0;
}
/* Font size[End]*/

/* Button [start]*/

.button-primary, .button {
     border: 0;
    background-color: var(--secondary-color);
    color: #fff;
    cursor: pointer;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    height: 45px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    padding: 13px 20px;
    letter-spacing: 0.7px;
    font-weight: bold;
}


.button-primary:hover, .button-primary:focus, .button:hover, .button:focus {
  background-color: #908064; color: #fff;
}

.button-transparent {
  background: transparent;
  color: var(--secondary-color);
  border: 1px solid var(--secondary-color);
  cursor: pointer;
  box-sizing: border-box;
  display: inline-block;
  font-family:var(--cond-robot-font);
  font-size: 20px;
  /* height: 54px; */
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  padding: 5px 35px;
}

.black-btn {
  border: 0;
  background-color: #333;
  color: #fff;
  cursor: pointer;
  box-sizing: border-box;
  display: inline-block;
  font-family:var(--cond-robot-font);
  font-size: 14px;  
  letter-spacing: 0.9px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  text-transform: uppercase;
  padding: 0 35px;     font-weight: bold;
}

.black-btn:hover, .black-btn:focus{background-color: #95885a; color:#ffffff;}

/* Button [End]*/

/* Header */

.logosec { 
  position: absolute;
  left: 50%;
  margin-left: -125px;
}

/*Breadcrumb [Start]*/
#breadcrumb {
  display: none;
  padding: 30px 0;
}
#breadcrumb a {
  color: transparent;
  text-shadow: 0 0 0 #333;
}

.breadcrump-arrow {
  margin: 0 7px;
  display: inline-block;
}

#breadcrumb a:hover, #breadcrumb a:focus {
  border-bottom: 1px solid #5E7939;
}
.common-form-title {
  color: #5E7939;
  text-transform: uppercase;
  font-size: 28px;
}
/*Breadcrumb [End]*/

div#contactus-form {
  margin-bottom: 20px;
  margin-top: 12px;
}
.contact-location-wrap {
  margin-top: 22px;
}

/*Reservation Box [Start]*/
.outer-box {
  margin: 30px auto 0;
  padding: 30px 0;
  text-align: center;
  max-width: 960px;
  width: 94%;
  background-color: #F2EADD;
  color:#282828;
}
.pro-txt {

  font-size: 28px;
  line-height: 38px;
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
}
.lockimg.mim-icon-locked-padlock {
  font-size: 80px;
}
.vcard {
 font-size: 14px;
    line-height: 26px;
    margin-top: 12px;
    padding: 0 20px;
      margin: 0 auto;
    text-align: center;
}
.vcard a {
  color: transparent;
  text-shadow: 0 0 0 #282828;
}
.vcard a:hover, .vcard a:focus {
  border-bottom: 1px solid #282828;
}
.click-logo {
  padding: 20px 0;
}
.fn {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 4px;
  color: #282828;
}
.click-logo img {
  width: 288px;
}
/*Reservation Box [End]*/

/* container width [Start]*/
.container820, .container945, .container980, .container1080, .container1000, .container1240 {
  max-width: inherit;
  margin: 0px auto;
  padding: 0 20px;
  width: 100%;
  box-sizing: border-box;
}
.container1260 {
  padding: 0 20px;
}
/* container width [End]*/

/*ul common*/
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ul-common ul {
  padding: 20px 0;
}
.ul-common li {
  padding-left: 15px;
  position: relative;
  padding-bottom: 0;
  padding-top: 0;
  list-style: none;
}
.ul-common li:before {
  content: "\e917";
  position: absolute;
  left: 0;
  top: 0;
  color: #5E7939;
  font-size: 5px;
  font-family: 'mimiconfont';
}
.ul-common li a {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.ul-common li a:hover, .ul-common li a:focus {
  border-bottom: 1px solid #000;
}
/*ul common*/

.uk-accordion-title {
  font-size: 16px;
  line-height: 1.5;
  color: var(--text-color);
  font-weight: 700;
  position: relative;
  display: block;
  padding-right: 30px;
}
.uk-accordion-title:focus, .uk-accordion-title:hover {
  color: #95885a;
  text-decoration: none;
  outline: 0;
}
.uk-accordion-title::before { content: '\e96a';
  width: 21px;
  height: 21px;
  margin-left: 10px;
  float: right;
  color: #000000;
  font-family: 'mimiconfont';
  position: absolute;
  right: 0;
  font-size: 20px;
  transform: rotate(90deg);}

.uk-open>.uk-accordion-title::before {font-family: 'mimiconfont'; content: '\e96a';
  transform: rotate(270deg); right:6px;}


/*Map Popup [Start]*/
body .H_ib_body {
  background: #fff;
     right: -138px !important;
    bottom: 35px;
  padding: 10px 20px 10px 10px; 
  box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 40%);
}
body .location-map  .H_ib_body  {   right: -138px !important; bottom: 50px;}



body .H_ib_body:after { 
  position: absolute;
  left: 0;
  bottom: -15px;
  content: '';
  width: 0; 
  height: 0;
  border-top: 15px solid #fff;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  left: 50%;
  transform: translate(-50%, 0);
}
.map-list-box {
  width: 95%;
}
body.contact-us .H_ib_body {
  width: 280px;
  right: 50% !important;
  transform: translateX(50%);
  bottom: 3em;
}
body .H_ib_tail {
  display: none;
}
.popupadd {
  color: #323232;
}
h2.mappop-title {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 0px;
  text-transform: capitalize;
}
.map-name, .mapinnerbox_title{
  padding: 0 0 8px 0;
  font-size: 16px;
  font-family: var(--body-font);
  font-weight: 600;
}
.map-address {
  padding: 0 0 10px 0;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 13px;
}
.map-phone {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 13px;
}
.map-phone a {
  color: #282828;
}
.map-phone a:hover, .map-phone a:focus {
  text-decoration: none;
}
#gmap_canvas a.mapinnerbox_btn {
  border-bottom: 1px solid #5e7939;
}
.contact-form-wrapper a.mapinnerbox_btn {
  display: none;
}
.popup-phone {
  color: #323232;
}
.location a.mapinnerbox_btn, .loactionmap-box a.mapinnerbox_btn {
  display: none;
}
body svg.H_icon {
  fill: #1f262a;
}
body svg.H_icon:hover, body svg.H_icon:focus {
  fill: #95885a;
}
body .H_zoom svg.H_icon,
body .H_ctl svg.H_icon {
  fill: #fff;
}
 body #thigstodo_content .H_zoom svg.H_icon, body #thigstodo_content .H_ctl svg.H_icon {
    fill: #1f262a;
}
.mapinnerbox_title {
  color: #222;
  font-size: 16px;
}
.mapinnerbox_snippet, .mapinnerbox_address {
  color: #222; 
}

.H_ui { font-family: var(--body-font); }

.mapinnerbox_btn + .mapinnerbox_btn {padding-left: 16px;position: relative;line-height: 1em;}	

.mapinnerbox_btn + .mapinnerbox_btn:before {content: "";position: absolute;left: 8px;top: 1px;width: 1px;height: 10px;background: #555;}


.thingsdetail a.mapinnerbox_btn {
  margin-right: 10px;
  position: relative;
}
.thingsdetail a.mapinnerbox_btn:after {
  content: "";
  background: #000;
  position: absolute;
  right: -8px;
  top: 4px;
  width: 1px;
  height: 10px;
}
.thingsdetail a.mapinnerbox_btn:last-child:after {
  content: none;
  display: none;
}
/*Map Popup [End]*/

/* Read More [start]*/
a.read-more-less-btn, a.learn-more-link, .button-link {
  position: relative;
  color: var(--primary-color);
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}

a.read-more-less-btn.read-less { margin: 12px 0px; }

a.read-more:hover, a.learn-more-link:hover, .button-link:hover,
a.read-more:focus, a.learn-more-link:focus, .button-link:focus{ text-decoration:none}

/* a.read-more:after, a.learn-more-link:after {    content: '';
width: 100%;
background: #2E444D;
position: absolute;
height: 1px;
left: 0;
bottom: 0;
right: 0;
margin: auto;
transition-duration: 0.4s;}

a.read-more:hover:after, a.read-more:focus:after, a.learn-more-link:hover:after, a.learn-more-link:focus:after{content: '';
width: 50%;
background: #2E444D;
margin: auto;}

*/

/*
.read-more:after, .learn-more-link:after, .button-link:after {
content: '\e96a';
position: absolute;
right: -15px;
top:0px;
font-size: 11px;
font-family: 'mimiconfont';
font-weight: 700;
}
.read-more:after {
content: '\e976';
font-size: 8px;
right: -17px;
}
.read-more.active:after {
content: '\e975';
}*/

/*
.icon-bed{ background:url(https://loscabos.grandvelas.com/images_noindex/room.svg) no-repeat;width: 16px;
  height: 14px;
  margin: auto;}
.icon-giftbox{ background:url(https://loscabos.grandvelas.com/images_noindex/special.svg) no-repeat;width: 14px;
  height: 16px;
  margin:0px auto  3px!important;}
.icon-gallery{ background:url(https://loscabos.grandvelas.com/images_noindex/gallery.svg) no-repeat;width: 17px;
  height: 14px;
  margin: auto;}

.footer-sticky-nav-mobile ul.uk-subnav li a:hover .icon-bed, .footer-sticky-nav-mobile ul.uk-subnav li a.navON .icon-bed{ background:url(https://loscabos.grandvelas.com/images_noindex/room-hvr.svg) no-repeat;}
.footer-sticky-nav-mobile ul.uk-subnav li a:hover .icon-giftbox, .footer-sticky-nav-mobile ul.uk-subnav li a.navON .icon-giftbox{ background:url(https://loscabos.grandvelas.com/images_noindex/special-hvr.svg) no-repeat;}
.footer-sticky-nav-mobile ul.uk-subnav li a:hover .icon-gallery, .footer-sticky-nav-mobile ul.uk-subnav li a.navON .icon-gallery{ background:url(https://loscabos.grandvelas.com/images_noindex/gallery-hvr.svg) no-repeat;}
*/


.expand-zigzag a {
  padding-bottom: 0px;
  font: normal normal normal 16px/33px Playfair Display;
  letter-spacing: 0.16px;
  color: #2E444D;
  text-decoration:none

}
.expand-zigzag a:after { content: '';
  width: 100%;
  background: #2E444D;
  position: absolute;
  height: 1px;    left: 0;
  bottom: 0;right:0;  margin:auto;   transition-duration: 0.4s;}
.expand-zigzag a:hover:after, .expand-zigzag a:focus:after { content:''; width: 50%;    background: #2E444D; margin:auto;}
.pos-rel{    position: relative;}
.expand-zigzag .active .zig-less {
  display: inline-block;
}
.full-text, .expand-zigzag .zig-less, .expand-zigzag .active .zig-more {
  display: none;
}
.full-text {
  margin: 10px 0 0 0;
}
.expand-zigzag {
  margin-top: 38px;
}
/* Read More [End]*/

.column31,
.column32,
.column33,
.column21,
.column22 {
  float: none;
  width: 100%;
}
.column31 ul,
.column32 ul,
.column33 ul,
.column21 ul,
.column22 ul {
  margin-bottom: 0;
}
.ul-common .column31 ul,
.ul-common .column32 ul,
.ul-common .column33 ul {
  margin-bottom: 0;
}
.pkg-btn {
  margin-top: 20px;
}
.site-map-wrap ul {
  padding: 0;
  margin-bottom: 20px !important;
}
.sitemappadbottom {
  border-bottom: 1px solid lightgray;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.sitemappadbottom:last-child { border: 0;  margin-bottom: 20px;}

article.box2.sitemappadbottom:last-child {
  border: none;
  margin-bottom: 0;
}
.site-map-wrap.fourofour h1 {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
  padding-bottom: 0px;
  display: block;
}
#gdpr-privacy ul {
  margin: 0;
  padding: 0px 0 0 4px;
}
.gdpr-content h2 {
  margin: 0 0 10px 0;
  font-size: 20px;
}
.gdpr-content h3 {
  margin: 0 0 10px 0;
  font-size: 20px;
}
.gdpr-content .column21 {
  margin-top: 10px;
}
.gdpr-content .column31 {
  margin-top: 15px;
}
.gdpr-content .column22 {
  margin-bottom: 20px;
}
#gdpr-privacy ul li {
  list-style: none;
}
#gdpr-privacy ul li.padbttom {
  padding-left: 0;
}
#gdpr-privacy ul li.padbttom:before {
  content: none;
}
#gdprformsection label {
  width: auto;
  margin-right: 5px;
  display: inline-block;
  margin-bottom: 10px;
}
#gdprformsection input {
  max-width: 100%;
  width: 270px;
  font-size: 16px;
  letter-spacing: .3px;
  line-height: 26px;
  position: relative;
  border: 1px solid #c3c3c3;
  border-radius: 0;
  height: 50px;
  padding: 6px 12px;
  font-family: var(--text-fonts);
  vertical-align: top;
  margin: 0;
}
#gdprformsection #gdprsubmit {
    max-width: none;
    width: auto;
    cursor: pointer;
    border: 0;
    background-color: var(--secondary-color);
    color: #fff;
    cursor: pointer;
    box-sizing: border-box;
    display: inline-block;
    font-family: var(--cond-robot-font);
    font-size: 18px;
    height: 50px;
    letter-spacing: 0.9px;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    padding: 0 25px;
    vertical-align: middle;
    margin: 0;
}
	
#gdprformsection #gdprsubmit:hover, #gdprformsection #gdprsubmit:focus {
    background: #908064; color: #fff;
}

#gdprformsection #gdprmsg {
  position: absolute;
  margin-top: 20px;
}

.accessibility h2 {
  margin-bottom: 10px;
}
#gdprformsection {
  margin-top: 20px;
}
.ada-confirmation .gdpr-content ul {
  padding: 0 0 0 20px;
  list-style: disc;
}
.ada-confirmation h2 {
  margin: 10px 0;
}
.ada-confirmation .boxspacer {
  height: 20px;
}
.quickrfp-form{ padding:60px 0}
#gdpr-emailoffer {
  margin-top: 12px;
  line-height: 24px;
  font-size: 16px;
  padding: 10px 0 20px;
  font-weight: normal;
}
.commentcoderow {
  margin-top: 15px;
}
.mbt-30 {
  margin-top: 30px;
}
.commentcoderow .google-captcha-code {
  margin-right: 15px;
  display: inline-block;
  position: relative;
  margin-bottom: 0px;
}
.contact-thanks .excontainer,
.email-thanks .excontainer {
  padding: 0;
}
.commentcoderow .commentcodecol5 {
  margin-top: 13px;
  display: inline-block;
}
#rfpform .ada-datepicker {
  position: relative;
}
#rfpform .ada-datepicker button {
  width: 28px;
  top: 10px;
  right: 8px;
  border: 1px solid transparent;
  cursor: pointer;
}
#rfpform .ada-datepicker button:hover,
#rfpform .ada-datepicker button:focus {
  border-color: #000;
}
.er-maindiv {
  width: 100%;
  clear: both;
  display: table;
  margin-top: 25px;
}
.ada-datepicker {
  position: relative;
}
button.ui-datepicker-trigger {
  width: 28px;
  height: 28px;
  display: inline-block;
  position: absolute;
  top: 8px;
  right: 12px;
  border: none;
  background: transparent;
  padding: 0;
  border: 1px solid transparent;
  cursor: pointer;
}
button.ui-datepicker-trigger:hover,
button.ui-datepicker-trigger:focus {
  border-color: #000;
}

/*FAQ Section [start]
.faq li {
border-top: 1px solid #c5c5c5;
padding: 20px 0;
}
.accordion-container .faq li {
border-bottom: 1px solid #c5c5c5;
}
.faq .uk-accordion-content li {
padding: 0;
border-top: none;
}
.location .faq .uk-accordion-content li {
padding: 0;
border-top: none;
padding-left: 20px;
padding-bottom: 5px;
}
.faq a.uk-accordion-title {

line-height: normal;
font-size: 24px;
position: relative;
padding-top: 0;
padding-bottom: 0;
border-bottom: none;
color: #202a31;

}
.faq a.uk-accordion-title h3 {
margin-bottom: 8px;
}
.faq a.uk-accordion-title:hover,
.faq a.uk-accordion-title:focus,
.faq li.uk-open a.uk-accordion-title {
border: none;
color: #953231;
}
.covid-accordian h2 {
margin-bottom: 20px;
}
.faq .uk-accordion-content {
margin-top: 15px;
margin-bottom: 15px;
}
.faq .uk-accordion-content ul {
padding-left: 0;
margin-bottom: 0;
margin-top: 0;
}
.faq a.uk-accordion-title:after {
content: "\e90c";
font-family: 'mimiconfont' !important;
color: #202a31;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
font-size: 16px;
font-weight: bold;
text-shadow: 1px 1px 1px #fff;
}
.faq li.uk-open a.uk-accordion-title:after {
content: "\e90d";
color: #953231;
}
.faq a.uk-accordion-title:hover:after,
.faq a.uk-accordion-title:focus:after,
.faq a.uk-accordion-title:hover h3,
.faq a.uk-accordion-title:focus h3,
.faq li.uk-open a.uk-accordion-title h3 {
color: #953231;
}
FAQ Section [End]*/

.totop {
  position: fixed;
  right: 5px;
  width: 45px;
  text-align: center;
  height: 45px;
  border-radius: 50%;
  bottom: 15px;
  display: none;
  z-index: 1;
}
.totop svg {
  display: none;
}
.totop a span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
}
.totop a {
  color: #fff;
  padding: 0;
  display: block;
  line-height: 41px;
  height: 46px;
  background-color: #000;
  border: none;
  border: 2px solid #000;
  width: 46px;
  border-radius: 50%;
  font-weight: bold;
}
.totop a:hover,
.totop a:focus {
  background: #fff;
  color: #000;
  border-color: #000;
}

.email-offers .main-content img {
  width: 100%;
}
.er-contentbox-wrap {
  width: 100%;
  float: left;
  margin: 0 0 10px 0;
  position: relative;
  text-align: center;
}
.er-or {
  text-align: center;
  margin: 20px 0;
}
.er-back {
  text-align: center;
}

.review-margin {
  border-bottom: 1px solid #dddddd;
}
.formslable {
  display: none !important;
}
a.has-link {
  text-shadow: 0 0 1px;
}
body.booking-click-page #teconsent {
  display: none !important;
}
.viewlargediv a {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.viewlargediv a:hover, .viewlargediv a:focus {
  border-bottom: 1px solid #000;
}
.goback {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 30px 0;
}
.intro-content .goback h2 {
  margin: 0;
}


/* UI Datepicker */
.ui-datepicker, .ui-datepicker table, .ui-widget-content .ui-state-default, .ui-datepicker-month, .ui-datepicker-year {
  font-family: 'Raleway', sans-serif;
  font-size: 14px !important;
  color: #000;
}


.intro-bold-text {
  color: var(--text-color);
  font-size: 22px;
  font-weight: 700;
  font-family: var(--body-font);
  margin: 0;
  padding-bottom: 10px;
  text-transform: capitalize;
}



.section-title  {
  font-family: var(--second-heading-font);
  font-size: 52px;
  line-height: 52px;
  color: #fff;
  font-weight: 400;
  position: relative;
    z-index: 1;
}

.section-title  span {
  color: var(--primary-color);
  font-style: italic;
}
.section-title {
  margin: 10px auto 92px;
}

.uk-transition-toggle:focus-within [class*=uk-transition-slide]{
  opacity: 1;
  transform: translate(0, 0);
}

.beyond-slider-arrows{ position: absolute; display: block;  width: 100%; top: 38px;}




.ul-column > li, .tab-description ul > li, .ttd-detail-section ul li, .data-protection-policy ul li, .gdpr_privacy_content ul li, .sitemap-content ul li {
  position: relative;
  padding-left: 20px;
}


.ul-column > li:before, .tab-description ul > li:before, .ttd-detail-section ul li:before, .data-protection-policy ul li:before, .gdpr_privacy_content ul li:before, .sitemap-content ul li:before {
  content: "";
  position: absolute;
  left: 0;
  height: 5px;
  width: 5px;
  background: var(--text-color);
  border-radius: 50%;
  top: 11px;
}

.button-set .button-primary:first-child {
  margin-right: 20px;
}


.subscribebox {
  font-family: var(--heading-font);
  font-weight: 200;
  font-size: 28px;
  text-transform: uppercase;
  text-align: center;
}

.subbutton .mim-icon-close-envelope {
  font-size: 40px;
  display: inline-block;
  position: relative;
  top: 7px;
  color: var(--primary-color);
  margin-right: 5px;
  line-height: 0;
}

.footer-logo .imagebox {
  display: inline-block;
  margin-right: 15px;
}
.footer-logo .imagebox:first-child, .footer-logo .imagebox:last-child {
  margin-right: 0;
}


.footer-logo {
  text-align: center;
  padding: 30px 0 20px;
}

.footer-logo .imagebox a {
  display: block;
  border: 1px solid transparent;
}

.footer-logo .imagebox a:hover, .footer-logo .imagebox a:focus {
  border-color: #fff;
}

.hotel-details {
  max-width: 335px;
}

footer .mexiconumber, footer .hotel-state, footer .us-number {
  display: block;
}
.powered-by-milestone {
  background: #000;
  text-align: center;
  padding: 15px 20px;
  color: #fff;
  font-size: 11px;
}

.powered-by-milestone a {
  color: #fff;
}

.powered-by-milestone a:hover, .powered-by-milestone a:focus {
  text-decoration: underline;
}

/*

.custom-control  a.uk-slidenav  {
border: 2px solid rgba(0,0,0,.3);
color: #555;
border-radius: 50%;
width: 52px;
height: 52px;
text-align: center;
line-height: 57px;
opacity: 1;

padding: 0;
position: relative;
}

.custom-control.big-arrow a.uk-slidenav {
width: 72px;
height: 72px;
}
.custom-control.white-arrow  a.uk-slidenav {
border-color:#fff;
color: #fff;
}
.custom-control a.uk-slidenav svg {
width: 8px;
opacity: 1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.big-arrow a.uk-icon:after {content: "\e96a";font-family: 'mimiconfont' !important;font-weight: bold;opacity: 1;}
*/

.uk-slidenav svg {
  display: none;
}
.uk-slidenav {
  font-size: 52px;
}
.big-arrow .uk-slidenav { font-size: 72px; color:#fff;}
.big-arrow .uk-slidenav:hover, .big-arrow .uk-slidenav:focus {
    color: #95885a;
}


/*--- Footer ---*/

footer {background-color: #131313; padding: 78px 0; font-size: 11px; line-height: 24px;}
.inner-page footer, .innerpage-without-banner footer{padding:0 0 80px;}

footer select {
  background: #0a0a0a;
  border: 0;
  color: #fff;
  height: 45px;
  padding: 0 0 0 15px;
  border: solid 1px #484848;
  appearance: none;
}

.footer-title{ color: #fff;
  font-size: 26px;
  line-height: normal;
  margin: 0 auto 45px;
  text-align: center;
  text-transform: uppercase;
  font-family: var(--heading-font);
  font-weight:200;
}


.web-blocks {position: relative;}

.web-title {
  top: 0;
  font-size: 15px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1;
  background-color: rgba(0,0,0,.5);
  vertical-align: middle;
  height: 100%;
  box-sizing: border-box;
  padding-top: 52px;
}

.web-title:hover {
  background-color: rgba(0,0,0,.2);
}

.web-title img { width: auto;}

.footer-menu-title {
  display: block;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
  padding-bottom: 10px;
  font-family: var(--heading-font);
  font-weight: 500;
}

footer a.nav { color: #959595; }
footer a.nav:hover, footer a.nav:focus, footer a.nav.navON { color: #fff; }
footer a:hover, footer a:focus { color: #ffffff; }

footer .subscribe-para { color: #959595; margin-bottom: 22px;}
.hotel-adress {
  color: #959595;
}

.subscribebox a {  background: rgba(0, 0, 0,0.6); } 

footer .hotel-adress a, .other-phone-sec, .hotel-email, footer a, .review-f, .hotel-email {
  color: #959595;
}

footer .hotel-adress a:hover, footer .hotel-adress a:focus{ color:#ffffff;}

.footer-social-link{display:none;}
#quick-signup {
  box-sizing: border-box;
  height: 37px;
  line-height: 33px;
  padding: 0 10px;
  text-align: left;
  width: 170px;
  text-transform: capitalize;
  background: #0a0a0a;
  border: 1px solid #484848;
  font-family: var(--body-font);
  font-size: 12px;
  margin: 0;
  color: #ffffff;
}

#quick-signup span {
  font-size: 9px;
  margin-left: 10px;
}
/*--- Footer ---*/

.read-more a {
  display: block;
  color: var(--primary-color);
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
}
.read-more a:hover, .read-more a:focus {
  color: #333333;
}

.read-more .mim-icon-add-plus, .read-more .mim-icon-substract, .read-more-less-btn .mim-icon-substract  {
  font-size: 10px;
  padding-left: 5px;
}
.read-more {
  /*margin: 10px 0 5px;*/
  padding: 10px 0 5px;
  /* display: inline-block; */
}


/*-----General tab section-------*/
.uk-tab>*>a {
  padding: 15px;
  color: #282828;
  letter-spacing: 1.4px;
  font-family: var(--heading-font);
  text-transform: uppercase;
  position: relative;
  font-size: 14px;
  display: block;
  transition: all .4s ease;
  font-weight: 700;
  border: 0;
}


.uk-tab>*>a:after {
  content: '';
  background: var(--secondary-color);
  height: 3px;
  width: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  opacity: 0;
  transition: all .4s ease;
}

.uk-tab>.uk-active>a:after {
  opacity: 1;
  width: calc(100% - 30px);
  width: -webkit-calc(100% - 30px);
}
.uk-tab>*>a:focus, .uk-tab>*>a:hover {
  color:var(--secondary-color);
}

.uk-tab::before {
  border-bottom: 1px solid var(--secondary-color);
}
.uk-tab {
  justify-content: center;
}
/*-----end of General tab section-------*/

.uk-checkbox {
  padding: 0;
}
.privacy-checkbox {
  margin: 20px 0;
  font-weight: normal;
  font-size: 14px;
  position: relative;
  padding-left: 25px;
}
.privacy-checkbox .checkbox {
  position: absolute;
  left: 0;
  top: 4px;
  margin: 0;
}
#gdpr-privacy h3 {
  font-size: 22px;
  margin: 10px 0;
}
div#thirdparty-data {
  margin-top: 10px;
}

#gdpr-privacy {
  padding-bottom: 30px;
}
#gdpr-privacy .column21, #gdpr-privacy .column22 {
  margin: 15px 0;
}
.data-protection-policy-pg {
  padding-top: 30px;
}

#divsiteabandonment .sub-title {
  color: #000000 !important;
}

#divsiteabandonment .home-popup-title {
  font-size: 23px !important;
}
#divsiteabandonment a.button:link, #divsiteabandonment a.button:visited {
  box-shadow: none !important;font-family: var(--cond-robot-font) !important;font-weight: normal !important;font-size: 18px !important;height: 54px!important; line-height:30px!important; border-radius: 0 !important;
}


#divsiteabandonment .iconclose:hover, #divsiteabandonment .iconclose:focus {
    border: 2px solid #000000;
}



img#ms_cms_editbar_component_img {width: auto;}

.uk-close:focus, .uk-close:hover {
    color: #fff;
}

footer .logo-legend{ display:none;} 



/*-- bottom faq section --- */
.home-faq-part { padding: 0px 5% 0 7%; text-align: left;}


.home-faq-tile {
    position: absolute;
    background: #000;
    padding: 30px;
    width: 320px;
    right: -9%; 
}

.home-faq-section .home-faq-image img { object-fit: cover; width: 100%;}

 .home-faq-title{   color: var(--primary-color);
    font-family: var(--heading-font);
    font-size: 42px;
    text-transform: uppercase;
    line-height: 38px;
    font-weight: 700;
    padding: 34px 0 40px;
}

.home-faq-heading-para{ font-family: var(--second-heading-font);
    font-size: 16px;    line-height: 26px;     font-weight: 400;}

.qna-detail span.faq-name {  margin-left: 10px;}

.qna-detail .uk-accordion-title {
    font-size: 16px;
    line-height: 22px;
    text-transform: none;
    font-weight: bold;
    padding-top: 25px;
    position: relative;
    display: flex;
}
.qna-detail .uk-accordion-title:hover, .qna-detail .uk-accordion-title:focus,
.qna-detail .uk-accordion-title:hover:before, .qna-detail .uk-accordion-title:focus:before{
    color: #908064;
}

/*-- bottom faq section --- */



@media all and (min-width: 768px) {
  .commentcoderow {
    padding: 0;
  }
  


}
@media all and (min-width: 960px) {
  .footer-sticky-nav-mobile { display: none;}
  .innerintro-content {
    padding: 10px 0 50px 0;
  }
  
 .sitemap-pg .innerintro-content {
    padding-bottom: 0;
}
  .container820 {
    max-width:810px;
  }
  .container945 {
    max-width: 985px;
  }
  .container980 {
    max-width: 980px;
  }
  .container1000 {
    max-width: 1000px;
  }
  .container1240 {
    max-width: 1280px;
  }
  .container1570 {
    max-width: 1570px;
    margin: 0 0 0 auto;
    padding: 0 0 0 20px;
  }
  .container1080 {
    max-width: 1080px;
  }
  .uk-width-1-12 {
    width: 8.333%;
  }
  .uk-width-2-12 {
    width: 16.666%;
  }
  .uk-width-3-12 {
    width: 25%;
  }
  .uk-width-4-12 {
    width: 33.333%;
  }
  .uk-width-5-12 {
    width: 41.666%;
  }
  .uk-width-6-12 {
    width: 50%;
  }
  .uk-width-7-12 {
    width: 58.333%;
  }
  .uk-width-8-12 {
    width: 66.666%;
  }
  .uk-width-9-12 {
    width: 75%;
  }
  .uk-width-10-12 {
    width: 83.333%;
  }
  .uk-width-11-12 {
    width: 91.666%;
  }
  .snippet-head {
    margin-bottom: 26px;
  }
  .dining-content h2 {
    font-size: 30px;
  }
  .moreless {
    display: none;
  }
  #breadcrumb {
    display: block;
  }

  .expand-zigzag {
    margin-top: 34px;
  }
  div#middle {
    position: relative;
    z-index: 2;
    /*	background: #000; */
  }
  .excontainer {
    padding: 50px 0;
  }
  .mbt-50 {
    margin-top: 50px;
  }
  .common-wrapper {
    padding: 50px 0;
    background: #f2ebe3;
    position: relative;
  }
  .email-offers .common-wrapper {
    background: #fff;
    padding: 30px 0;
  }
  .thingsdetail div#breadcrumb {
    padding-top: 18px;
  }
  .column31,
  .column32,
  .column33 {
    width: 32%;
    padding-right: 10px;
    float: left;
  }
  .column33 {
    float: right;
    padding-right: 0;
  }
  .column21,
  .column22 {
    float: left;
    width: 48%
  }
  .column22 {
    float: right;
  }
  #gdpr-privacy h2 {
    margin: 0 0 10px 0;
    font-size: 26px;
  }
  #gdpr-privacy h3 {
    margin: 0 0 10px 0;
    font-size: 24px;
  }
  .oh {
    border-right: 1px solid #323232;
    font-size: 25px;
    margin-right: 12px;
    padding-right: 15px;
  }
  .errTop {
    font-size: 18px;
    text-align: center;
  }
  #gdpr-privacy .column21, #gdpr-privacy .column22 {
    /*margin: 15px 0;*/
  }
  .ada-confirmation h2 {
    font-size: 26px;
  }
  #wrapper {
    padding: 0;
  }
  .boxspacer {
    display: block;
  }
  .er-contentbox-wrap {
    width: 24%;
    margin: 0 1.33% 0 0;
  }
  .er-maindiv .er-contentbox-wrap:nth-child(4) {
    margin: 0;
  }



  #gdpr-privacy {
    padding-bottom: 50px;
  }

  .data-protection-policy-pg {
    padding-top: 0;
  }
}
@media all and (min-width: 1024px) {
  .totop {
    display: none;
  }

  footer {
    padding-top: 0;
  }

}
@media all and (max-width: 639px) {
  #gdprformsection input {
    display: block;
    margin-bottom: 20px;
  }
  
 .weddings .innerintro-content .button-primary{
  	height: unset;
   min-height: 45px;
  }

}


.menu_img{width:610px; height:610px;background-size: cover; float:right}

.home-image-slider.uk-position-cover:before {
  content: '';
  background: transparent linear-gradient(180deg, #000000 0%, #0000000A 57%, #00000000 100%) 0% 0% no-repeat padding-box;    
  opacity: 0.84;    position: absolute;
  z-index: 9;
  display: block;
  width: 100%;
  height: 100%;
}
.home-image-slider.uk-position-cover:after {
  content: '';
  background: transparent linear-gradient(0deg, #000000 0%, #0000000A 57%, #00000000 100%) 0% 0% no-repeat padding-box;    
  opacity: 0.84;    position: absolute;
  z-index: 9;
  display: block;
  width: 100%;
  height: 100%;bottom:0
}
@media (max-width: 767px) {
  #chat-mitrol{bottom:70px !important;}
  
  
  
  .rfp-frmfieldset, .form__group {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  .rfp-frmfieldset-right {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  .rfp-frmfieldset-middlewithright {
    width: 100%;
    float: none;
  }
  .commentmodulebtn {
    display: inline-block;
    vertical-align: middle;
    padding-left: 0;
  }
  .commentcoderowmodule {
    margin-right: 20px;
    margin-bottom: 15px;
  }
  .rfp-frmfieldset.con-text {
    width: 100%;
    float: none;
    clear: both;
  }


  .section-title  {
    font-size: 35px;
    font-size: 40px;
  }

}
@media (max-width: 460px) {
  .uk-tab>* {padding-left: 2px;}
}

.amenities-accordian{ padding:60px 0;}
.amenities-accordian .accordion-main-title{  border-top: 1px solid #ccc;
  padding: 20px 0;}
.amenities-accordian .accordion-main-title:last-child {
  border-bottom: 1px solid #ccc;
}
.accordion-main-title li {
  list-style: disc inside;
}
.accordion-main-title li a {
  color: #2e444d;
  font-weight: normal;
}
.accordion-main-title li a:hover, .accordion-main-title li a:focus {
  text-decoration: underline; 
}
.feature-snippet-wrap{    padding: 60px 0;}
.venue-btn{  padding: 0 0 60px 0; text-align:center}
.request-btn{  padding:60px 0; text-align:center}


.product-tab-details h2{font-size: 23px;
  letter-spacing: 0.5px;}
.product-tab-details p { margin:2px 0 0 0 !important;padding:0 !important;}
.product-tab-details h3{font-size: 20px; font-weight:normal;
  letter-spacing: 0.5px;}
.product-tab-details ul{padding:0px 0 0 24px !important;margin:2px 0 0 0 !important; }
.product-tab-details h3{padding-left:0px;margin-top: 10px!important;
  margin-bottom: 10px;}

.attraction-tab-main{padding:0 0 60px 0}
.more svg{margin: -4px 0 0 0;}

/*

.video-icon {
background: url(https://loscabos.grandvelas.com/images_noindex/video.svg);
width: 80px;
height: 80px;
display: block;
position: absolute;
z-index: 999;
top: 50%;
left: 0;
right: 0;
margin: auto;
text-align: center;
transition: all 0.4s ease 0s;
}
.video a:hover .video-icon, .video a:focus .video-icon {
transform: scale(0.8);
}
*/
.H_ib_tail {
  bottom: 0em !important;
}

button, .button  {
 /* font-weight: normal !important; */
}

.thanks-section {
  padding: 60px 0;
  max-width: 650px;
  text-align: center;
}
.wedding-menu-btn{margin-top:0;}

.oh {
  border-right: 1px solid #323232;
  font-size: 25px;
  margin-right: 12px;
  padding-right: 15px;
}
.errTop {
  padding: 20px 20px 20px;
  font-size: 18px;
  text-align: center;
}
.er-or {
  text-align: center;
  margin: 20px 0;
}
.er-back {
  text-align: center;
}
.boxspacer {
  display: block;
  height: 20px;
}
.snippet-404-link {
  text-align: center;
  padding-top: 5px;
}
.with-style{    padding: 0 0 0 18px}
.wedding-reasons-slider .image-explore{  position: relative;   height:auto;}
.image-explore{  position: relative;   height:516px;}
.image-explore:before {
  background: transparent linear-gradient(0deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;
  content: '';
  width: 465px;
  height:200px;
  display: block;
  position: absolute;
  right: 21px;
  /* left: 0; */
  /* margin: auto; */opacity: 0.65;bottom:0
}

@media (max-width: 960px) {
  #ui-datepicker-div {
    z-index: 999999 !important;
    }
  
  .mob-inquerybtn .button {
    height: 60px;
    line-height: 60px;
  }
  .image-explore{ height:inherit;}
  .image-explore:before{ content:inherit;}
}
@media (max-width: 959px) {

  label { font-size: 14px;}

  span.review-cal-icon.mim-icon-small-calendar{ display:none}
  a#backtotop{ display:none}
  .image-explore:after{ content:inherit;}
  .video-icon {width: 61px;
    height: 61px;background-size: 61px;
  }
}

.quickrfpbox .commentcodecol5{ margin:0}
.wedding-tab-section > .container1240 {
  position: relative;
  z-index: 1;
}
#mainimage img {
  width: 100%;
}

.accordion-main-title li a{    position: relative;}
.accordion-main-title li a:after {
  content: "";
  height: 1.5px;
  position: absolute;
  bottom: 0px;
  left: 0%;
  background: #2e444d;
  width: 0px;
  border-radius: 2px;
  transition-duration: 0.4s;
}

.page-name{
  margin: 0 0 11px 0;
  letter-spacing: 2.56px;
  color: #2E444D;
  text-transform: uppercase;}


.dining-content, .venue-text {/*margin-bottom: 20px;*/}
.dining-content {margin-bottom: 20px;}


@media all and (max-width: 1025px) {

  .menu_img {
    width: 350px;
    height: 350px;}
}


#mobile-menu-modal .uk-modal-full .uk-modal-dialog{ height:100vh}


#mobile-menu-modal .uk-modal-dialog{height:100vh !important;}

@media(max-width:959px){

  .reservation-form .uk-select:not([multiple]):not([size]){    line-height: 30px;}
  .call-section a:hover{color:#AFAA9C }


  #modulelinks-mob .nav-tabs ul li:first-child{padding-left:0}
  #modulelinks-mob .nav-tabs ul a {
    color: #222;
    padding: 10px;
    position: relative;
  }


  #modulelinks-mob .nav-tabs ul li .navON::after {
    width: auto;
    bottom: -1px;
  }
  #modulelinks-mob .nav-tabs ul li a:focus::after, #modulelinks-mob .nav-tabs ul li a:hover::after {
    width: auto;
    bottom: -1px;
  }
  .modulel-dropdown.modulelMenu {
    display: none;
  }

  #modulelinks-mob.pushItDown{margin-top:0 !important;}

  .inner-page footer, .innerpage-without-banner footer{padding:40px 0 70px;}
  
}
@media screen and (max-width:1200px){
  #modulelinks-mob .nav-tabs ul li{padding-left:12px}
  .modulel-dropdown.modulelMenu{display:block}
  #modulelinks-mob .modulelMenu a {
    display: block;
    padding: 13px 22px 10px;
    background: #d3b5a3;
    font-size: 15px;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: #44443c;
    /* border-bottom: 1px solid #0f2948; */
  }
  #modulelinks-mob .modulelMenu a .mim-icon-right-arrow2{float:right;transform:rotate(90deg);transition:all ease .5s;    font-weight: bold;
    margin: 7px 0 0 0;}
  .modulelink-active .modulelMenu a .mim-icon-right-arrow2{transform:rotate(-90deg)!important}
  #modulelinks-mob .nav-tabs ul{display:block;padding-top:1px}
  #modulelinks-mob .nav-tabs ul a {
    text-align: left;
    display: block !important;
    box-sizing: border-box;
    border: none !important;
  }
  #modulelinks-mob .nav-tabs ul li a:focus::after, #modulelinks-mob .nav-tabs ul li a:hover::after {
    display: none;
  }
  #modulelinks-mob .nav-tabs ul li:first-child{padding-left:12px!important}
  .modulelink-active .nav-tabs {
    display: block !important;
  }
  #modulelinks-mob .nav-tabs{display:none; 	position: absolute;
    width: 100%;
    left: 0;
    top: 49px;}
  #modulelinks-mob .nav-tabs ul li .navON:after{left:initial}


  .web-blocks .web-title img{max-width:150px;}
  .web-title {padding-top: 43px;}
.web-blocks .web-title img { max-width: 150px;}
}

@media screen and (max-width:1024px){
  footer {
   
  }

}

@media screen and (max-width:959px){
  
  .powered-by-milestone {padding: 15px 20px 80px;}
  
  .mobibookstay {
    background: #a4957d;
    width: 100%;
    position: fixed;
    bottom: 0;
    font-weight: normal;
    padding: 21px!important;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 1.8px;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    height: 60px;
}
  
  #modulelinks-mob{top:59px!important}

  h1 {  font-size: 32px;  line-height: 32px;  margin-bottom: 15px; font-weight:300;}
  .mobile h3 {
    color: white;
    /* font-size: 1rem; */
    /* line-height: 20px; */
    text-transform: initial;
    font-size: 22px!important;
    line-height: 25px!important;
  }

  h3 {font-size: 22px; line-height: 25px;}

  .big-arrow .uk-slidenav {font-size: 40px;}
  .uk-slidenav { font-size: 40px;}




  .footer-sticky-nav-mobile {position:fixed; display:block; bottom:0; left:0; right:0; z-index:99;}
  .footer-sticky-nav-mobile ul.uk-subnav {display:flex; margin:0;}
  .footer-sticky-nav-mobile ul.uk-subnav li {flex:1; border-right: 1px solid #161616; padding: 0;}

  .footer-sticky-nav-mobile ul.uk-subnav li:last-child {border-right: 0px solid #161616;}

  .footer-sticky-nav-mobile ul.uk-subnav li a {
    padding: 14px 0 10px;
    background: #000000;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    font-weight: bold;
    height: 70px;
    box-sizing: border-box;
  }
  /*.footer-sticky-nav-mobile ul.uk-subnav li a:hover {background:#fff; color:#007DB8;}*/
  .footer-sticky-nav-mobile ul.uk-subnav li a span {
    display: block;
    color: #968455;
    font-size: 17px;
    margin-bottom: 5px;
  }
  .footer-sticky-nav-mobile ul.uk-subnav li a.btn-book-now {
    padding: 22px 12px;
    color: #FFF;
    font-size: 17px;
    background:  var(--secondary-color);
    letter-spacing: 1px;
    padding-top: 22px;
  }

  .footer-sticky-nav-mobile ul.uk-subnav li a:hover.btn-book-now {color: #fff; background: #908064;}
  .footer-sticky-nav-mobile .navON, .footer-sticky-nav-mobile .navON span:before{
    color: #73602e !important;
  }
  footer {padding: 40px 0 10px;}
  .footer-social-link {display: block; margin:0 auto 20px}
  .footer-subscribe-offer { display: none;}
  .visit-our-website { display: none;}
  .footer-image-block {display: none;}
  .hotel-details {max-width:100%; text-align: center; font-size: 13px;}

  .footer-social-link a { color: #fff; font-size: 18px;}

  footer .subscribe-para {font-size: 13px;} 
  .footer-image-block>div{margin-bottom:30px;} 

  .innerintro-content { padding: 30px 0;}
  .sitemap-pg .innerintro-content {
    padding-bottom: 10px;
}
  .slider-snippet .slider-part {  margin: 15px 0 30px;} 

  .button-primary {padding:13px 15px;}
  /* .dining-content, .venue-text {  margin-bottom: 0px;} */

  .intro-bold-text {
    font-size: 18px;
  }


}




.uk-accordion-content::after { clear: both; }
.uk-accordion-content::after, .uk-accordion-content::before { content: ""; display: table; }
.uk-accordion-content::after, .uk-accordion-content::before { content: ""; display: table; }





.rfp-frmfieldset .uk-input, .rfp-frmfieldset .uk-select, .rfp-frmfieldset .uk-textarea, .field-wrap input, .field-wrap select, .field-wrap textarea {
  border: none;
  border-bottom: 1px solid #2e444d;
}
.btn a.learn-more-link.sec-btn {
  border: none;
  padding: 0;
  min-width: inherit;
  font-size: 16px;
  line-height: 33px;
  height: auto;
  background-color: transparent !important;
  color: #2e444d !important;
}
#amenity ul, #amenity ul li {
  list-style: inside;
}
#amenity h3 {
  padding-bottom: 15px;
}
#amenity .with-style.accordion-main-title {
  padding-bottom: 30px;
  padding-left: 0;
}
#amenity em {
  color: inherit;
  font-size: 14px;
  line-height: 18px;
  display: block;
}
#amenity p {
  margin-top: 0;
  margin-bottom: 29px;
}


/* Dining Slider css */
/* .dining-slider-box { height: 385px;} */

.dining-slider-box .uk-slideshow-items { position: relative;}


.slider-content {
  /*width: 70%;*/
  width: calc(100% - 165px);
  padding: 10px;     margin-bottom: 15px;     z-index: 2;
}

.slider-content h3, .slider-content p { color:#ffffff;}
.dining-slider-box .slider-content h3 { margin-bottom: 12px!important; }
.dining-slider-box .slider-content p { line-height: 22px; }

.dining-slider-arrow {
  position: absolute;
  bottom: 11%;
  /*width: 20%;*/
  width: 150px;
  right: 0;
}

.dining-slider-arrow .uk-slidenav { font-size: 40px;  color: #ffffff;}

.dining-slider-arrow .uk-slidenav:hover, .dining-slider-arrow .uk-slidenav:focus {
  color: #95885a;
}



.dining-slider-box .uk-slideshow-items li:before {
  position: absolute;
  bottom: 0;
  content: "";
  width: 100%;
  height: 45%;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
  z-index: 1;
}

/* .dining-left-box .secondary-subheading {
  font-size: 29px;
  line-height: 29px;
  font-family: var(--second-heading-font);
  color: #333;
  font-weight: normal;
} */

/*
.secondary-mainheading.contentfocus {
font-size: 15px;
color: #9f946d;
text-transform: uppercase;
margin-top: 5px;
margin-bottom: 25px;
font-weight: 600;
}
*/

/* Dining Slider css */

.small-title {
  font-family: var(--second-heading-font);
  display: block;
  font-size: 17px;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 18px;
  letter-spacing: .14em;
  margin-bottom: 10px;
}

.white-text{color:#ffffff;}



@media screen and (max-width:767px) {
  
  .button-primary, .button {  /* height: 40px;  line-height: 40px; */ padding: 13px 30px;}
  
  
  .slider-content {
    width: 100%;
    margin: 0;
    max-width: 100%;
    padding: 25px;
    background: #000;
  }

  .footer-image-block{display:none;}
  /* .footer-link-desk{display:none;}*/
  .footer-logo { display: none; }
  .footer-link-desk{text-align:center;}
  .footer-about{text-align:center; margin-bottom: 40px;}
  .footer-menu-title, .footer-ul, .footer-link-desk{text-align:center;}



  .uk-slidenav .mim-icon-up-arrow, .uk-slidenav .mim-icon-previous-arrow{
   background: var(--primary-color);
    border-radius: 50%;
    border: 2px solid var(--primary-color);
    color: #fff;
  }
  .uk-slidenav, .uk-slidenav:focus, .uk-slidenav:hover {
    color: #fff;
  }
  .uk-slidenav:hover .mim-icon-up-arrow, .uk-slidenav:hover .mim-icon-previous-arrow {
    background: #908064;
  }
  .dining-slider-arrow .uk-slidenav:hover, .dining-slider-arrow .uk-slidenav:focus {
    color: #fff;
  }
  #divsiteabandonment {
    top: 60px !important;
  }
  #divsiteabandonment .SAband-mobile-number > a {border-radius: 0;border: 0;box-shadow: none;font-family: var(--cond-robot-font) !important;}
}
@media screen and (max-width:639px) {
.footer-ul li {display: inline-block;padding: 0 13px 4px;position: relative;}
.footer-ul li:not(:last-child):after {content: "";height: 15px;width: 1px;background: #4c4744;position: absolute;right: 0;top: 5px;}
.footer-ul li:last-child {padding-right: 0;}
}
/*css  Chirag*/
.green-content {
  border-top: 1px solid #ebe1c0;
  padding: 40px 0 20px;
}
.green-hotel-accordion {
  padding: 20px 40px 50px;
}
.green-hotel-accordion ul ul li {
  padding-left: 20px;
  position: relative;
}
.green-hotel-accordion ul ul li:before {
  content: '';
  height: 4px;
  width: 4px;
  background: var(--text-color);
  position: absolute;
  left: 5px;
  top: 9px;
  border-radius: 50%;
}
.green-hotel-accordion ul p {
  margin: 10px 0 20px;
}
.green-hotel-accordion ul li h3 {
  font-size: 18px;
  line-height: normal;
}
textarea {
  width: 100%;
/*  height: 100px;*/
}

.rfpbox h2 {
  margin-bottom: 50px;
}
.stay-safe-wrap ul li {
  list-style: disc;
  margin-left: 20px;
}
.stay-safe-wrap h3:not(:first-child) {
  margin-top: 40px;
}
@media only screen and (max-width: 767px){
  .green-hotel-accordion{
    padding: 20px 20px 30px;
  }
  .email-offer-rfp {
    padding-bottom: 40px;
  }
  .rfpbox h2 {
    margin-bottom: 20px;
  }
  .stay-safe-wrap h3:not(:first-child) {
    margin-top: 25px;
  }
}
/*end*/



#whatsapp-message {
  position: fixed;
  margin-bottom: 1vh;
  bottom: 135px;
  right: 5px;
  width: 65px;
  height: 65px;
  overflow: hidden;
  visibility: visible;
  z-index: 10;
  background: transparent;
  border: 0px;
  transition: transform 0.2s ease-in-out;
  backface-visibility: hidden;
  opacity: 1;
  transform: translateY(0%);
}

@media only screen and (max-width: 768px){
#whatsapp-message, #livechat-compact-container {
    display: none!important;
}
}


@media only screen and (max-width: 767px){
#whatsapp-message { bottom: 80px; }
}
/* home banner */
.home-banner-main {
    width: 300px;
    height: 300px;
  position: relative;
    border-radius: 100%;
    overflow: hidden;
}
.home-banner-main .home-banner-text {
    position: absolute;
    background: #fff;
    bottom: 0;
    font-size: 11px;
    left: 0;
    right: 0;
    text-align: center;
    word-break: auto-phrase;
    padding: 10px 55px;
    border-radius: 100%;
    display: block;
    overflow: hidden;
    font-size: 18px;
    letter-spacing: -0.9px;
    line-height: 1;
    color: #707070;
    font-family: var(--title-fonts);
}
.home-banner-main .home-banner-text span {
    display: block;
}
.home-banner-main .home-banner-text a {color: #707070; font-size: 12px;  text-decoration: underline; text-shadow: inherit;
}
.home-banner-main .uk-modal.uk-open {
    opacity: 1;
    position: relative;
     padding: 0;
    margin: 0;
}
.home-banner-main a.uk-button.uk-button-default {
    padding: 0;
    position: absolute;
    right: 40px;
}
.home-banner-main-modal {
    width: 300px;
    height: 360px;
     position: absolute;
    right:30px;
    background: transparent;
  left:inherit;
    top: 130px;
    padding: 0;
  
}
.home-banner-main-modal a.uk-button {
    position: absolute;
    right: 0;
    z-index: 1;
    border: 0;
    top: 10px;
}
.home-banner-main a.uk-button.uk-button-default {
    padding: 0;
    position: absolute;
    right: 40px;
    border: 0;
    width: 34px;
    height: 34px;
    background: transparent;
    z-index: 5;
    padding: 0;
    margin: 0;
}
@media screen and (max-width: 640px){
.home-banner-main {
  width: 250px;
  height: 250px;
 
}.home-banner-main-modal a.uk-button {
   right: -20px; }
  .home-banner-main-modal a.uk-button {
  position: absolute;
    right: -20px; }
  .home-banner-main-modal {
  width: 250px;
    height: 310px;}
}
#modal-homepage.home-black-friday {
    z-index: 1;
}
#modal-homepage.home-black-friday a.uk-button{right:30px;}
#modal-homepage.home-black-friday .home-banner-main{
    height: 280px;
    width: 280px;
}

@media screen and (max-width: 640px){ 
  #modal-homepage.home-black-friday {
    z-index: 1;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 20px;
    height: auto;
}
#modal-homepage.home-black-friday .home-banner-main {
    width: 250px;
    height: auto;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 10px;
}}

@media only screen and (max-width: 380px){
#whatsapp-message { bottom: 63px; }
}


#divsiteabandonment a.button:hover {
    background-color: #908064!important;
}

#divsiteabandonment a.button {
    background-color: var(--secondary-color)!important;
}

body #ttd-box .H_ib_body {
    right: -147px !important;
    bottom: 6px;
}

.mfp-content .popup-hp-circle {display: block;}.popup-hp-circle {display: none;}

/* home banner */
.home-banner-main {
    width: 300px;
    height: 300px;
    position: relative;
    border-radius: 100%;
    overflow: hidden;
    margin-left: 0;
}

.home-banner-main .home-banner-text {
    position: absolute;
    background: #fff;
    bottom: 0;
    font-size: 11px;
    left: 0;
    right: 0;
    text-align: center;
    word-break: auto-phrase;
    padding: 10px 55px;
    border-radius: 100%;
    display: block;
    overflow: hidden;
    font-size: 18px;
    letter-spacing: -0.9px;
    line-height: 1;
    color: #707070;
    font-family: var(--title-fonts);
}
.home-banner-main .home-banner-text span {
    display: block;
}
.home-banner-main .home-banner-text a {color: #707070; font-size: 12px;  text-decoration: underline; text-shadow: inherit;
}
.home-banner-main .uk-modal.uk-open {
    opacity: 1;
    position: relative;
     padding: 0;
    margin: 0;
}
.home-banner-main a.uk-button.uk-button-default {
    padding: 0;
    position: absolute;
    right: 40px;
}
.home-banner-main-modal {
    /* width: 300px; */
    /* height: 360px; */
    position: absolute;
    right: 70px;
    background: 0 0;
    left: inherit;
    top: 170px;
    padding: 0;
    z-index: 9;
}

.home-banner-main-modal a.uk-button {
    position: absolute;
    right: 0;
    z-index: 1;
    border: 0;
    top: 10px;
}
.home-banner-main a.uk-button.uk-button-default {
    padding: 0;
    position: absolute;
    right: 40px;
    border: 0;
    width: 34px;
    height: 34px;
    background: transparent;
    z-index: 5;
    padding: 0;
    margin: 0;
}

.home-banner-inner {
    position: relative;
}


button.circle-close-btn {
    background: #333 none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 22px;
    color: #fff;
    height: 30px;
    line-height: 25px;
    opacity: 1;
    padding: 0;
    right: 40px;
    top: 20px;
    width: 30px;
    position: absolute;
    cursor: pointer;
    font-size: 23px;
}

button.circle-close-btn:hover { opacity: .8;}
.home-banner-main-modal.cms6{  z-index: 999999;}


@media screen and (max-width: 960px){
.home-banner-main img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 100%;
}
  button.circle-close-btn {
    right: 0;
}
  .home-banner-main-modal a.uk-button {
   right: -20px; }
  .home-banner-main-modal a.uk-button {
  position: absolute;
    right: -20px; }
  .home-banner-main-modal {
  width: 250px;
    height: 310px; top:120px;}
}
@media screen and (max-width: 568px){
  .home-banner-main {
    width: 250px;
    height: 250px;
 
}
.home-banner-main-modal {
    width: 250px;
    height: 270px;
    top: 120px;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 20px;
}
}

div.widget-visible iframe{left: 5px !important}
.services-amenitiy-button a {margin-right: 10px;margin-bottom: 10px;}

@media screen and (max-width: 640px){
  #whatsapp-message4{
  	height: 50px!important;
    width: 50px!important;
    bottom: 145px!important;
  }
  .embeddedMessagingConversationButton {
      background: var(--eswHeaderColor,#1A1B1E);
      bottom: 72px!important;
      right: 5px!important;
    	height: 50px!important;
    width: 50px!important;
  }
  .embeddedMessagingFrame, .embeddedMessagingConversationButtonWrapper{
  	z-index: 1000!important;
  }
}

img:focus-visible {
filter: opacity(0.8);
}
#diveventdetailpage .H_zoom svg.H_icon, #diveventdetailpage .H_ctl svg.H_icon{
	fill: #1f262a;
}