/*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', sans-serif;
    --heading-font: 'Montserrat', sans-serif;
    --second-heading-font: 'Inria Serif', 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;
}

body img {
    max-width: 100% !important;
}

/* 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"],
input[type="number"],
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: 45px;
    line-height: 45px;
    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.5px;
    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;*/
}

.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.mx/images_noindex/room.svg) no-repeat;width: 16px;
  height: 14px;
  margin: auto;}
.icon-giftbox{ background:url(https://loscabos.grandvelas.com.mx/images_noindex/special.svg) no-repeat;width: 14px;
  height: 16px;
  margin:0px auto  3px!important;}
.icon-gallery{ background:url(https://loscabos.grandvelas.com.mx/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.mx/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.mx/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.mx/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;
    position: relative;
}

#input-error-gdpremail {
    left: 10px;
    bottom: 0;
    position: absolute;
    margin-top: 35px;
}

.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: none;
}



.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 35px;
}

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 .review-f {
    display: none;
}

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;
}

body #divsiteabandonment .popup-content-inner div.best-deal-tag span.beat-deal-text {
    left: 12px;
    max-width: 80px;
    font-size: 16px;
    line-height: 20px;
    top: 25px;
}

#divsiteabandonment .popup-content-inner div.best-deal-tag span.beat-deal-text strong {
    display: inline-block;
}

#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 24px;
    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: 30px;
    text-transform: uppercase;
     line-height: 35px;
    font-weight: 700;
    padding: 18px 0 22px; */

    color: var(--primary-color);
    font-family: var(--second-heading-font);
    font-size: 30px;
    line-height: 35px;
    padding: 10px 0 20px;
    font-style: italic;

}

.home-faq-heading-para {
    /* font-family: var(--second-heading-font); */
    /* font-size: 16px; */
    line-height: 24px;
    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;
    }

}


.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) {

    .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.mx/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) {
    .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;
        /* z-index: 9999; */
        background: #000000;
    }

    .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: 15px;
        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;
    }


}
@media (max-width: 767.98px) {
    .embeddedMessagingConversationButton{
        bottom: 100px!important;
        right: 10px!important
    }
    .second-nav {
        /* padding-bottom: 140px; */
    }
}
@media (max-width: 640px){
    .second-nav{
        /* padding-bottom: 160px; */
    }
}


.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; */

    font-family: var(--body-font);
    display: block;
    font-size: 14px;
    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 20px;
    }


    .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;
    }

    #divsiteabandonment .SAband-mobile-info {
        font-size: 13px !important;
    }

}


@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;
}

/* 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 17px;
    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;
    }
}

.inner-page .offer-snippet-img img {
    max-width: 100% !important;
}


.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 17px;
    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;
    }
}

.services-amenitiy-button a {
    margin-right: 10px;
    margin-bottom: 10px;
}

@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;
    }
}

img:focus-visible {
filter: opacity(0.8);
}