@import url('font-awesome.css');
@import url('bootstrap.min.css');
@import url('owl.carousel.css');

/*
@-ms-viewport { width: device-width!important; }
html{ overflow-y: auto;-ms-overflow-style: -ms-autohiding-scrollbar!important;}
html,body { width: 100%; margin: 0px; padding: 0px; overflow-x: hidden;  }
@charset "utf-8";
*/
/*----------intial declartaion of css----------*/

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
html { -webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.25em }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
button, html input, textarea, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; border-radius: 0px; -webkit-border-radius: 0px; }
/* remember to define focus styles! */

:focus { outline: 0; }
ol, ul { margin: 0; }
li { font-size: 1.8rem; }
/* tables still need 'cellspacing="0"' in the markup */

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; }
.none { display: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
.clear { clear: both; }
img { max-width: 100%; }
/* For modern browsers */

.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
.cf { *zoom: 1;
}
/* For IE 6/7 (trigger hasLayout) */

::selection { background: #deb04a; color: #fff; }
::-moz-selection {background: #deb04a;color: #fff;}
html,body{  width: 100%;   margin: 0px;padding: 0px;  }

@font-face {
    font-family: 'Nelphim';
    src: url('../fonts/Nelphim-Regular.woff2') format('woff2'),
        url('../fonts/Nelphim-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



a { text-decoration: none; font-weight: 400; color: #fff; display: inline-block;}

h1 { margin-bottom: 20px; color: #000; font-size: 6.5rem; font-family: 'Nelphim'; font-weight: normal; }
h2 { margin-bottom: 20px; color: #000; font-size: 6.0rem; font-family: 'Nelphim'; font-weight: normal; }
h3 { margin-bottom: 20px; color: #deb04a; font-size: 2.6rem; font-family: 'Nelphim'; font-weight: normal; }
h4 { margin-bottom: 20px; color: #deb04a; font-size: 2.0rem; font-family: 'Nelphim'; font-weight: normal; }
h5 { margin-bottom: 20px; color: #deb04a; font-size: 1.8rem; font-family: 'Nelphim'; font-weight: normal; }
h6 { margin-bottom: 20px; color: #deb04a; font-size: 2.0rem; font-family: 'Nelphim'; font-weight: normal; }
p { padding-bottom: 20px; color: #000; font-size: 1.8rem; font-weight: 400; font-family: 'Montserrat', sans-serif; line-height: 1.6; }

a, input, textarea { transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; outline: none !important }
a:hover, a:focus, input, input:focus { text-decoration: none; outline: none; }
a:hover, a:focus { color: #deb04a; }
body { line-height: normal; margin: 0; padding: 0; background: #e3dac6; font-family: 'Nelphim'; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; font-size: 1.4rem; font-weight: normal;}
/*--------sticky footer or vertical footer------------*/
html { font-size: 62.5%; }
*:focus { outline: none; }

.container { max-width: 100%; padding-left: 7.29vw; padding-right: 7.29vw;}
.wrapper {overflow: hidden; }
.menu-icon { display: block; cursor: pointer; color: #fff; text-transform: uppercase; text-align: center; font-weight: bold; line-height: 33px; font-size: 22px; padding: 5px 0;margin-right: 10px;position: fixed; z-index: 11;top: 90px; left: 7.29vw;  }
.menu-icon .menu-box { width: 50px; height: 40px; margin-right: 0px; padding: 7px 0; right: 0; background: transparent; border-radius: 4px; }
.menu-icon.active:hover { transform: scale(1.1); transition: all 0.4s ease-in-out;}
.menu-icon .menu-box span { width: 100%; height: 2px; margin-bottom: 10px; background: #e3dac6;display: block;  transition: all 0.5s; -webkit-transition: all 0.5s; }
.menu-icon .menu-box span:first-child{ width: 50%;margin-left: auto;}
.menu-icon .menu-box span:last-child{margin-bottom: 0; width: 50%;}
.menu-icon.active span:nth-child(1) { transform: rotate(-45deg) translateY(-3.4px) translateX(-4px);
    -webkit-transform: rotate(-45deg) translateY(-3.4px) translateX(-4px);}
.menu-icon.active span:nth-child(2) {transform: rotate(45deg) translateY(-1px) translateX(-3px);
    -webkit-transform: rotate(45deg) translateY(-1px) translateX(-3px);}
.menu-icon.active span:nth-child(3) { transform: rotate(-45deg) translateY(-3px) translateX(6px); -webkit-transform: rotate(-45deg) translateY(-3px) translateX(6px); }
.menu-icon.active span {background: #000;}
.menu-icon.fixed-menu span {background: #000;}
.mobile-li { display: none; }


.header-main { position: absolute; left: 0; right: 0; top: 60px; z-index: 11111;padding: 10px 0; transition: all 1.5s ease-in-out; }
.menu-wrap { width: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.header-logo { margin-bottom: -50px; z-index: 9; position: relative; background: #fff; border-radius: 50%; padding: 35px 20px; width: 205px;height: 205px;display: inline-block; }
/*.load-animate .header-main {top: 0;}*/
.enumenu_ul {margin: 0; display: flex !important; align-items: center; position: fixed; top: 0; z-index: 9; background: #e3dac6; padding: 500px 7.29vw 100px; height: calc(100vh); left: -100%; width: 100%; transition: all 0.7s ease-in-out; overflow: auto;}
.menu-open .enumenu_ul {left: 0;}
.enumenu_ul > ul { transition: transform 1s 0.1s ease-in-out,opacity 1s 0.1s ease-in-out; opacity: 0;}
.menu-open .enumenu_ul > ul{ opacity: 1;}

.enumenu_ul ul {width: 100%;counter-reset: list-counter;}
.enumenu_ul li { list-style: none; margin-right: 35px; position: relative; padding-left: 50px; padding: 15px 0;}
.enumenu_ul li:before{
    content: "0" counter(list-counter);
    counter-increment: list-counter;
    font-size: 3.5rem;
    text-align: center;
    display: inline-block;
    color: #000;
    top:32px;
    left: 0;
    position: absolute;
    z-index: 1;
    opacity: 1;
}

.enumenu_ul li a { text-transform: uppercase; padding-left: 100px; font-size: 10.0rem; color: #000; transition: all 0.5s ease-in-out; line-height: 1.2; display: inline-block;font-weight: normal; letter-spacing: 2px;mix-blend-mode: difference; position: relative; z-index: 11111;}
.enumenu_ul li a:hover { color: #deb04a; transition: all 0.5s ease-in-out;}
.enumenu_ul li ul {padding-left: 15px;}
.enumenu_ul li ul li {margin-right: 0;}
.enumenu_ul li ul li a:after {display: none;}
.enumenu_ul li ul li a {padding: 10px 0; color: #fff; border: none; display: inline-block;}

.enumenu_ul li:hover ul {display: inline-block; opacity: 1; visibility: visible;}

.social-media-btn { padding-left: 25px; position: relative; display: flex; align-items: center; margin-left: 25px; }
.social-media-btn:after { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); bottom: 0; height: 22px; border-left: 1px solid #91969b;  }
.btn-make { color: #fff; border-width: 0px!important; border-radius: 4px; letter-spacing: 2px; font-size: 1.2rem; font-weight: 600!important; text-transform: uppercase!important; background-color: rgba(96,150,180,0.8); padding: 18px 30px; display: inline-block; position: relative; }
.btn-make:hover { background: #93BFCF; color: #fff !important; }
.menu-open .btn-make { background: #93BFCF; color: #fff !important; }

.header-right { display: flex; width: auto; align-items: center; position: relative; z-index: 11;}
.nav-image { width: 35%; background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; right: 0; top: 0; height: 100%;  transform: translateX(-20%); transition: transform 1s ease-in-out,opacity 1s ease-in-out; opacity: 0; filter: opacity(90%); }
.menu-open .nav-image {transform: translateX(0); opacity: 1;}
.enumenu_ul .social-icon ul li a {padding: 0;}
.enumenu_ul .social-icon {padding-top: 50px; padding-bottom: 20px; transform: translateY(80px);
    transition: transform 1s 0.1s ease-in-out,opacity 1s 0.1s ease-in-out; opacity: 0;}
.menu-open .enumenu_ul .social-icon{ padding-top: 20px;transform: translateY(0px); opacity: 1;}
.menu-open .header-right .social-icon {display: none;}

span.arrow { position: absolute; top: 6px; left: 120px; width: 20px; height: 20px; cursor: pointer;}
span.arrow:after {top: 50%; transform: translateY(-50%); left: 0; bottom: 0; margin: 0 auto; right: 0; background-size: 12px; background-position: center; background-repeat: no-repeat; position: absolute; content: "\f0d7"; font-family: FontAwesome; transition: all ease-in-out 0.3s; color: #fff; text-align: center; line-height: 0.6;}
span.arrow.up { transform: rotateX(180deg);}


.enumenu_ul li{ border:none; position:relative; z-index:1000;}
.enumenu_ul li.nav-up-arrow a { opacity: 1; }
.enumenu_ul img.swipeimage {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 650px;
    width: 450px;
    object-fit: cover;
    z-index: 9;
    pointer-events: none;
    
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.menu-open img.swipeimage {
    transform: translate(165%, 45%);
}

.swipeimage.fixed {
    transform: translate(165%, 45%) !important;
}


.menu-open { overflow: hidden;}

.enumenu_ul li.nav-up-arrow {padding-left: 0;}
.enumenu_ul li.nav-up-arrow:before {display: none !important; padding-left: 0;}
.enumenu_ul li.nav-up-arrow a {padding-left: 0;}
.nav-up-arrow img {
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.nav-up-arrow span {
    font-size: 5rem;
    color: #000;
    display: inline-block;
    vertical-align: middle;
}
.nav-up-arrow a{opacity: 0.6;}
.nav-up-arrow a:hover{opacity: 1;}
.nav-up-arrow a:hover img {
    animation: jumpUp 2s ease-in-out infinite;
    position: relative;
    margin-top: -60px;
}
/*
.enumenu_ul li img{ height:100%; width:auto; aspect-ratio: 4 / 5; position:absolute; z-index:-2; opacity:0; top:0; bottom:0; left:0; right:0; transform:translate(-50%,-50%); transition:all ease-in 0.4s; pointer-events:none; transform:scale(5);}
.enumenu_ul li:hover>img{opacity:0.6;}
.enumenu_ul li:hover>a{opacity:1;}
*/
/*-----------header section styles ends here----------------*/

/*************************** banner style starts here ***************************/
.banner {width: 100%; text-align: center; position: relative;   }

.slider .owl-carousel .owl-item { height: 100vh; }
.slider .owl-dots { position: absolute; bottom: 15px; left: 0; right: 0; margin: 0 auto; text-align: center; display: none !important;} 
.slider .owl-dot { height: 16px; width: 16px; background-color: transparent; border: 3px solid #e3dac6; border-radius: 50%; overflow: hidden; margin: 4px; display: inline-block; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;}
.slider .owl-dot:hover, .slider .owl-dot.active { background-color: #e3dac6;}

.banner h1 {color: #e3dac6;margin-bottom: 50px;opacity: 0;}
.slide-sec { width: 100%; background-size: cover; height: 100vh; position: relative; background-position: center;}
/*.load-animate .banner-content{ opacity: 1;}*/
.banner-content{width: 100%; text-align: center; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 1; display: flex;  opacity: 1; transition: all 2s ease-in-out; }
.banner-content .container-fluid{ padding: 0 70px;}
.top-cnt{width: 100%; max-width: 1100px; margin: 0 auto;}
.top-cnt a { font-size: 3.5rem; margin-bottom: 50px; display: inline-block; color: #e3dac6;}
.top-cnt a:hover { color: #deb04a;}
.top-cnt a span { font-size: 2.5rem; display: inline-block; margin-top: 4px; vertical-align: top;}

.top-cnt p{color: #fff; letter-spacing: 4px;}
.top-cnt p br{display: none;}
.top-cnt ul li {list-style: none; display: inline-block; margin: 10px;}

.slide-sec:after { content: ""; position: absolute; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
video { width: 100%; height: 100%; object-fit: cover;}
.inner-banner .slide-sec{height: 650px;}
.inner-banner .owl-dots{ display: none !important;}

/*************************** banner style end here ***************************/
/*-----------global css code start ----------------*/
.justify-center { justify-content: center; }
.align-center { align-items: center; }
.social-icon .android-fb, .social-icon .ios-fb, .social-icon .android-twitter, .social-icon .ios-twitter, .social-icon .mo-insta, .social-icon .mo-twitter { display: none; }
.btn { color: #F7F5EF; border-width: 0px!important; border-radius: 4px; letter-spacing: 2px; font-size: 1.2rem; font-weight: 600!important; text-transform: uppercase!important; background-color: rgba(96,150,180,0.8); padding: 8px 36px 8px 20px;width: 150px; display: inline-block; position: relative; }
.btn:after{content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 16px; width: 0; height: 0; border-style: solid;border-width: 4px 0 4px 6px; border-color: transparent transparent transparent #fff;}
.btn:hover, .btn:focus { color: #fff; background: #93BFCF; transition: all 0.5s ease-in-out; }
/*-----------global css code start ----------------*/

/*================================================
================================================*/
header .container-fluid { display: flex; justify-content: space-between; padding: 0 7.29vw; align-items: center;}
.main-logo { max-width: 220px;position: relative; z-index: 11;}
.main-logo .black-logo {display: none;}
.menu-open .main-logo .white-logo {display: none;}
.menu-open .main-logo .black-logo {display: inline-block;}

.right-logo{animation: animName 15.0s linear infinite; height: auto; width: auto; border-radius: 50%; background: #fff; position: fixed; top: 40px; right: 7.29vw;}
.right-logo a{height: 160px; width: 160px;}
.right-logo a:hover{ transform: scale(1.1);}
.right-logo img {width: 100%; border-radius: 50%; }
.right-logo .reserve-black {display: none;}
.right-logo .reserve {display: none;}
.menu-open .right-logo .reserve {display: none !important;}
.menu-open .right-logo .reserve-creme {display: none;}
.menu-open .right-logo .reserve-black {display: inline-block;}
.stickyHeader .right-logo .reserve {display: inline-block;}
.stickyHeader .right-logo .reserve-creme {display: none;}
/*.stickyHeader .menu-icon .menu-box span {background: #fff}*/



.scroll-bottom { position: absolute; z-index: 1; left: 0; right: 0; bottom: 80px; margin: 0 auto;}
.scroll-bottom a { position: relative; margin: 0 auto; width: 70px; height: 100px; animation: jumpUp 2s ease-in-out infinite;}
.scroll-bottom a img {height: 70px;}


.body-section {width: 100%; padding: 300px 0 470px; position: relative;}
.body-section h2 {font-size: 6.0rem;line-height: 1.1;font-family: 'Nelphim'; font-weight: normal;}
.body-contant-block {width: 100%; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; align-items: center;}
.body-cnt-blc {width: 70%; text-align: left; position: relative; z-index: 1;}
.body-img-blc {width: 37%;
    height: 890px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: auto; position: absolute; right: 10%; top: 0;}

.view-gallery-secton {width: 100%; padding: 100px 0; text-align: left; position: relative; z-index: 11; }
.view-gallery-secton .full {
    padding-right: 25px;
}
.body-img-blc, .modern-maxican-block img, .bottom-image, .reserve-img {transition: all 0.3s ease;}
.view-gallery {width: 0; height: 550px; background-size: cover; background-repeat: no-repeat; background-position: center; transition: all 0.4s ease-in-out;}
.view-gallery-secton .col-lg-3.full .view-gallery, .view-gallery-secton .col-lg-6.full .view-gallery{width: 100%;}

.view-gallery-cnt {height: 100%;padding-bottom: 60px;position: relative;}
.view-gallery-cnt p { color: #000; }
.view-gallery-cnt a{font-size: 3.5rem; position: absolute; padding-bottom: 20px; color: #000; width: auto;bottom: 0;}
.view-gallery-cnt a:after {content: ""; position: absolute; bottom: 0; left: 0; width: 130px; height: 7px; transition: all 0.4s ease-in-out; background: url(../images/black-spear.png); background-size: contain; background-repeat: no-repeat; }
.view-gallery-cnt a:hover:after {width: 100%; height: 10px;}
.view-gallery-secton h2 {padding-left: 10%; margin-bottom: 90px; }

.btn-bt-arrow { font-size: 2.0rem; position: relative; color: #000; background: #fff; padding: 18px 20px;}
.btn-bt-arrow:hover { color: #fff; background-color: #000; }
.contact-form.get-a-quote {  padding-top: 0; }
.event-page .contact-section { padding-bottom: 0; }
.event-page .greyscale-map { padding-bottom: 7.29vw; padding-top: 7.29vw; }

.image-block-section {width: 100%; text-align: center; }
.image-block {width: 100%; justify-content: center; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; align-items: center; height: 780px; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; opacity: 0; transition: all 1.5s ease-in-out;margin-top: 100px;}
.image-block.active {opacity: 1; margin-top: 20px; }
span.plus-icon { position: relative; z-index: 11;}
.image-block > img {position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; width: 60%;animation: animName 25s linear infinite; transition: all 0.4s ease-in-out;z-index: 11;}
.image-block:hover > img { width: 65%;}
.image-block:after { content: ""; position: absolute; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}

.reserve-now-section {width: 100%; padding: 300px 0 400px; position: relative;}
.reserve-img {width: 35%;height: 800px;background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;left: 0;top: 0; margin-top: -100px;margin-left: 100px;}
.reserve-link {text-align: right; margin-left: 50%;padding-top: 50px; padding-bottom: 20px; }
.reserve-link ul { max-width: 280px;  margin: 0; margin-left: auto; text-align: left;}
.reserve-link ul li {list-style: none; display: inline-block; margin-bottom: 15px; width: 100%;}
.reserve-link ul li a{font-size: 3.5rem; position: relative; padding-bottom: 15px; color: #000; width: 100%;}
.reserve-link ul li a:after {content: "";position: absolute;bottom: 0;left: 0;width: 130px;height: 7px;transition: all 0.4s ease-in-out;background: url(../images/black-spear.png);background-size: contain;background-repeat: no-repeat;}
.reserve-link ul li a:hover:after {width: 100%; height: 10px;}

.contact-section {width: 100%; padding: 50px 0; text-align: left;background: #30302e;}
.contact-section ul li {width: 100%; list-style: none; position: relative;}
.contact-section ul li a{ font-size: 4.2rem; color: #e3dac6; line-height: 1.5; position: relative;}
.contact-section ul li a:hover {color: #deb04a;}
.contact-dtl-blc {position: relative; padding-left: 40px;}
.contact-item-title { position: absolute; left: 3%; top: auto; right: auto; bottom: 9px; transform: rotate(-90deg); transform-origin: 0% 50%; font-size: 1.6rem; color: #e3dac6;}
.contact-section ul li img{position: absolute;bottom: 0;width: auto;height: 70px;transform: rotate(-90deg);animation: jumpRight 2s ease-in-out infinite; }
.contact-dtl-blc.find-us a{ padding-right: 70px;}

.footer-main {width: 100%; padding: 100px 0; background: #000; position: relative; overflow: hidden;}
.footer-logo-block {width: 30%; padding: 0 15px; position: relative; z-index: 1;}
.footer-logo { width: 200px; margin-bottom: 10px;}
.footer-logo-block p {font-size: 1.6rem;}
.ftr-cnt {max-width: 350px;}
.footer-main:after {content: ""; position: absolute; top: -1px; left: 0; width: 100%; height: calc(100% + 1px); background-size: 150px !important; background-repeat: repeat; background: url(../images/half-circles.png); opacity: 0.22;}

.footer-content-block {width: 68%; text-align: left; padding: 0 15px; display: -webkit-flex;display: -moz-flex;display: -ms-flex;
display: -o-flex;display: flex; flex-wrap: wrap; position: relative; z-index: 1; }
.information-wrap { padding: 0 15px; }
.information-wrap:first-child { width: 43.5%; }
.information-block li{display: block; list-style: none;}
.information-block li a {font-size: 3.5rem; line-height: 1.4; font-weight: 400;}
.footer-bottom {width: 100%;padding-top: 100px; }
.footer-bottom ul {width: 90%; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: space-between;}
.footer-bottom ul li{ width: auto; display: inline-block; list-style: none; padding: 0 15px; }
.footer-bottom ul li {font-size: 1.6rem; line-height: 1.4;font-family: 'Montserrat', sans-serif; font-weight: 400; }
.footer-bottom ul li a {font-size: 1.6rem; line-height: 1.4;font-family: 'Montserrat', sans-serif; font-weight: 400; }

.scroll-top {position: absolute; left: 7.29vw; bottom: 100px; z-index: 11;}
.scroll-top .nav-up-arrow span {color: #fff; font-size: 3.5rem}
.scroll-top .nav-up-arrow img {width: 20px;}
.scroll-top a {opacity: 0.6;}
.scroll-top a:hover {opacity: 1;}
.scroll-top a:hover img {
    animation: jumpUp 2s ease-in-out infinite;
    position: relative;
    margin-top: -60px;
}


@keyframes animName {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
@keyframes jumpUp {
  0% {
    top: 40px;
  }
  50% {
    top: 20px;
  }
  100% {
    top: 40px;
  } 
}

@keyframes jumpRight {
  0% {
    right: -10px;
  }
  50% {
    right: 15px;
  }
  100% {
    right: -10px;
  } 
}

.main-container {width: 100%; position: relative;}
/*.common-heading {position: absolute; top: 0; left: 0;}*/

.common-heading {text-align: left; position: relative; z-index: 11;}
.common-heading h2 { font-size: 15.0rem; position: relative; padding-left: 50px;}
.common-heading h2 sup { font-size: 2.3rem; position: absolute; left: 0; top: 20px;}

.modern-maxican {width: 100%; position: relative;padding: 0px 0 100px 0;}
.modern-maxican h2 {font-size: 15.0rem;  position: relative;z-index: 11; }
.modern-maxican h2 > span{width: 100%;display: inline-block;transition: all 0.3s ease;}
.modern-maxican h2 span:last-child {text-align: right;}
.modern-maxican-block { width: 100%; padding-left: 100px; }
.top-space {padding-top: 100px;position: relative; }
.modern-maxican-block p {padding-top: 30px; max-width: 50%;}
.bottom-image {width: 200px; height: 250px; background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; left: calc(50% + 50px);  }

.maxican-top-block { position: relative;}
.modern-maxican h2 span#modern-maxican-right {z-index: 111;}

.bg-icon {position: absolute; z-index: 1; }
.bg-icon img{width: 100%; transition: all 0.3s ease; }
.corn-image { top: -80px; left: 160px; z-index: 1; width: 230px;transform: rotateZ(45deg);}
.avocado { /*height: 240px;*/ width: 200px; top: 410px; left: 400px; }
.lime { height: 90px; width: 300px; top: 160px; right: 210px;}
.chili { top: 0; right: 160px; z-index: 1; width: 220px;}
.shrimp {bottom: 200px; left: 160px; z-index: 1; width: 250px;}
.cactus{ bottom: 350px; right: 160px; z-index: 1; width: 150px;}
.tomato-onion{ bottom: 0px; left: 130px; z-index: 1; width: 240px;}
.fruit{ top: 100px; right: 0; left: 0; margin: 0 auto; z-index: 1; width: 150px;}

.reserve-img .chips { height: 240px; width: 410px; bottom: -110px; left: 520px; transform: rotate(-15deg); top: auto; z-index: -11;}
.social-media-block { transform: rotate(90deg); position: fixed; right: -100px; bottom: 248px; z-index: 11111111111; width: auto;}
.social-media-block ul { margin: 0; position: relative;display: flex; align-items: center;}
.social-media-block ul li { list-style: none; display: inline-block;  }
.social-media-block ul li:after { content: "⬧"; display: inline-block; vertical-align: top; font: 1.8rem; color: #e3dac6; margin: 0 20px;}
.social-media-block ul li:last-child:after {display: none;}
.social-media-block ul li a { font-size: 1.8rem; color: #e3dac6; letter-spacing: 1px; }
.social-media-block ul li a:hover { color: #deb04a;}
.menu-open .social-media-block ul li a {color: #000;}
.menu-open .social-media-block ul li a:hover {color: #deb04a;}
.menu-open .social-media-block ul li:after { color: #deb04a;}

.stickyHeader .social-media-block ul li a { color: #deb04a;}
.stickyHeader .social-media-block ul li a:hover { color: #000;}
.stickyHeader .social-media-block ul li:after { color: #000;vertical-align: text-bottom;}

.popup-gallery {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; margin: 0 -4px; flex-wrap: wrap;}
.popup-image-block {width: 33.3%; padding: 0 4px; margin-bottom: 15px; margin-top: 50px; opacity: 0;transition: all 1.5s ease-in-out; }
.popup-image-block.active {margin-top: 0; opacity: 1;}
.gallery-img { height: 700px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; margin-bottom: 15px;}
.popup-image-block h6 {font-size: 1.6rem;}

.mfp-bg {z-index: 1111111;}
.mfp-wrap {z-index: 11111111;}
.mfp-close {cursor: pointer !important;}
.mfp-arrow:hover, .mfp-arrow:focus {outline: none;}

.body-content-section { width: 100%; text-align: center; padding: 80px 0 30px; background: #30302e;}
.body-content-section h1{color: #e3dac6; position: relative; padding-bottom: 20px;}
.body-content-section h1:after {content: ""; width: 90px; height: 2px; background-color: #e3dac6; position: absolute; bottom: 0%; left: 0; right: 0; margin: 0 auto;}
header + .body-content-section {padding-top: 250px;}
.gallery-secton { width: 100%; padding-bottom: 40px; background: #30302e;}
.body-content-graphics {width: 100%; position: relative;}

.body-content-section p {color: #e3dac6;}
.body-content-section p a {display: inline;color: #e3dac6; }
.body-content-section p a:hover {color: #deb04a;}
.body-content-section p a br {display: none;}


.gallery-page .menu-icon.fixed-menu span {background: #e3dac6;}

.bg-icon.right-graphic { right: 0; top: -260px; width: 300px;}
.load-animate .right-graphic{transform: translateY(100px) rotateZ(-20deg);transition: all 1.5s ease-in-out; top: -230px;}
.bg-icon.left-graphic { left: 0; width: 250px;top: -100px;}
.load-animate .left-graphic{transform: translateY(100px) rotateZ(-20deg);transition: all 1.5s ease-in-out; top: -110px;}

.greyscale-map {width: 100%; background: #30302e; }
.map-sec { height: 500px;}
.form iframe {height: 750px;}
.form { max-width: 800px; margin: 0 auto;padding-top: 30px;}
.get-a-quote .form iframe { height: 1350px !important; }

.thank-you .greyscale-map {padding-bottom: 80px;}

.body-content-section h1 br {display: none;}
.body-content-section p br{display: none;}
.body-content-section-small-block {margin:  0 auto;}
.body-content-section h2 { color: #e3dac6; font-size: 4rem;}
.body-content-section-small-block ul {
    text-align: left;
    width: auto;
    display: inline-block;
    padding-left: 20px;
}
.body-content-section-small-block ul li { color: #e3dac6; font-size: 1.8rem;}


.contact-page .bg-icon.right-graphic {right: -70px; width: 400px;}
.event-page.contact-page .bg-icon.right-graphic { right: 100px; width: 250px; }
.event-page.contact-page .bg-icon.left-graphic { width: 90px; }
.load-animate .event-page.contact-page .bg-icon.left-graphic img { transform: rotateZ(15deg) !important; }
.load-animate .event-page.contact-page .bg-icon.right-graphic img { transform: rotateZ(5deg) !important; }
.load-animate .contact-page .right-graphic {top: -280px;}
.load-animate .event-page .right-graphic {top: -200px;}
.thank-you .bg-icon.right-graphic {width: 230px;}

.thank-you .body-content-section p span {display: block;}
.contact-form h2 {display: none;}

/*--------- Index Splash Page style Starts Here ----------*/
.splash-page .main-logo {margin: 0 auto;}
.splash-page .banner h1 {margin-bottom: 0;}
.splash-page .footer-content-block {max-width: 1130px; margin: 0 auto; width: 100%;}
.splash-page .footer-logo{padding: 0 15px;}
.splash-page .scroll-top { position: absolute; left: 7.29vw; bottom: 100px; z-index: 11; max-width: 1070px; margin: 0 auto; width: 100%; right: 7.29vw; }
.splash-page .footer-bottom { width: 62%; margin-left: auto; display: none;}
ul.bottom-list { position: absolute; bottom: 5px;}

ul.bottom-list li, ul.bottom-list li a {list-style: none;font-size: 1.6rem;line-height: 1.4;font-family: 'Montserrat', sans-serif;font-weight: 400;white-space: nowrap; }
.splash-page .information-wrap {padding-bottom: 125px;}


/*---------- Popup Code Section Start ----------*/
body .popup-main { overflow: hidden!important; }
.mfp-close-btn-in .mfp-close { color: #333; position: absolute; right: calc(50% - 24.5%); top: 23%; opacity: 0;}
.popup-main { background-color: #deb04a;position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; font-size: 0;}
.popup-main:after {content: "";position: absolute;top: -1px;left: 0;width: 100%;height: calc(100% + 1px);background-size: 150px !important;background-repeat: repeat;background: url(../images/half-circles.png);opacity: 0.22;}
.popup-image { position: absolute; right: 0; top: 0; }
.popup-image:after { content: "";position: absolute; left: 0; right: 0; top: 0; background: #740029; z-index: -1;bottom: 0;}
.popup-wrapper { display: flex; justify-content: center; margin-top: 30vh; position: relative; z-index: 300; height: 100%; }
.popup-content { background-color: #fff; width: 44vw; padding: 3.6vw 0.7vw 3.6vw 4.7vw; position: relative; }
.popup-title h1 { color: #000; font-size: 3.7vw;line-height: 4vw; }
.popup-title h1 span {opacity: 1 !important; }
.cookies-popup-text { height: 60vh;}
.popup-content .close { position: absolute;right: -60px; top: -60px; cursor: pointer; }
.popup-content .close img { transition: all 0.5s ease-in-out;}
.close:hover img { transform: rotate(180deg); transition: all 0.5s ease-in-out; }
.popup-text { margin-top: 3.48vw; font-size: 1.2vw; font-weight: 300; height: 42vh; overflow-y: scroll; border-right: 0.2vw solid #e3dac6; line-height: 1.35; padding-right: 2vw; color: #717171; padding-bottom: 45px;}
.popup-text.disclaimer-div { border-right: none; }
.modal-body ol, .modal-body ul { padding-left: 25px; }
.modal-body ul { list-style: disc; }
.modal-body ol { list-style: decimal; }
.modal-body ol li, .modal-body ul li { color: #6e6f72; font-size: 1.8rem; font-weight: 400;}
.popup-bottom-image { position: absolute; bottom: 0; left: 8.5vw; overflow: hidden; width: 91.5vw; z-index: -1; }
.popup-bottom-image:after { content: ""; position: absolute; left: 0;background: #f1ebed; z-index: 1; top: 0; bottom: 0;right: 0;    opacity: 0.90; }
.popup-text p { font-size: 1.8rem; line-height: 1.4; padding-right: 2vw; color: #6e6f72; }
.popup-left-wrapper { position: absolute; left: 0;top: 0;height: 100%; width: 8.6vw; background-color: #fff;}
.popup-text::-webkit-scrollbar { height: 8px; width: 7px; background-color: transparent; }
.popup-text::-webkit-scrollbar-corner { width: 0; }
.popup-text::-webkit-scrollbar-thumb { background-color: #e3dac6;}
.popup-text::-webkit-scrollbar-track { background-color: transparent; border: none; }
.cookies-popup-image img { width: 53vw; }
.psod-name-pop h2 { position: absolute; transform: rotate(270deg); width: 35vw;  top: 50%; left: -13.4vw; font-weight: 400; letter-spacing: .04vw; font-size: 1vw; color: #000; margin: 0; text-align: center; }
.psod-name-pop h2 span { font-weight: 700; }
.popup-main .main-logo { position: absolute;left: 10%; top: 25px; width: 217px; }

.coming-soon-popup { width: 100%; height: 100vh; top: 0; position: fixed; justify-content: center; align-items: center; z-index: 1111111; background-color: rgba(255,255,255,0.8); top: 0; left: 0;padding: 0 20px; display: flex; }
.coming-soon-popup .popup-inner { padding: 60px 70px; background-color: #e3dac6; box-shadow: 1px 1px 100px rgb(0 0 0 / 15%); position: relative; max-width: 1000px; text-align: center; background-position: center; background-size: 180px; background-repeat: no-repeat; z-index: 1; }  

.coming-soon-popup .popup-inner:after{ content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%;background-size: 180px; background-repeat: no-repeat;background-image: url(../images/tomato-onion.svg);background-position: center; opacity: 0.3; z-index: -1; }
.coming-soon-popup .popup-inner span.close-popup { position: absolute; right: 5px; top: 2px; cursor: pointer; font-size: 20px; opacity: 0.7;color: #000; z-index: 11; }
.coming-soon-popup .popup-inner span.close-popup:hover {color: #000;}
.coming-soon-popup .popup-inner h3 { text-transform: capitalize; margin-bottom: 20px; color: #000;font-size: 3.5rem; }
.coming-soon-popup .popup-inner p { color: #000; margin-bottom: 0;}
.coming-soon-popup .popup-inner p a{color: #000; }
.coming-soon-popup .popup-inner p a:hover {color: #000;}
.popup-inner p, .popup-inner h3 {position: relative; z-index: 11; }

.coming-soon-popup.image-bg .popup-inner { background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: transparent; }
.coming-soon-popup.image-bg .popup-inner span.close-popup { color: #fff; }
.coming-soon-popup.image-bg .popup-inner span.close-popup:hover { color: #fff; opacity: 0.85; }
.coming-soon-popup.image-bg .popup-inner:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.40);z-index: -1; }
.coming-soon-popup.image-bg .popup-inner h3, .coming-soon-popup.image-bg .popup-inner p { color: #fff; }
.popup-inner .btn-outline {  font-size: 3.5rem; }

@media (max-width:767px) {
    .coming-soon-popup .popup-inner { padding: 30px 30px;}
    .popup-inner .btn-outline { font-size: 3.0rem; }
}
/*---------- Popup Code Section End ----------*/
@-webkit-keyframes mobile_item {
    0% {
        opacity: 0;
        margin-top: 3vw;
    }
    100% {
        opacity: 1;
        margin-top: 0;
    }
}
@-webkit-keyframes a-ltr-after {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(101%)
    }
}
@keyframes a-ltr-after {
    0% {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(101%)
    }
}
@-webkit-keyframes a-ltr-before {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(200%)
    }
}
@keyframes a-ltr-before {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(200%)
    }
}

@media (max-width:1024px) { 
    .splash-page .social-media-block {opacity: 1;}
    .splash-page .information-block li a { font-size: 1.8rem;}
}
@media (max-width:767px) { 
    .splash-page .scroll-top { bottom: 140px; width: auto;}
    .splash-page .header-main {padding-right: 0;}
    .splash-page .footer-logo {padding: 0; margin-bottom: 50px;}
    .splash-page .footer-bottom {width: 100%; display: block;}
    ul.bottom-list {display: none;}
    .splash-page .information-wrap {padding-bottom: 0;}
}