body.noscroll { overflow: hidden; }

.body-bg { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0,0,0,0.7); opacity: 0; visibility: hidden; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; }
.body-bg.open { opacity: 1; visibility: visible; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; }

a{-webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in;}
.pfirstchild p:first-child{margin-top: 0px; padding-top: 0px;}
.pfirstchild p:last-child{margin-bottom: 0px; padding-bottom: 0px;}

.loadthis { display: none; }

.animatethis { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }

.wpcf7 form .wpcf7-response-output { margin: 30px 0 0; }

.main-content { max-width: 1920px; margin: auto auto; }
.main-content-ins { max-width: 1968px; margin: auto auto; padding-left: 24px; padding-right: 24px; }
.main-content-ins-2 { max-width: 1262px; margin: auto auto; padding-left: 24px; padding-right: 24px; }

ul{ margin: 0; padding: 0; list-style: none; }
ul li { margin: 0; padding: 0; }

/*h1,h2,h3,h4,h5,h6,p { margin: 0; padding: 0; }*/

input, textarea, select { outline: 0 !important; }
strong, b { font-weight: 500 !important; }

.ph { }
.ph::-webkit-input-placeholder { opacity: 1 !important; font-size: 14px; color: #fff; }
.ph:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 14px; color: #fff; }
.ph::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 14px; color: #fff; }
.ph:-ms-input-placeholder { opacity: 1 !important; font-size: 14px; color: #fff; }
.ph:-ms-input-placeholder { opacity: 1 !important; font-size: 14px; color: #fff; }

.ph2 { }
.ph2::-webkit-input-placeholder { opacity: 1 !important; font-size: 16px; color: #fff; font-weight: 300; }
.ph2:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 16px; color: #fff; font-weight: 300; }
.ph2::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 16px; color: #fff; font-weight: 300; }
.ph2:-ms-input-placeholder { opacity: 1 !important; font-size: 16px; color: #fff; font-weight: 300; }
.ph2:-ms-input-placeholder { opacity: 1 !important; font-size: 16px; color: #fff; font-weight: 300; }

.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* overlay at start */
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate in */
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* overlay animate out */
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* content at start */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate it */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* content animate out */
.mfp-content p:not(.clr) { background: white; padding: 20px 30px; text-align: left; max-width: 300px; margin: 0 auto; position: relative; }

.form-control { }
.form-control::-webkit-input-placeholder { opacity: 1 !important; font-size: 16px !important; color: #6D6D6D; font-weight: 300; }
.form-control:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 16px !important; color: #6D6D6D; font-weight: 300; }
.form-control::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 16px !important; color: #6D6D6D; font-weight: 300; }
.form-control:-ms-input-placeholder { opacity: 1 !important; font-size: 16px !important; color: #6D6D6D; font-weight: 300; }
.form-control:-ms-input-placeholder { opacity: 1 !important; font-size: 16px !important; color: #6D6D6D; font-weight: 300; }
textarea.form-control { padding-top: 20px; padding-bottom: 20px; height: 120px; }

.breadcrumb-c { background: #F6F5F0; margin-top: 128px; padding: 8px 0; overflow: hidden; }
.breadcrumb-c.white { background: #fff; }
.breadcrumbs > span { font-size: 12px; color: #262626; margin-left: -5px; margin-right: -5px; }
.breadcrumbs > span a { color: #7E6F4F; }
.breadcrumbs > span > span { margin-left: 5px; margin-right: 5px; }

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

img { max-width: 100%; }

.m-marg { margin-top: 80px; margin-bottom: 80px; }

/*** Main Titles ***/
.m-ttl { margin: 0; font-weight: 400; font-family: "Noto Serif Display", serif !important; color: #262626; font-size: 60px !important; line-height: 70px; letter-spacing: 1px; }
.m-ttl.md { font-size: 40px !important; line-height: 50px; }
.m-ttl.tt-upp { text-transform: uppercase; }
.m-ttl.grey { color: #626262; }
/*** Main Titles ***/

/*** Main Text ***/
.m-txt { margin: 0; font-size: 20px; line-height: 34px; font-weight: 200; }
.m-txt.ln-25 { line-height: 25px; }
.m-txt.sm { font-size: 18px; line-height: 26px; }
.m-txt.tt-upp { text-transform: uppercase; }
/*** Main Text ***/

/*** Main Buttons ***/
.m-btn { display: flex; gap: 10px; align-items: center; width: fit-content; border: 1px solid #D2CDB6; background: transparent; border-radius: 21px; font-size: 13px; line-height: 20px; font-weight: 400; color: #262626 !important; letter-spacing: 1px; padding: 11px 20px; margin: 0; text-transform: uppercase; white-space: nowrap; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.m-btn:hover { border-color: #7E6F4F; }
.m-btn img,.m-btn svg { height: 16px; width: auto; }

.m-btn.light { border: 1px solid #626262; }
.m-btn.light2 { border: 1px solid #888; }
.m-btn.light,
.m-btn.light2 { color: #fff !important; }
.m-btn.light:hover,
.m-btn.light2:hover { border-color: #fff; }

.m-brd-light { border-color: #fff !important; }
.m-brd-light-2 { border-color: #b8ae8b !important; }

.m-btn.dark { border: 1px solid #7E6F4F; background: #7E6F4F; color: #fff !important; }
.m-btn.dark:hover { border-color: #262626; background: #262626; }
.m-btn.dark svg path { stroke: #fff; }

.m-btn.white { border: 1px solid #fff; background: #fff; color: #7E6F4F !important; }

.m-btn.green { border: 1px solid #CAF2C9; background: #CAF2C9; color: #259924 !important; }
.m-btn.green svg path { stroke: #259924; }

.m-btn.grey { border: 1px solid #B0B0B0; }

.m-btn.grey2 { border: 1px solid #B0B0B0; }
.m-btn.grey2:hover { border-color: #7E6F4F; background: #7E6F4F; color: #fff !important; }

.m-btn.lg { font-size: 14px; padding-left: 24px; padding-right: 24px; }

.m-btn.full { display: block; width: 100%; text-align: center; }
/*** Main Buttons ***/

/*** Main Bar ***/
.m-bar { display: flex; gap: 30px; align-items: center; justify-content: space-between; }
.m-bar > div:first-child { display: flex; gap: 30px; align-items: center; }
.m-bar > div:first-child h2 { margin: 0; color: #262626; white-space: nowrap; letter-spacing: normal; }
.m-bar > div:first-child p { max-width: 530px; margin: 0; }
.m-bar > div:last-child { display: flex; gap: 8px; justify-content: flex-end; }
.m-bar.vert { align-items: flex-start; }
.m-bar.vert > div:first-child { display: block; }
.m-bar.vert > div:first-child p { max-width: 800px; margin: 20px 0 0 0; }
.m-bar.vert > div:last-child { margin-top: 15px; }
.m-bar.cntr { text-align: center; }
.m-bar.cntr > div:first-child { margin: auto; } 
.m-bar.light > div:first-child h2 { color: #fff; }
.m-bar.light > div:first-child p { color: #B0B0B0; }
.m-bar.gold > div:first-child h2 { color: #fff; }
.m-bar.gold > div:first-child p { color: #E8E6D9; }
.m-bar.white > div:first-child h2 { color: #fff; }
.m-bar.white > div:first-child p { color: #fff; }
/*** Main Bar ***/

/*** Main Headers ***/
.m-hdr { position: relative; height: 450px; }
.m-hdr:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 2; }
.m-hdr img { display: block; object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
.m-hdr > div { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 3; background: linear-gradient(180deg, rgba(38, 38, 38, 0) 0%, rgba(38, 38, 38, 0.7) 100%); padding: 80px 0 30px; }
.m-hdr h1 { color: #fff; }
/*** Main Headers ***/

/*** Main Popup ***/
.m-pop { }
.m-pop > div { width: 100%; max-width: 1000px; position: relative; margin: auto auto; }
.m-pop > div span { position: absolute; top: -16px; right: -16px; width: 40px; height: 40px; border-radius: 50%; background: #7E6F4F; display: block; font-size: 20px; color: #fff; padding-top: 3px; text-align: center; cursor: pointer; }
.m-pop .m-pop-box { display: grid; grid-template-columns: 40% 60%; grid-gap: 0; border-radius: 10px; overflow: hidden; }
.m-pop .m-pop-box > div:first-child { position: relative; }
.m-pop .m-pop-box > div:first-child img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.m-pop .m-pop-box > div:last-child { background: #fff; padding: 40px; text-align: center; }
.m-pop .m-pop-box > div:last-child img { width: 300px; max-width: 100%; }
.m-pop .m-pop-box > div:last-child h3 { display: inline-block; position: relative; margin: 0; font-weight: 300; color: #262626; font-size: 30px; color: #262626; line-height: 40px; }
.m-pop .m-pop-box > div:last-child h3:before,
.m-pop .m-pop-box > div:last-child h3:after { content: ''; display: block; background: #000; width: 30px; height: 2px; position: absolute; bottom: 50%; transform: translate(0,-50%); }
.m-pop .m-pop-box > div:last-child h3:before { left: -46px;}
.m-pop .m-pop-box > div:last-child h3:after { right: -46px; }
.m-pop .m-pop-box > div:last-child h2 { margin: 15px 0 0 0; font-weight: 700; font-family: "Noto Serif Display", serif; color: #262626; font-size: 60px; line-height: 70px; letter-spacing: 1px; }
.m-pop .m-pop-box > div:last-child p { margin-top: 30px; text-align: center; }
.m-pop .m-pop-box > div:last-child a { margin: 40px auto 0; }

.m-pop.gold .m-pop-box > div:last-child { background: #7E6F4F; }
.m-pop.grey .m-pop-box > div:last-child { background: #262626; }

.m-pop.gold > div span,
.m-pop.grey > div span { background: #fff; color: #262626; }

.m-pop.gold .m-pop-box > div:last-child h3:before,
.m-pop.gold .m-pop-box > div:last-child h3:after,
.m-pop.grey .m-pop-box > div:last-child h3:before,
.m-pop.grey .m-pop-box > div:last-child h3:after { background: #fff; }

.m-pop.gold .m-pop-box > div:last-child h3,
.m-pop.grey .m-pop-box > div:last-child h3,
.m-pop.gold .m-pop-box > div:last-child h2,
.m-pop.grey .m-pop-box > div:last-child h2,
.m-pop.gold .m-pop-box > div:last-child p,
.m-pop.grey .m-pop-box > div:last-child p { color: #fff; }
/*** Main Popup ***/

/*** Main Icons ***/
.m-ico { position: relative; max-width: 450px; width: 100%; overflow: hidden; }
.m-ico.m-ico-dt { display: flex; gap: 10px; }
.m-ico > span:first-child { display: flex; width: 40px; height: 40px; background: #7e6f4f; border-radius: 50%; align-items: center; justify-content: center; position: relative; }
.m-ico > span:first-child svg { height: 20px; width: auto; }
.m-ico > span:first-child svg path { stroke: #fff; }
.m-ico > span:last-child:not(:first-child) { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #262626; }
.m-ico > span:last-child:not(:first-child) svg { height: 16px; width: auto; }
.m-ico > span:last-child:not(:first-child) svg path { stroke: #626262; }
.m-ico.m-ico-ln:after { content: ''; background: #e8e6da; width: 400px; height: 2px; position: absolute; top: 19px; left: 48px; }
.m-ico.m-ico-ln.m-ico-dt:after { left: 160px; }
.m-ico.m-ico-logo > span:first-child svg { height: 26px; width: auto; }
.m-ico.m-ico-logo > span:first-child svg path { fill: #fff; stroke: transparent; }
.m-ico.m-ico-logo.m-ico-ln:after { background: #D2CDB6; height: 1px; }
.m-ico.m-ico-ln.m-ico-opp:after { left: auto; right: 48px; }
.m-ico.m-ico-ln.m-ico-opp span { float: right; }

.m-ico.logo-symbol-new > span:first-child svg { height: 26px; }
.m-ico.logo-symbol-new > span:first-child svg path { fill: #fff; stroke: transparent; }
/*** Main Icons ***/

/*** Main Arrows ***/
.m-arrow { width: 5px; height: 5px; border-top: 1px solid #262626; border-left: 1px solid #262626; } 
.m-arrow.md { width: 8px; height: 8px; } 
.m-arrow.down { transform: rotate(225deg); } 
.m-arrow.right { transform: rotate(135deg); } 
.m-arrow.white { border-top-color: #fff; border-left-color: #fff; } 
/*** Main Arrows ***/

.m-note { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 12px; line-height: 15px; font-weight: 400; color: #262626; letter-spacing: 1px; transform: translateY(-34px); }
.m-note svg { height: 18px; width: auto; }
.m-note svg path { stroke: #7E6F4F; }

.m-note.no { transform: translateY(0); margin-top: 25px; }

.m-sections {}
.m-sections > div:not(:first-child) { display: none; }

.m-block { padding-top: 100px; padding-bottom: 100px; }
.m-block.gold { background: #F6F5F0; }
.m-block.dark { background: #262626; }
.m-block.sm { padding-top: 80px; padding-bottom: 80px; }
.m-block.neg { padding-top: 0; position: relative; z-index: 10; }
.m-block.neg2 { margin-top: -80px; }
.m-block.marg { margin-top: 80px; }
.m-block.no-padd { padding-top: 0; padding-bottom: 0; }
.m-block .m-sliders-c { overflow: hidden; position: relative; }
.m-block .m-sliders { margin-top: 30px; }
.m-block .m-sliders .m-slider { display: none; margin-top: 0; }
.m-block .m-slider { margin-top: 30px; padding-left: calc((100% - 1214px)/2); }
.m-block .m-slider.m-slider-center { padding-left: 0; margin-right: -32px; }
.m-block .m-slider-controls { display: none; }
.m-block .m-slider .item { width: 592px; }
.m-block .m-slider.sm .item { width: 384px; }
.m-block .m-slider .slick-slide { margin: 0 32px 0 0; }
.m-block .m-slider .m-slider-ins .slick-slide { margin: 0; }

/*** Swiper Slider ***/
.m-block.m-block-2 .m-sliders-c-alt { padding-left: calc((100% - 1214px)/2); }
.m-block.m-block-2 .m-slider { padding-left: 0; }

.swiper-slide { height: auto; /*margin-right: 30px;*/ }
.swiper-slide .item-122 { margin-right: 30px; }

.swiper-button-prev,.swiper-button-next { background-color: #fff; border: 1px solid #D2CDB6; width: 48px; height: 48px; border-radius: 50%; margin: 0; transform: translate(0,-49px); /* 48px (button height) + 50px (padding-bottom bullets) / 2 */ }
.swiper-button-prev { left: 30px; }
.swiper-button-next { right: 30px; }
.swiper-button-prev:after,.swiper-button-next:after { display: none; }
.swiper-button-prev svg,.swiper-button-next svg { width: auto; height: auto; }
.swiper-button-prev svg path,.swiper-button-next svg path { stroke: #262626; }
.swiper:not(.swiper-ins) { /*padding-bottom: 50px;*/ }

.swiper-pagination.swiper-pagination-bullets { bottom: 0; left: 50%; transform: translate(-50%, 0); gap: 12px; width: auto; border-radius: 20px; height: 12px; }
.swiper-pagination.swiper-pagination-bullets:not(.swiper-pagination-lock) { display: flex; }
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { width: 8px; height: 8px; border: 0; background: none; margin: 0; opacity: 1; }
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:before { content: ""; display: block; background: #B0B0B0; border: 1px solid #B0B0B0; width: 8px; height: 8px; border-radius: 50%; margin: 0; opacity: 1; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active:before { width: 16px; height: 16px; transform: translate(-4px, -4px); border-color: #262626; background: transparent; }

.swiper-pagination.swiper-pagination-bullets.swiper-pagination-outside { position: relative; bottom: auto; left: 0; transform: none; margin-top: 40px; justify-content: center; }

.swiper-ins .swiper-pagination.swiper-pagination-bullets { bottom: 16px; background: rgba(38, 38, 38, 0.5); padding: 16px 45px; height: auto; }
.swiper-ins .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:before { border-color: #F6F6F6; background: transparent; }
.swiper-ins .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active:before { border-color: #fff; }

@media only screen and (max-width: 1023px) {
.swiper-button-prev,.swiper-button-next { display: none; }
}
/*** Swiper Slider ***/

/* Items Same Height */
.m-block .m-slider .slick-track { display: flex !important; }
.m-block .m-slider .slick-slide { height: inherit !important; }

.m-block .m-slider.m-slider-services .slick-slide { margin: 0 10px 0 0; }
.m-block .m-slider.m-slider-services .item { width: 320px; transform: scale(0.93); transition: 0.5s; /*transition-delay: 300ms;*/ }
/*.m-block .m-slider.m-slider-services .item.slick-current { transform: scale(1); }
.m-block .m-slider.m-slider-services .item.slick-current .item-serv:before { opacity: 1; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; }
.m-block .m-slider.m-slider-services .item.slick-current .item-serv .item-det a { transform: translateY(0); }*/
.m-block .m-slider.m-slider-services .item:hover { transform: scale(1); }
.m-block .m-slider.m-slider-services .item .item-serv:before { -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; }
.m-block .m-slider.m-slider-services .item:hover .item-serv:before { opacity: 1; }
.m-block .m-slider.m-slider-services .item:hover .item-serv .item-det a { transform: translateY(0); }

.m-block .m-slider.m-slider-destinations .slick-slide { margin: 0 32px 0 0; }
.m-block .m-slider.m-slider-destinations .item { width: 904px; }

.m-block .slider-no-c { overflow: hidden; }
.m-block .slider-no { margin-right: -32px; }

.m-car-c { padding-top: 40px; padding-bottom: 15px; position: relative; }
.m-car-c.gold { background: #F6F5F0; }
.m-car-c.ins { padding-top: 0; margin-top: -30px; padding-bottom: 60px; }
.m-car-c.bot { padding-top: 30px; padding-bottom: 60px; }
.m-car-c.neg { padding-top: 0; margin-top: -30px; }
.m-car { }
.m-car .item { margin-right: 40px; }
.m-car .item img { width: 100%; }

.m-rects { padding: 100px 0; }
.m-rects ul { margin-top: 40px; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 40px; }

body.open-mob-menu { position: fixed; width: 100%; height: 100%; }

/********************* HEADER *********************/
header { position: absolute; top: 0; left: 0; width: 100%; z-index: 101; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;  }

.cbp-af-header-shrink .hdr-main { position: fixed; top: 0; background: rgba(38,38,38); width: 100%; }
.cbp-af-body-shrink .mega-menu { position: fixed; top: 92px; }

.sticky-btn { position: fixed; z-index: 103; bottom: 15px; left: 15px; }
.sticky-btn a { border: 1px solid #7E6F4F; background: #7E6F4F; color: #fff !important; }
 
.hdr-top { background: #262626; position: relative; z-index: 101; }
.hdr-top > div { height: 36px; display: flex; gap: 30px; justify-content: space-between; }

.hdr-top-l a { display: flex; font-size: 12px; color: #CEAB71; line-height: 36px; text-transform: uppercase; letter-spacing: 1px; align-items: center; gap: 10px; }
.hdr-top-l a span { color: #fff; }
.hdr-top-l a svg { transform: translateY(-1px); height: 16px; width: auto; }
.hdr-top-l a svg path { stroke: #CEAB71; }

.hdr-top-r { text-align: right; }
.hdr-top-r > div { display: inline-block; vertical-align: middle; }
.hdr-top-r > div:last-child { margin-left: 30px; }
.hdr-top-r > div > a { display: flex; font-size: 12px; color: #fff; line-height: 36px; align-items: center; text-transform: uppercase; letter-spacing: 1px; }
.hdr-top-r > div > a svg { height: 16px; width: auto; }
.hdr-top-r > div > a svg path { stroke: #fff; }
.hdr-top-r > div:first-child > a { gap: 10px; }
.hdr-top-r > div:last-child { position: relative; display: none; }
.hdr-top-r > div:last-child > div { position: absolute; top: 36px; right: 0; background: #262626; border: 0; visibility: hidden; z-index: -1; opacity: 0; padding: 5px 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.hdr-top-r > div:last-child > div.open { visibility: visible; z-index: 0; opacity: 1; }
.hdr-top-r > div:last-child > div ul li { padding: 0 3px; }
.hdr-top-r > div:last-child > div ul li:not(:first-child) { margin-top: 3px; }
.hdr-top-r > div:last-child > div ul li a { font-size: 12px; color: #fff; letter-spacing: 1px; text-transform: uppercase; }
.hdr-top-r > div:last-child > div ul li a:hover,
.hdr-top-r > div:last-child > div ul li.wpml-ls-current-language a { color: #CEAB71; }
.hdr-top-r > div:last-child > div ul li a span { vertical-align: top }
.hdr-top-r > div:last-child > a { gap: 8px; }
.hdr-top-r > div:last-child > a div { margin-top: -4px; }

.hdr-main { position: relative; z-index: 102; background: rgba(38,38,38,0.25); -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.hdr-main > div { display: flex; gap: 30px; justify-content: space-between; align-items: center; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.hdr-main.open > div { background: #262626; }
.hdr-main.inner { background: #7E6F4F; }
body.open-mob-menu .hdr-main { background: #262626; }

.menu-toggle { cursor: pointer; display: none; width: 18px; height: 14px; position: relative; }
.menu-toggle span { display: block; height: 2px; width: 18px; background: #fff; position: absolute; left: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.menu-toggle span:nth-child(1) { top: 2px; }
.menu-toggle span:nth-child(2) { bottom: 2px; }
body.open-mob-menu .menu-toggle span:nth-child(1) { transform: rotate(45deg); top: 6px; left: 0px; }
body.open-mob-menu .menu-toggle span:nth-child(2) { transform: rotate(-45deg); bottom: 6px; left: 0px; }

.hdr-main-l { display: flex; gap: 25px; align-items: center; }
.hdr-main-l .logo a,
.hdr-main-l .logo-mob a { display: block; height: 40px; }
.hdr-main-l .logo a svg,
.hdr-main-l .logo-mob a svg { height: 40px; width: auto; }
.hdr-main-l .logo-mob { display: none; }
.hdr-main-l .menu ul { display: flex; gap: 26px; align-items: center; }
.hdr-main-l .menu > ul > li > a { display: flex; height: 92px; align-items: center; position: relative; }
.hdr-main-l .menu > ul > li > a > span { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #fff; text-transform: uppercase; letter-spacing: 1px; height: 20px; padding: 20px 0; }
.hdr-main-l .menu > ul > li > a > span.hvr-underline-from-center:before { background: #fff; height: 1px; }
.hdr-main-l .menu > ul > li.has > a { padding-right: 20px; }
.hdr-main-l .menu > ul > li.has > a:after { content: ''; display: block; width: 6px; height: 6px; border-top: 1px solid #fff; border-left: 1px solid #fff; transform: rotate(225deg); position: absolute; top: 50%; right: 0; margin-top: -4px; }
.hdr-main-l .menu > ul > li > a svg { height: 20px; width: auto; }
.hdr-main-l .menu > ul > li:not(:first-child) > a svg path { stroke: #fff; }

.hdr-main-r { display: flex; gap: 20px; }
.hdr-main-r a { align-items: center; }
.hdr-main-r a svg { height: 20px; width: auto; }
.hdr-main-r a svg path { stroke: #fff; }

.hdr-srch { position: absolute; top: 128px; left: 0; width: 100%; background: rgba(38,38,38,0.25); padding-bottom: 30px; z-index: 10; display: none; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }

.mega-menu { position: absolute; top: 128px; left: 50%; width: 100%; transform: translate(-50%,0); background: #262626; z-index: 102; display: flex; flex-direction: column; justify-content: center; opacity: 0; visibility: hidden; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.mega-menu .ins { padding: 40px 0; max-height: calc(100vh - 128px); overflow-y: scroll; scrollbar-width: none; }
.mega-menu .ins > div { display: none; }
.mega-menu .ins > div.open { display: block; }
.mega-menu .ins > div h2 { font-size: 50px; }
.mega-menu ul { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 28px 30px; margin-top: 30px; }
.mega-menu ul li { position: relative; }
.mega-menu ul li.col-2 { grid-row: span 2; }
.mega-menu ul li.col-2 img { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 40px); object-fit: cover; }
.mega-menu ul li.col-2 a:last-child { position: absolute; bottom: 0; left: 0; width: 100%;  }
.mega-menu.open { opacity: 1; visibility: visible; }

.item-menu img { border-radius: 8px; }
.item-menu a:last-child { display: block; margin-top: 12px; color: #fff; text-transform: uppercase; letter-spacing: 1px; }

.mob-menu { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: scroll; padding-top: 96px; background: #262626; z-index: 100; opacity: 0; z-index: -1; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.mob-menu .top { padding: 40px 20px 0; }
.mob-menu .top > ul { }
.mob-menu .top > ul > li:not(:first-child) { margin-top: 30px; }
.mob-menu .top > ul > li > a { display: flex; gap: 16px; align-items: center; font-size: 16px; font-weight: 300; color: #fff; position: relative; }
.mob-menu .top > ul > li > a svg { display: block; width: 26px; height: auto; }
.mob-menu .top > ul > li:not(:first-child) > a svg path { stroke: #fff; }
.mob-menu .top > ul > li > a span { position: absolute; top: 11px; right: 4px; }
.mob-menu .top > ul > li .ins { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 115px 16px 40px; z-index: 11; opacity: 0; z-index: -1; background: #262626; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.mob-menu .top > ul > li .ins > a { display: block; position: relative; padding-left: 20px; font-size: 23px; font-weight: 400; font-family: "Noto Serif Display", serif; color: #fff; letter-spacing: 1px; }
.mob-menu .top > ul > li .ins > a:before { content: ''; position: absolute; top: 9px; left: 0; width: 8px; height: 8px; border-top: 1px solid #fff; border-left: 1px solid #fff; transform: rotate(-45deg); }
.mob-menu .top > ul > li .ins ul { margin-top: 25px; white-space: nowrap; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; height: calc(100% - 50px); }
.mob-menu .top > ul > li .ins ul li:not(:first-child) { margin-top: 25px; }
.mob-menu .top > ul > li .ins ul li a { display: flex; gap: 16px; align-items: center; font-size: 14px; color: #fff; letter-spacing: 1px; text-transform: uppercase; }
.mob-menu .top > ul > li .ins ul li a img { width: 80px; height: 80px; object-fit: cover; border-radius: 10px; }
.mob-menu .bot { padding: 40px 20px; z-index: 10; }
.mob-menu .bot ul li:not(:first-child) { margin-top: 30px; }
.mob-menu .bot ul li a { display: flex; gap: 16px; align-items: center; font-size: 16px; font-weight: 300; color: #fff; }
.mob-menu .bot ul li a svg { display: block; width: 26px; height: auto;  }
.mob-menu .bot ul li a svg path { stroke: #fff; }

body.open-mob-menu .mob-menu { opacity: 1; z-index: 100; }
body.open-mob-menu .mob-menu .top > ul > li.open .ins { opacity: 1; z-index: 100; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer { background: #262626; }

.f-top { padding-top: 100px; }
.f-top .f-slider { padding-top: 40px; display: flex; gap: 15px; }
.card { position: relative; left: 0; width: 100px; border-radius: 10px; height: 500px; overflow: hidden; transition: 0.4s ease-in-out; flex: 1; }
.card:before { content: ""; display: block; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(38, 38, 38, 0) 0%, #262626 112.9%); }
.card .card-details-c { display: none; }
.card .card-details { display: flex; gap: 15px; justify-content: space-between; align-items: flex-end; position: absolute; z-index: 2; left: 0; bottom: 0; padding: 24px; width: 100%; }
.card .card-details h3 { font-size: 20px; line-height: 24px; font-weight: 400; font-family: "Noto Serif Display", serif; color: #fff; margin: 0 0 10px; text-transform: uppercase; letter-spacing: 1px; }
.card .card-details p,
.card .card-details a { font-size: 13px; font-weight: 400; color: #fff; text-transform: uppercase; display: flex; gap: 10px; align-items: center; margin: 0; }
.card .card-details p svg { width: auto; height: 22px; }
.card .card-details p svg path { stroke: #fff; }
.card .card-details a svg { width: auto; height: 8px; }
.card .card-details a svg path { stroke: #fff; }
.card > img { position: relative; height: 500px; object-fit: cover; }
.card:hover { flex: 4.5; cursor: pointer; }

.f-top .slider-footer-mob { display: none; margin-top: 16px; }
.f-top .slider-footer-mob .item { max-width: 480px; margin-right: 15px; height: 480px; position: relative; }
.f-top .slick-slider-controls { display: none; }

.f-mid { padding-top: 100px; padding-bottom: 25px; }
.f-mid > div { display: flex; gap: 30px; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.f-mid > div > div:first-child { display: flex; gap: 0 24px; align-items: center; }
.f-mid > div > div:first-child { color: #fff; line-height: 24px; }
.f-mid > div > div:first-child span { display: block; font-size: 20px; line-height: 30px; font-weight: 200; }
.f-mid > div > div:last-child { display: flex; gap: 10px 25px; flex-wrap: wrap; }
.f-mid > div > div:last-child a { display: flex; gap: 10px; font-weight: 300; color: #fff; align-items: center; }
.f-mid > div > div:last-child a svg { height: 20px; width: auto; }
.f-mid > div > div:last-child a svg path { stroke: #CEAB71; }

.f-bot { padding-top: 100px; padding-bottom: 40px; border-top: 1px solid #3D3D3D; }
.f-bot > div { display: flex; gap: 40px 30px; justify-content: space-between; }
.f-bot > div > div:last-child { max-width: 430px; }
.f-bot h3 { font-size: 12px; font-weight: 400; margin: 0; color: #CEAB71; letter-spacing: 1px; }
.f-bot ul.mn { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 15px; padding-top: 2px; }
.f-bot ul.mn li { margin-top: 20px; }
.f-bot ul.mn li a { color: #fff; font-weight: 300; text-transform: uppercase; }
.f-bot ul.mn li a:hover { color: #CEAB71; }
.f-bot img { margin-top: 25px; }
.f-bot p { color: #fff; margin: 10px 0 0 0; }
.f-bot .frm { margin-top: 15px; position: relative; }
.f-bot .frm input { margin: 0; background: url('icons/email-grey.svg') no-repeat center left 16px #3d3d3d; border: 0; width: 100%; height: 56px; border-radius: 28px; padding: 0 140px 0 48px; color: #fff; }
.f-bot .frm button { position: absolute; top: 4px; right: 4px; margin: 0; padding: 0; background: #4f4f4f; border: 0; width: 118px; height: 48px; border-radius: 24px; padding: 0; text-align: center; cursor: pointer; font-size: 13px; font-weight: 400; color: #fff; text-transform: uppercase; letter-spacing: 1px; }
.f-bot ul.soc { margin-top: 40px; display: flex; gap: 25px; }
.f-bot ul.soc li a { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: #3d3d3d; border-radius: 50%; }
.f-bot ul.soc li a svg { height: 20px; width: auto; }
.f-bot ul.soc li:nth-child(2) a svg { height: 19px; }
.f-bot ul.soc li:nth-child(3) a svg { height: 18px; }
.f-bot ul.soc li a svg path { stroke: #CEAB71; }

.f-logos { background: linear-gradient(90deg, #262626 0%, rgba(38, 38, 38, 0.9) 35.28%, #3D3D3D 49.5%, rgba(38, 38, 38, 0.9) 65.29%, #262626 100%); padding-top: 24px; padding-bottom: 24px; }
.f-logos img { display: block; margin: auto auto; max-height: 40px; width: auto; }

.f-copy { padding-top: 18px; padding-bottom: 18px; }
.f-copy > div { display: flex; gap: 30px; justify-content: space-between; }
.f-copy > div > div:first-child,
.f-copy > div > div:last-child a { font-size: 14px; font-weight: 400; color: #fff; }
.f-copy > div > div:last-child { display: flex; gap: 25px; }
/********************* FOOTER *********************/
.slick-slide:not(.slick-active) {
    pointer-events: all !important;
}
/********************* ITEMS *********************/
.item-1 { height: 100%; background: #f6f5f0; border-radius: 8px; overflow: hidden; }
.item-1 .item-img,
.item-1 .item-slider { position: relative; }
.item-1 .item-img div { position: absolute; bottom: 0; left: 0; width: 100%; padding: 100px 24px 24px; background: linear-gradient(180deg, rgba(38, 38, 38, 0) 0%, #262626 112.9%); }
.item-1 .item-img div .ttl-3 { margin: 0; font-size: 32px; line-height: 40px; font-weight: 100; color: #fff; }
/*.item-1 .item-img.rad img,
.item-1 .item-slider.rad img { display: block; border-radius: 10px 10px 0 0; }*/
.item-1 .item-det { /*background: #f6f5f0; border-radius: 0 0 10px 10px;*/ padding: 24px; }
.item-1 .item-det .ttl-1 { margin: 0; font-size: 16px; font-family: 'Trajan Pro Regular'; font-weight: 400; }
.item-1 .item-det .ttl-2 { margin: 10px 0 0 0; font-size: 32px; line-height: 40px; font-weight: 100; color: #7E6F4F; }
.item-1 .item-det .ttl-2.no-ttl-1 { margin-top: 0; }
.item-1 .item-det p { margin: 6px 0 0 0; color: #6D6D6D; }
.item-1 .item-det p.no-marg { margin-top: 0; }
.item-1 .item-det p.no-ttl { margin-top: 12px; }
.item-1 .item-det p.ln4 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; height: 112px; }
div.from { font-size: 12px; line-height: 15px; letter-spacing: 1px; text-transform: uppercase; margin-top: 20px; color: #262626; }
div.from span { display: block; font-size: 22px; line-height: 26px; font-weight: 400; color: #7E6F4F; letter-spacing: normal; margin-top: 3px !important; }
.item-1 .item-det span.rm { display: flex; gap: 5px; font-size: 13px; font-weight: 400; color: #7E6F4F; text-transform: uppercase; text-align: center; align-items: center; justify-content: center; cursor: pointer; margin-top: 10px; }
.item-1 .item-det span.rm img { height: 4px; width: auto; }
.item-1 .item-det span.rm.down img { transform: rotate(180deg); }
ul.dets { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 20px; }
ul.dets li { display: flex; gap: 12px; align-items: center; padding: 11px 15px; border-radius: 18px; background: #fff; font-size: 12px; line-height: 15px; font-weight: 400; color: #262626; }
ul.dets li svg,ul.dets li img { height: 18px; width: auto; }
ul.dets li svg path,ul.dets li svg circle { stroke: #888; }
ul.hnd { margin-top: 13px; }
ul.hnd.no-marg { margin-top: 0; }
ul.hnd li { display: grid; grid-template-columns: 30px 1fr; grid-gap: 0; align-items: start; }
ul.hnd li:not(:first-child) { margin-top: 10px; }
ul.hnd li > div:first-child { transform: translateY(2px); }
ul.hnd li > div:last-child { line-height: 24px; }
ul.hnd li strong { display: block; }
ul.hnd li svg { width: 20px; height: auto; }
ul.chrg { margin-top: 15px; }
ul.chrg li { padding: 8px 15px; font-size: 12px; line-height: 15px; font-weight: 400; border-radius: 15px; background: #fff; color: #262626; }
ul.chrg li:not(:first-child) { margin-top: 15px; }
ul.icos { }
ul.icos li { margin-bottom: 20px; }
ul.icos li span { display: block; color: #6D6D6D; margin-bottom: 5px; }
ul.icos li > div { display: flex; gap: 12px; align-items: center; }
ul.icos li > div > div:first-child { transform: translateY(3px); }
ul.icos li > div > div:first-child svg,ul.icos li > div > div:first-child img { height: 20px; width: auto; }
ul.icos li > div > div:first-child svg path,ul.icos li > div > div:first-child svg circle { stroke: #7E6F4F; }
ul.icos li > div > div:last-child { font-size: 24px; color: #7E6F4F; line-height: 30px; font-weight: 200; }
.item-1 .item-btns { margin-top: 24px; padding-top: 10px; border-top: 1px solid #e8e6d9; }
.item-1 .item-btns .item-btns-1 { display: flex; flex-wrap: wrap; gap: 0 15px; justify-content: space-between; margin-bottom: 14px; font-size: 14px; }
.item-1 .item-btns .item-btns-2 { display: flex; flex-wrap: wrap; gap: 24px 30px; justify-content: space-between; }
.item-1 .item-btns .item-btns-2 > div { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.item-1 .item-btns .item-btns-2 .item-prcs { display: flex; gap: 12px; font-size: 20px; font-weight: 200; color: #888; }
.item-1 .item-btns .item-btns-2.offer .item-prcs { color: #259924; font-weight: 400; }
.item-1 .item-btns .item-btns-2.offer .item-prcs span { color: #888; text-decoration: line-through; font-weight: 200; }

.item-1 .item-btns .item-btns-2 { justify-content: end; gap: 16px; }

.item-1.light { background: #fff; }
/*.item-1.light .item-det { background: #fff; }*/
.item-1.light .item-det ul.dets li { background: #F6F5F0; }
.item-1.light .item-det ul.chrg li { background: #F6F5F0; }

.item-modal { background: #fff; padding: 24px; max-width: 542px; margin: 24px auto; position: relative; border-radius: 8px; }
.item-modal .slider-ins-c { border-radius: 8px !important; overflow: hidden; }
.item-modal .item-modal-ttl { text-align: center; font-size: 24px; color: #7E6F4F; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; }
.item-modal .item-modal-lst { margin: 24px 0 30px; }
.item-modal .item-modal-lst ul li { display: flex; gap: 15px; align-items: center; justify-content: space-between; padding: 10px 0; }
.item-modal .item-modal-lst ul li:nth-child(odd) { background: #f6f5f0; }
.item-modal .item-modal-lst ul li:first-child { border-radius: 8px 8px 0 0; }
.item-modal .item-modal-lst ul li:last-child { border-radius: 0 0 8px 8px; }
.item-modal .item-modal-lst ul li > div:first-child { display: flex; gap: 0; align-items: center; }
.item-modal .item-modal-lst ul li > div:first-child span { display: block; width: 60px; height: 20px; text-align: center; }
.item-modal .item-modal-lst ul li > div:first-child span svg,.item-modal .item-modal-lst ul li > div:first-child span img { height: 20px; width: auto; }
.item-modal .item-modal-lst ul li > div:first-child span svg * { stroke: #262626 !important; }
.item-modal .item-modal-lst ul li > div:last-child { padding-right: 15px; }
.item-modal > a { margin: auto auto; }

.item-serv { position: relative; border-radius: 10px; overflow: hidden; }
.item-serv:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(142, 125, 89, 0.4); z-index: 1; opacity: 0; }
.item-serv .item-img { position: relative; z-index: 0; }
.item-serv .item-img img { }
.item-serv .item-img:before { content: ""; display: block; background: rgba(0,0,0,0.15); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.item-serv .item-det { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; padding: 0 15px 40px; text-align: center; display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(38, 38, 38, 0) 30%, #262626 114.33%); }
.item-serv .item-det h3 { margin: 0; font-size: 28px; line-height: 36px; font-weight: 400; color: #fff; text-transform: uppercase; font-family: "Noto Serif Display", serif; }
.item-serv .item-det p { color: #fff; margin: 15px 0 0 0; }
.item-serv .item-det a { color: #fff; margin-top: 15px; text-transform: uppercase; transform: translateY(100px); -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; }

.item-dest { position: relative; transition: 0.3s; }
.item-dest .item-img { position: relative; z-index: 0; }
.item-dest .item-img img { border-radius: 10px; width: 100%; height: 480px; object-fit: cover; }
.item-dest .item-img:before { content: ""; display: block; background: rgba(0,0,0,0.2); position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; }
.item-dest .item-det { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; padding: 40px; display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(38, 38, 38, 0) 30%, #262626 114.33%); }
.item-dest .item-det h3 { margin: 30px 0 0 0; font-size: 20px; line-height: 25px; font-weight: 200; color: #fff; }
.item-dest .item-det h4 { margin: 0; font-size: 20px; line-height: 25px; font-weight: 400; color: #fff; text-transform: uppercase; font-family: "Noto Serif Display", serif; position: absolute; top: 35px; }
.item-dest .item-det p { color: #fff; margin: 15px 0 0 0; max-width: 540px; }
.item-dest .item-det a { margin-top: 30px; }
/*.owl-item:hover { transform: scale(1.3);transition: 0.3s; }*/

.item-sust { background: #fff; border-radius: 10px; }
.item-sust > div { padding: 0 18px 30px; }
.item-sust span { display: flex; align-items: center; justify-content: center; border: 2px solid #fff; background: #7E6F4F; border-radius: 50%; margin-top: -22px; width: 44px; height: 44px; position: relative; box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.1); }
.item-sust span svg { height: 22px; width: auto; }
.item-sust span svg path { stroke: #fff; }
.item-sust img { border-radius: 10px 10px 0 0; }
.item-sust h3 { margin: 10px 0 15px 0; font-size: 24px !important; line-height: 32px; color: #626262; letter-spacing: 1px; }
.item-sust p { color: #888; line-height: 24px; }

.item-role { padding: 24px; border: 1px solid #E7E7E7; border-radius: 8px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.item-role > img { border-radius: 10px; }
.item-role > span { display: block; font-size: 14px; line-height: 18px; letter-spacing: 1px; color: #262626; text-transform: uppercase; }
.item-role h3 { margin: 10px 0 40px 0; font-size: 32px; line-height: 40px; color: #7E6F4F; font-weight: 100; min-height: 80px; }
.item-role div { font-size: 14px; line-height: 18px; color: #262626; text-transform: uppercase; margin-bottom: 40px; }
.item-role div svg { display: inline-block; vertical-align: middle; margin-right: 10px; transform: translateY(-2px); height: 20px; width: auto; }
.item-role div span { display: block; text-transform: none; font-size: 20px; line-height: 30px; font-weight: 200; margin-top: 5px; }

.item-blog { position: relative; }
.item-blog > a > img { border-radius: 10px; margin-bottom: 25px; }
.item-blog h1,
.item-blog h2,
.item-blog h3,
.item-blog h4 { margin: 25px 0; }
.item-blog p { margin-bottom: 25px; }
.item-blog p.ln3,.item-blog p.ln4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; }
.item-blog p.ln3 { -webkit-line-clamp: 3; line-clamp: 3; }
.item-blog p.ln4 { -webkit-line-clamp: 4; line-clamp: 4; }
.item-blog > div > span { position: absolute; top: -20px; left: -20px; width: 40px; height: 40px; border: 1px solid #E7E7E7; border-radius: 50%; background: #fff; font-size: 14px; color: #7E6F4F; text-align: center; line-height: 38px; box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.05); box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.1); }

.item-blog.hor { display: grid; grid-template-columns: 176px 1fr; grid-gap: 0 25px; }
.item-blog.hor > a > img { margin-bottom: 0; }
.item-blog.hor h2,
.item-blog.hor h3,
.item-blog.hor h4 { margin: 0; font-size: 18px; line-height: 26px; font-family: "Geologica", sans-serif; font-weight: 300; color: #262626; }

.item-blog.lg h2,
.item-blog.lg h3,
.item-blog.lg h4 { margin: 0 0 25px; font-size: 24px; line-height: 30px; font-weight: 200; font-family: "Geologica", sans-serif; color: #262626; }
.item-blog.lg p { font-size: 16px; line-height: 24px; margin-bottom: 0; }
.item-blog.lg .dt { position: absolute; bottom: 0; left: 409px; display: flex; align-items: center; gap: 10px; font-size: 14px; color: #262626; }
.item-blog.lg .dt svg { height: 16px; width: auto; }
.item-blog.lg .dt svg path { stroke: #626262; }
.item-blog.lg .dt.dt-bot { position: relative; bottom: auto; left: auto; margin-top: 20px; }

.item-blog.hor.lg { grid-template-columns: 384px 1fr; }

.item-awards { max-width: 360px; }
.item-awards img { min-height: 130px; }
.item-awards h3 { margin: 25px 0 0; font-size: 20px; color: #fff; line-height: 25px; font-weight: 200; text-transform: uppercase; }
.item-awards p { color: #fff; margin-top: 5px; }

.item-high {}
.item-high img { border-radius: 10px; }
.item-high h3 { margin: 25px 0 10px 0; color: #fff; font-size: 34px !important; line-height: 46px; }
.item-high p { color: #D1D1D1; line-height: 24px; }
.item-high a { margin-top: 20px; }

.item-legacy { max-width: 190px; position: relative; }
.item-legacy:before { content: ''; position: absolute; top: 50px; left: 50%; transform: translateX(-10px); background: #7e6f50; width: 20px; height: 20px; border-radius: 50%; }
.item-legacy span { display: block; font-size: 14px; color: #fff; text-align: center; line-height: 28px; height: 28px; }
.item-legacy img { border-radius: 10px; margin-top: 75px; }
.item-legacy h3 { margin: 10px 0 0; font-size: 20px; line-height: 25px; color: #fff; font-weight: 200; }
.item-legacy p { color: #D1D1D1; margin-top: 5px; }

.item-who {}
.item-who img { border-radius: 10px; }
.item-who span { display: block; margin: 25px 0 15px; font-size: 14px; line-height: 18px; color: #262626; text-transform: uppercase; letter-spacing: 1px; }
.item-who h3 { margin: 0; font-size: 24px; line-height: 30px; color: #262626; font-weight: 200; }

.item-cert { max-width: 360px; }
.item-cert h3 { margin-top: 25px; color: #fff; font-size: 20px; line-height: 25px; font-weight: 200; text-transform: uppercase; }
.item-cert p { color: #fff; margin-top: 5px; line-height: 24px; }

.item-news { display: grid; grid-template-columns: 592px 1fr; }
.item-news > div:last-child { display: grid; grid-template-columns: 1fr 1fr; }
.item-news > div:last-child > div { padding-left: 40px; }
.item-news .item-blog.hor.lg { grid-template-columns: 284px 1fr; }
.item-news .item-blog.hor.lg > div { position: relative; }
.item-news .item-blog.hor.lg > div > a > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; border-radius: 10px; }

.item-car { width: 1214px; position: relative; }
.item-car .item-img { position: relative; border-radius: 8px; overflow: hidden; }
.item-car .item-img:before { content: ''; position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); }
.item-car .item-img img { height: 534px; object-fit: cover; }
.item-car .item-det { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; padding: 40px; display: flex; gap: 30px; justify-content: space-between; align-items: flex-end; }
.item-car .item-det h3 { margin: 0; font-size: 16px; line-height: 24px; font-weight: 400; color: #fff; text-transform: uppercase; font-family: "Noto Serif Display", serif; letter-spacing: 1px; }
.item-car .item-det h2 { margin: 6px 0 0; font-size: 32px; line-height: 40px; font-weight: 100; color: #fff; }

.item-rect { text-align: center; padding: 30px; border: 8px solid #F6F5F0; border-radius: 8px; }
.item-rect h3 { margin: 0 0 15px 0; font-weight: 400; font-family: "Noto Serif Display", serif !important; color: #262626; font-size: 24px; line-height: 30px; letter-spacing: 1px; }

.item-bnr { position: relative; }
.item-bnr .item-img { position: relative; }
.item-bnr .item-img:before { content: ''; position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); }
.item-bnr .item-det { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; }
.item-bnr .item-det > div { padding-bottom: 40px; display: flex; flex-direction: column; align-items: flex-end; }
.item-bnr .item-det > div > div { max-width: 600px; }
.item-bnr .item-det h3 { margin: 0; font-weight: 400; font-family: "Noto Serif Display", serif !important; color: #fff; font-size: 42px; line-height: 50px; letter-spacing: 1px; }
.item-bnr .item-det p { color: #fff; margin-top: 15px; }
.item-bnr .item-det a { display: flex; gap: 10px; align-items: center; color: #fff; margin-top: 15px; }
.item-bnr .item-det a.white { color: #262626 !important; border-color: #fff !important; }
/********************* ITEMS *********************/

/********************* TABS *********************/
.tabs-c { margin-top: 20px; padding: 4px; background: #F6F5F0; border-radius: 28px; display: flex; width: fit-content; max-width: 100%; white-space: nowrap; overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; }
.tabs { background: #F6F5F0; display: flex; border-radius: 24px; position: relative; width: fit-content; gap: 10px;  }
.tabs a { display: flex; gap: 12px; align-items: center; font-size: 14px; letter-spacing: 1px; color: #626262; text-transform: uppercase; padding: 0 25px; line-height: 48px; position: relative; z-index: 1; transition-duration: 0.6s; border-radius: 24px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.tabs a:not(.active):hover { }
.tabs a svg { height: 20px; width: auto; }
.tabs a svg path { stroke: #B0B0B0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.tabs a.active { color: #fff; }
.tabs a.active svg path { stroke: #7E6F4F; }
.tabs .selector { height: 100%; display: inline-block; position: absolute; left: 0px; top: 0px; z-index: 1; border-radius: 24px; transition-duration: 0.6s; background: #262626; }

.tabs-c.light { background: #3d3d3d; }
.tabs-c.light .tabs { background: #3d3d3d; }
.tabs-c.light .tabs a { color: #fff; }
.tabs-c.light .tabs a:not(.active):hover { background: #4F4F4F; }
.tabs-c.light .tabs a.active { color: #262626; }
.tabs-c.light .tabs .selector { background: #fff; }

.tabs-c.white { background: #fff; }
.tabs-c.white .tabs { background: #fff; }

.tabs-c.no-marg { margin-top: 0; }
/********************* TABS *********************/

/********************* HOMEPAGE *********************/
.hp-top-c { position: relative; }
.hp-top { position: relative; }
.hp-top.hp-top-yt { overflow: hidden; }

.hp-top .vd { width: 100%; height: 100vh; }
.hp-top .vd-yt.mob { display: none; }
.hp-top .vd-file.mob { display: none; }
.hp-top video,.hp-top iframe { position: absolute; top: 0; left: 0; }
.hp-top video { object-fit: cover; }
.hp-top iframe { position: absolute; top: 0; left: 0; width: 300%; height: 100%; margin-left: -100%; }

.item-slider-home { max-width: 100vw; height: 100vh; position: relative; z-index: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 128px; }
.item-slider-home.dark:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: rgba(0,0,0,0.4); }
.item-slider-home > img { display: block; object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.item-slider-home > img.mob2 { display: none; }
.item-slider-home > div { position: relative; z-index: 1; margin: auto auto; max-width: 820px; text-align: center; transform: translateY(-0px); }
.item-slider-home > div img { height: 100px; width: auto; }
.item-slider-home > div img.auto { height: auto !important; }
.item-slider-home > div img.mob { display: none; height: 114px; }
.item-slider-home h2 { font-size: 50px; line-height: 60px; font-weight: 300; color: #fff; }
.item-slider-home p { font-size: 20px; font-weight: 200; color: #fff; line-height: 25px; margin: 15px 0 0 0; }
.item-slider-home .btns { margin-top: 40px; display: flex; gap: 15px; justify-content: center; align-items: center; font-size: 13px; font-weight: 400; color: #fff; text-transform: uppercase; }
.item-slider-home .btns a svg { height: 22px; width: auto; }
.item-slider-home .btns a svg path { stroke: #fff; }

.item-slider-home.max-60 > div img { height: auto; max-height: 60px; }
.item-slider-home.max-60 > div img.mob { height: auto; max-height: 60px; }

.hp-top .btns-2 { position: absolute; bottom: 40px; left: 0; width: 100%; display: flex; gap: 16px; justify-content: center; align-items: center; }

.loyalty .item-slider-home { height: 700px; }

.box-srch { position: absolute; bottom: 184px; left: 0; width: 100%; z-index: 10; }
.box-srch .m-btn { padding-top: 14px; padding-bottom: 14px; border-radius: 25px; }
.box-srch .m-btn.m-btn-submit { width: 100%; justify-content: center; }
.box-srch > div { display: flex; gap: 10px; }
.box-srch > div > div { flex: 1 1 0px; position: relative; }
.box-srch > div > div.flex-break { display: none; }
.box-srch > div > div:nth-child(1),.box-srch > div > div:nth-child(3),.box-srch > div > div:nth-child(4) { flex-grow: 1.5; }
.box-srch > div > div:nth-child(3) svg,.box-srch > div > div:nth-child(4) svg { position: absolute; top: 16px; right: 16px; height: 16px; width: auto; }
.box-srch > div > div:nth-child(3) svg path,.box-srch > div > div:nth-child(4) svg path { stroke: #fff; }
.box-srch > div span:not(.btn-close) { display: block; width: 100%; cursor: pointer; position: relative; letter-spacing: 1px; }
.box-srch > div span:not(.btn-close):before { content: ''; width: 7px; height: 7px; border-top: 1px solid #fff; border-left: 1px solid #fff; display: block; position: absolute; top: 17px; right: 16px; transform: rotate(225deg); }
.box-srch > div ul:not(.ul-srhc) { position: absolute; top: 60px; left: 0; z-index: 10; background: #fff; width: 100%; border-radius: 22px; border: 1px solid #e5e5e5; display: none; overflow: hidden; }
.box-srch > div ul:not(.ul-srhc) li { text-align: center; padding: 5px 10px; cursor: pointer; }
.box-srch > div ul:not(.ul-srhc) li.active,
.box-srch > div ul:not(.ul-srhc) li:hover { background-color: #f3f3f3; }
.box-srch > div ul:not(.ul-srhc) li:not(:first-child) { border-top: 1px solid #e5e5e5; }
.box-srch > div input[type=text] { letter-spacing: 1px; cursor: pointer; box-sizing: border-box; width: 100%; }

.box-srch.htl,.box-srch.loy { bottom: 40px; }

.box-srch.rel { position: relative; top: auto; left: auto; bottom: auto; }

.box-srch.loy > div > div:nth-child(3),.box-srch.loy > div > div:nth-child(4),.box-srch.loy > div > div:nth-child(10) { flex-grow: 1.2; }

.box-srch.dark .m-btn { border-color: #B0B0B0 !important; color: #262626 !important; letter-spacing: 0 !important; }
.box-srch.dark .m-btn.m-btn-submit { border-color: #7E6F4F !important; background: #7E6F4F !important; color: #fff !important; }
.box-srch.dark > div span:not(.btn-close):before { border-top: 1px solid #6D6D6D; border-left: 1px solid #6D6D6D; }
.box-srch.dark svg path { stroke: #7E6F4F !important; }
.box-srch.dark input::-webkit-input-placeholder { color: #6D6D6D !important; }
.box-srch.dark input:-moz-placeholder { color: #6D6D6D !important; }
.box-srch.dark input::-moz-placeholder { color: #6D6D6D !important; }
.box-srch.dark input:-ms-input-placeholder { color: #6D6D6D !important; }
.box-srch.dark input:-ms-input-placeholder { color: #6D6D6D !important; }

@media only screen and (min-width: 1280px) {
.hdr-srch.inn { background: #7E6F4F; }
.hdr-srch.inn .m-btn.m-btn-submit { border: 1px solid #fff; background: #fff; color: #7E6F4F !important; }
}

.datepicker.dropdown-menu { background: #fff; padding: 10px 15px; margin: 0; font-size: 16px; border-radius: 5px; color: #000; }
.datepicker table tr td,
.datepicker table tr th { width: 40px !important; height: 40px !important; border-radius: 5px !important; }
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active { background-color: #7E6F4F !important; }

.box-menu { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; }
.box-menu ul { display: flex; align-items: center; max-width: 1000px; width: 100%; margin: auto; }
.box-menu ul li { flex: 1 1 0px; }
.box-menu ul li a { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 140px; text-align: center; font-size: 16px; font-weight: 300; color: #fff; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.box-menu ul li a:before{ background: #cdaa70; }
.box-menu ul li a:hover { color: #CEAB71; }
.box-menu ul li a svg { display: block; height: 36px; width: auto; margin: 0 auto 15px; }
.box-menu ul li a svg path { stroke: #fff; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.box-menu ul li a:hover svg path { stroke: #CEAB71; }

.box-welc { margin: 100px 0; position: relative; }
.box-welc:before { content: ""; display: block; background: #F6F5F0; position: absolute; top: 0; left: 0; width: 70%; height: 100%; z-index: 0; }
.box-welc > div { display: grid; grid-template-columns: 1fr 712px; grid-gap: 0 70px; align-items: center; grid-template-areas: "right left"; padding-top: 100px; padding-bottom: 100px; position: relative; z-index: 1; }
.box-welc > div > div:first-child { grid-area: left; }
.box-welc > div > div:first-child .carousel-3d-container { margin-top: 0 !important; margin-bottom: 0 !important; }
.box-welc > div > div:first-child img { display: block; margin: auto; border-radius: 8px; }
.box-welc > div > div:last-child { grid-area: right; }
.box-welc h3 { font-size: 14px; font-weight: 300; margin: 40px 0 0 0; color: #7E6F4F; text-transform: uppercase; }
.box-welc h2 { margin-top: 15px; }
.box-welc p { margin: 15px 0 0 0; line-height: 24px;}
.box-welc > div > div:last-child a { margin-top: 20px; }

.slider-welc { position: relative; }
/*.slider-welc .carousel-3d-slide { padding-bottom: 50px; }
.slider-welc .carousel-3d-slide:after { content: ''; display: block; position: absolute; bottom: -50px; left: 0; width: 100%; height: 50px; background: #000; }*/
.slider-welc .slider-welc-controls { position: absolute; bottom: 40px; left: 50%; justify-content: center; width: fit-content; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); }
.slider-welc .slider-welc-controls ul { display: flex; gap: 12px; }
.slider-welc .slider-welc-controls ul li { width: 8px; height: 8px; position: relative; }
.slider-welc .slider-welc-controls ul li:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 8px; height: 8px; background: #f6f6f6; border: 1px solid #f6f6f6; border-radius: 50%; cursor: pointer; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.slider-welc .slider-welc-controls ul li.active:before { width: 16px; height: 16px; background: transparent; transform: translate(-4px,-4px); }
.slider-welc .left-1 { transform: translateX(-500px) translateZ(-400px) rotateY(30deg) !important; }
.slider-welc .right-1 { transform: translateX(500px) translateZ(-400px) rotateY(-30deg) !important; }

.box-welc .carousel-3d-controls { background: rgba(38, 38, 38, 0.5); height: 40px !important; border-radius: 20px; top: auto !important; bottom: 24px !important; margin-top: 0 !important; left: 50% !important; /*width: 160px !important;*/ -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); }
.box-welc .carousel-3d-controls a.prev,.box-welc .carousel-3d-controls a.next { top: 14px; width: 18px !important; height: 12px !important; line-height: 12px !important; font-size: 0 !important; background-position: center center; background-repeat: no-repeat; }
.box-welc .carousel-3d-controls a.prev span,.box-welc .carousel-3d-controls a.next span { display: none !important; }
.box-welc .carousel-3d-controls a.prev { background-image: url('icons/arrow-left.svg'); left: 14px; }
.box-welc .carousel-3d-controls a.next { background-image: url('icons/arrow-right.svg'); right: 14px; }

.box-stay { padding: 100px 0; background: #262626; position: relative; }
.box-stay .slider-stay-controls { display: flex; gap: 16px; justify-content: center; align-items: center; margin: 36px auto 0; }
.box-stay .slider-stay-controls span { cursor: pointer; }
.box-stay .slider-stay-controls ul { display: flex; gap: 12px; }
.box-stay .slider-stay-controls ul li { width: 8px; height: 8px; position: relative; }
.box-stay .slider-stay-controls ul li:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 8px; height: 8px; background: #B0B0B0; border: 1px solid #B0B0B0; border-radius: 50%; cursor: pointer; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.box-stay .slider-stay-controls ul li.active:before { width: 16px; height: 16px; background: transparent; border-color: #fff; transform: translate(-4px,-4px); }

.slider-stay { position: relative; padding-top: 40px; }
.slider-stay .carousel-3d-container { overflow-y: visible !important; margin-top: 0 !important; margin-bottom: 0 !important; }
.slider-stay .carousel-3d-slide { background: #262626; }

.slider-stay-item { position: relative; border-radius: 10px; overflow: hidden; }
.slider-stay-item > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.slider-stay-item > div { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; padding: 0 30px 30px; display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(38, 38, 38, 0) 30%, #262626 114.33%); }
.slider-stay-item h3 { margin: 0; font-size: 28px; line-height: 36px; font-weight: 400; color: #fff; text-transform: uppercase; font-family: "Noto Serif Display", serif; }
.slider-stay-item p { color: #fff; font-weight: 100; margin-top: 10px; }
.slider-stay-item span { display: block; color: #fff; transform: translateY(60px); height: 0; padding: 0; visibility: hidden; opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.slider-stay-item:hover span { visibility: visible; opacity: 1; transform: translateY(0); padding: 15px 0 20px 0; }

.box-disc { background: #7E6F4F; padding-top: 100px; padding-bottom: 100px; }
.box-disc .logo img { height: 74px; width: auto; }
.box-disc .box-c { margin-top: 60px; position: relative; }
.box-disc .box { display: flex; flex-flow: wrap; }
.box-disc .box > div { flex: 0 0 50%; }
.box-disc .box > div:first-child { background: #262626; border-radius: 10px 0 0 10px; padding: 60px; }
.box-disc .box > div:last-child { position: relative; }
.box-disc .box > div:last-child:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: rgba(0,0,0,0.3); z-index: 2; }
.box-disc .box > div:last-child > img { display: block; background-size: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
.box-disc .box > div:last-child > span { position: absolute; top: -42px; left: 50%; z-index: 2; margin-left: -161px; }
.box-disc .box-cards img { display: block; position: absolute; }
.box-disc .box-cards img:nth-child(1) { top: -60px; left: 50%; transform: translateX(-15px); max-width: 270px; z-index: 3; filter: drop-shadow(-30px 36px 40px rgba(0,0,0,0.35)); }
.box-disc .box-cards img:nth-child(2) { top: 45px; right: 85px; max-width: 300px; z-index: 4; filter: drop-shadow(20px 36px 40px rgba(0,0,0,0.35)); }
.box-disc .box-cards img:nth-child(3) { bottom: 115px; left: 50%; transform: translateX(-50px); max-width: 315px; z-index: 5; filter: drop-shadow(-10px 36px 40px rgba(0,0,0,0.35)); }
.box-disc .box-cards img:nth-child(4) { bottom: -30px; right: 85px; max-width: 360px; z-index: 6; filter: drop-shadow(20px 36px 40px rgba(0,0,0,0.35)); }
.box-disc .box h2,.box-disc .box h3,p { margin: 0; }
.box-disc .box h3 { font-size: 14px; line-height: 18px; font-weight: 300; color: #CEAB71; text-transform: uppercase; letter-spacing: 1px; }
.box-disc .box h2 { color: #fff; margin-top: 15px; letter-spacing: 1px; }
.box-disc .box p { margin-top: 15px; color: #D1D1D1; line-height: 24px; }
.box-disc .box a { margin-top: 25px; }
.box-disc ul { display: flex; gap: 30px; margin-top: 60px; position: relative; z-index: 20; }
.box-disc ul li { text-align: center; position: relative; }
.box-disc ul li span { display: flex; justify-content: center; align-items: center; width: 64px; height: 64px; border-radius: 50%; background: #7F6C4F; margin: 0 auto 6px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.box-disc ul li span svg { height: 32px; width: auto; }
.box-disc ul li span svg path { stroke: #fff; }
.box-disc ul li:hover span { background: #262626; }
.box-disc ul li h4 { font-size: 14px; color: #fff; font-weight: 300; line-height: 18px; text-transform: uppercase; letter-spacing: 1px; }
.box-disc ul li p { background: #fff; font-size: 14px; color: #262626; font-weight: 300; padding: 16px; width: 300px; border-radius: 5px; text-align: left; position: absolute; bottom: 100%; left: 50%; transform: translate(-50%,-16px); box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.45); opacity: 0; visibility: hidden; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; transition: opacity 0.5s, display: 0.5s; }
.box-disc ul li:hover p { opacity: 1; visibility: visible; }
.box-disc ul li p:after { content: ""; width: 0;  height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; position: absolute; bottom: -10px; left: 50%; transform: translateX(-10px); }

.box-disc.extra .box { padding-top: 42px; padding-bottom: 42px; }

.box-insta { padding-top: 100px; padding-bottom: 100px; background: #F6F5F0; }
.box-insta .ttl { display: flex; align-items: center; gap: 15px; margin: 15px 0 50px; }
.box-insta .ttl svg { height: 32px; width: auto; }
.box-insta .ttl h3 { line-height: 70px; letter-spacing: normal; }
/********************* HOMEPAGE *********************/

/********************* HOTEL *********************/
.hp-top.hp-top-hotel .hp-srch { bottom: 40px; }

.box-text { background: #F6F5F0; padding: 80px 0; }
.box-text p { color: #7E6F4F; font-size: 40px; line-height: 58px; /*max-width: 800px;*/ letter-spacing: normal; font-family: "Noto Serif Display", serif !important; }
.box-text.sm p { font-size: 32px; line-height: 40px; }
.box-text.eve p { max-width: 900px; font-weight: 300; font-family: inherit; }

.box-text.by-2 > div { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 40px; align-items: center; }
.box-text.by-2 p { max-width: 100%; font-weight: 400; }
.box-text.by-2 span { display: block; font-size: 18px; }

.box-info { padding: 100px 0 20px; }
.box-info .slider-box-info-c { position: relative; width: 100%; max-width: 1008px; float: right; }
.box-info .slider-box-info { }
.box-info .slider-box-info .item img { border-radius: 10px; }
.box-info-ins { position: relative; }
.box-info-ins .m-ico { position: absolute; top: 0; left: 0; z-index: 1; }
.box-info-ins .box { background: #f6f5f0; width: 100%; max-width: 800px; padding: 40px 30px; text-align: center; position: relative; z-index: 2; transform: translateY(-80px); border-radius: 10px; box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.25); }
.box-info-ins .box > div { width: 640px; max-width: 100%; margin: auto auto; }
.box-info-ins .box > div img { margin: 0 auto 40px; max-width: 190px; }
.box-info-ins .box > div p { color: #6D6D6D; margin-top: 15px; line-height: 24px; }
.box-info-ins .box > div a { margin: 30px auto 0; }

.box-info.gold { background: #f6f5f0; }
.box-info.gold .box-info-ins .box { background: #fff; }

.box-info.opp .slider-box-info-c { float: none; }
.box-info.opp .box-info-ins .m-ico { left: auto; right: 0; }
.box-info.opp .box-info-ins .box { float: right; }

.box-prllx { position: relative; }
.box-prllx img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.box-prllx:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 1; }
.box-prllx > div { position: relative; z-index: 1; display: flex; text-align: center; padding: 40px 0; min-height: 510px; }
.box-prllx > div > div { max-width: 1056px; }
.box-prllx h2 { line-height: 60px !important; color: #fff; letter-spacing: normal; }
.box-prllx p { margin-top: 25px; color: #fff; }

.box-high { background: #262626; padding: 100px 0 200px; }
.box-high ul { display: flex; gap: 40px; margin-top: 50px; }
.box-high ul li { flex: 1; }

.box-exp { background: #7e6f50; padding: 100px 0; }
.box-exp > div { position: relative; }
.box-exp > div > div { max-width: 610px; text-align: center; }
.box-exp > div > div h2 { margin: 0 0 12px 0; color: #fff; }
.box-exp > div > div p { color: #fff; line-height: 24px; }
.box-exp > div > div a { margin: 30px auto 0; }
.box-exp > div > div a svg { height: 16px; width: auto; }
.box-exp > div > div a svg path { stroke: #fff; }
/*.box-exp img { position: absolute; bottom: -100px; right: 40px; }*/
.box-exp img { position: absolute; top: -150px; right: 40px; width: 500px; }
/********************* HOTEL *********************/

/********************* ABOUT *********************/
.abt-menu { margin-bottom: -1px; position: relative; }
.abt-menu:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #ccc; }
.abt-menu ul { display: flex; }
.abt-menu ul li a { display: block; padding: 0 24px; line-height: 50px; text-transform: uppercase; letter-spacing: 1px; }
.abt-menu ul li a:hover { color: #7E6F4F; }
.abt-menu ul li a:before { background: #7e6f4f; height: 1px; }
.abt-menu ul li.active a { color: #7E6F4F; }
.abt-menu ul li.active a:before { right: 0; }

.box-text-2 { padding: 80px 0; }
.box-text-2.gold { background: #F6F5F0; }
.box-text-2.marg { padding: 0; margin-top: 80px; }
.box-text-2 h1 { margin-bottom: 25px; letter-spacing: normal; }
.box-text-2 h2 { margin-top: 20px; }
.box-text-2 p { margin-top: 24px; max-width: 820px; }
.box-text-2.full p { max-width: 100%; }
.box-text-2 p a { color: #7e6f4f; }
.box-text-2 > div > span { display: block; margin-top: 40px; }

.abt-list { background: #f6f5f0; padding: 80px 0; }
.abt-list > div { padding-right: 0; }
.abt-list > div > div { display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; }
.abt-list .item-sust { width: 280px; }

.box-prtnr-c { background: #f6f5f0; padding: 20px 0 80px; }
.box-prtnr { background: #fff; padding: 30px 0 40px 0; position: relative; }
.box-prtnr:before,
.box-prtnr:after { content: ''; position: absolute; top: 0; height: 100%; width: 700px; }
.box-prtnr:before { left: 0; background: linear-gradient(90deg, #F6F5F0 18%, rgba(246, 245, 240, 0) 100%); }
.box-prtnr:after { right: 0; background: linear-gradient(90deg, rgba(246, 245, 240, 0) 0%, #F6F5F0 85.82%); }
.box-prtnr h2 { margin: 0; font-size: 14px; line-height: 18px; font-weight: 300; text-transform: uppercase; padding-left: 90px; color: #262626; letter-spacing: 1px; }
.box-prtnr .slider { margin-top: 30px; padding-left: 90px; }
.box-prtnr .slider .item { margin-right: 80px; display: flex; justify-content: center; align-items: center; }
.box-prtnr .slider .slick-track { display: flex !important; }
.box-prtnr .slider .slick-slide { height: inherit !important; }

.box-certs { background: #7e6f50; padding: 80px 0; }
.box-certs .slider-certs-c { margin-top: 50px; margin-left: -15px; margin-right: -15px; overflow: hidden; }
.box-certs .slider-certs { padding-bottom: 70px !important; }
.box-certs .slider-certs .item-cert { margin-left: 15px; margin-right: 15px; }

.box-boxes { padding: 80px 0; }

.box-cols { padding: 80px 0; }
.box-col { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0; }
.box-col .box-col-img { position: relative; grid-area: img; }
.box-col .box-col-img .vd { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.box-col .box-col-img .vd iframe { width: 300%; margin-left: -100%; }
.box-col .box-col-img iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.box-col .box-col-img video { object-fit: cover; }
.box-col .box-col-img > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.box-col .box-col-img > span { position: absolute; }
.box-col .box-col-img > span.top { top: 45px; }
.box-col .box-col-img > span.bot { bottom: 45px; }
.box-col .box-col-img > span.lft { left: 45px; }
.box-col .box-col-img > span.rgt { right: 45px; }
.box-col .box-col-img > span > img { max-width: 324px; max-height: 220px; width: auto; height: auto; }
.box-col .box-col-txt { background: #f6f5f0; padding: 50px 80px; grid-area: txt; }
.box-col .box-col-txt h3 { margin: 15px 0 0 0; font-size: 24px; line-height: 30px; font-weight: 200; color: #7E6F4F; }
.box-col .box-col-txt > p { margin-top: 15px; line-height: 24px; }
.box-col .box-col-txt > p > span { display: block; font-size: 22px; line-height: 26px; font-weight: 400; color: #7E6F4F; letter-spacing: normal; margin-top: 3px !important; }
.box-col .box-col-txt > span { display: flex; gap: 25px; margin-top: 30px; flex-wrap: wrap; }
.box-col .box-col-txt > strong { display: block; margin-top: 15px; }
.box-col .box-col-txt > ul.hnd li { margin-top: 0; }

.box-cols.pad-lg { padding: 100px 0; }
.box-cols.pad-no-top { padding-top: 0; }
.box-cols.pad-no-bot { padding-bottom: 0; }
.box-cols.ul-rad > div > ul { border-radius: 8px; overflow: hidden; }
.box-cols.li-rad > div > ul > li { border-radius: 8px; overflow: hidden; }
.box-cols.dist > div > ul > li:not(:first-child) { margin-top: 80px; }

.box-cols > div > ul > li > div { grid-template-areas: "img txt"; }
.box-cols > div > ul > li.opp > div { grid-template-areas: "txt img"; }
.box-cols > div > ul > li.sm > div { grid-template-columns: 520px 1fr; }

.car-who { background: #f6f5f0; padding: 80px 0; }
.car-who .slider-who { margin-top: 40px; }
.car-who .slider-who .item { margin: 0 16px; }

.car-rol { padding: 80px 0; }
.car-rol .slider-rol { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 40px; margin-top: 50px; }
.car-rol .slider-rol .item:hover .item-role { border-color: #7E6F4F; background: #F6F5F0; box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.2); }

.car-ins .box-text-2 { padding: 0; }
.car-ins .box-text-2 h1 { margin-top: 40px; }
.car-ins .box-text-2 .ins { max-width: 900px; }
.car-ins .box-text-2 .ins h2 { font-size: 14px; line-height: 18px; margin: 40px 0 0 0; font-weight: 300; color: #7E6F4F; letter-spacing: 1px; text-transform: uppercase; }
.car-ins .box-text-2 .ins p { margin-top: 15px; }
.car-ins .box-text-2 .ins ul { margin-top: 15px; }
.car-ins .box-text-2 .ins ul li:not(:first-child) { margin-top: 15px; }

.car-ins .socs { margin-top: 35px; }

.car-ins .frm { margin-top: 80px; background: #f6f5f0; padding: 80px 0; }
.car-ins .frm .m-frm { max-width: 820px; }
.car-ins .frm h3 { margin: 40px 0 0; font-size: 24px; line-height: 30px; color: #262626; font-weight: 200; }

.box-facts { background: #f6f5f0; padding: 80px 0; }
.box-facts .ins { margin-top: 30px; display: grid; grid-template-columns: minmax(0, auto) 416px; grid-gap: 0; }
.box-facts .ins img { border-radius: 10px 0 0 10px; min-height: 400px; object-fit: cover; }
.box-facts .ins > div:last-child { background: #fff; border-radius: 0 10px 10px 0; position: relative; }

.slider-facts { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.slider-facts .slick-list,.slider-facts .slick-track { height: 100%; }
.slider-facts .item-facts { position: relative; width: 100%; height: 100%; padding-bottom: 120px; }
.slider-facts .item-facts.open { padding-bottom: 100px; }

.slider-facts-counter { position: absolute; top: 24px; left: 24px; z-index: 10; font-size: 14px; letter-spacing: 1px; color: #262626; text-transform: uppercase; }

.slider-facts-btns { position: absolute; bottom: 24px; left: 24px; z-index: 10; display: flex; gap: 8px; }
.slider-facts-btns a { display: flex; gap: 10px; font-size: 13px; height: 44px; padding-top: 0; padding-bottom: 0; }
.slider-facts-btns > div:first-child a { padding-left: 0; padding-right: 0; width: 44px; justify-content: center; }
.slider-facts-btns a svg { height: 12px; width: auto; }
.slider-facts-btns a svg path { stroke: #262626; }

.item-facts { padding: 24px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; }
.item-facts h3 { margin: 0; font-size: 24px; line-height: 30px; font-weight: 200; color: #262626; }
.item-facts p { color: #CEAB71; margin-top: 15px; display: none; }
.item-facts a { margin-top: 20px; }

.box-legacy { background: #262626; padding: 80px 0; }
.slider-legacy-ln { height: 2px; background: #626262; transform: translateY(50px); }
.slider-legacy-c { margin-top: 45px; padding-left: calc((100% - 1214px)/2); }
.slider-legacy { position: relative; margin-top: -11px; }
.slider-legacy:before,
.slider-legacy:after { content: ''; position: absolute; top: 0; height: 100%; z-index: 1; width: 500px; }
.slider-legacy:before { left: 0; background: linear-gradient(270deg, rgba(38, 38, 38, 0) 57.14%, #262626 100%); }
.slider-legacy:after { right: 0; background: linear-gradient(90deg, rgba(38, 38, 38, 0) 57.14%, #262626 100%); }
.slider-legacy .item { margin-right: 60px; }

.box-awards { background: #7e6f50; padding: 80px 0; }
.box-awards .slider-awards-c { margin-top: 50px; margin-left: -15px; margin-right: -15px; overflow: hidden; }
.box-awards .slider-awards { padding-bottom: 70px !important; }
.box-awards .slider-awards .item { margin-left: 15px; margin-right: 15px; }

.box-maps { padding: 80px 0; }

.box-news { padding: 80px 0; }
.box-news .item-blog.lg:not(.hor) h4 { min-height: 90px; }

.slider-news-c { display: block; }
.slider-news { margin-top: 60px; }
.slider-news-c-2 { display: none; margin-right: -16px; }

.box-gallery { background: #7e6f50; padding: 80px 0; }

.slider-gallery-c { }
.slider-gallery { margin-top: 25px; }
.slider-gallery .item { transform: scale(0.9); transition: 0.5s; transition-delay: 300ms; }
.slider-gallery .item.slick-current { transform: scale(1); }
.slider-gallery .item.slick-current .item-gallery a { opacity: 1; z-index: 1; }

.item-gallery { position: relative; }
.item-gallery a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; display: flex; align-items: flex-end; justify-content: flex-end; padding: 0 17px 17px 0; opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.item-gallery a svg { height: 22px; width: auto; }
.item-gallery a svg path { stroke: #fff; }
.item-gallery img { border-radius: 8px; }

.box-pins { position: relative; }
.box-pins .box-pins-map { height: 636px; }
.box-pins .box-pins-mn { position: absolute; top: 0; right: 36px; padding: 24px; width: 332px; height: 100%; }
.box-pins .box-pins-mn ul { background: #fff; border-radius: 10px; height: 100%; white-space: nowrap; overflow: hidden; /*overflow-y: scroll;*/ /*-ms-overflow-style: none; scrollbar-width: none;*/ }
.box-pins .box-pins-mn ul li:not(:last-child) { border-bottom: 1px solid #E7E7E7; }

/*.box-pins ::-webkit-scrollbar { width: 6px; }
.box-pins ::-webkit-scrollbar-track { background: transparent; }
.box-pins ::-webkit-scrollbar-thumb { background: #888; max-width: 6px; border-radius: 3px; }
.box-pins ::-webkit-scrollbar-thumb:hover { background: #000; }*/

.gm-style-iw.gm-style-iw-c { width: auto; padding: 0; border-radius: 24px; top: 7px; left: -24px; transform: none; background: url('icons/pin-active.svg') 4px 4px no-repeat #7E6F4F; }
.gm-style-iw-d { overflow: hidden !important; }
.gm-style-iw-d > div { font-size: 12px; font-weight: 300; color: #fff; text-transform: uppercase; letter-spacing: 1px; padding: 0 20px 0 52px; line-height: 48px; }
.gm-style-iw-chr,.gm-style-iw-tc { display: none; }

.mCSB_scrollTools_vertical { right: 18px !important; margin: 18px 0 !important; }
.mCSB_inside > .mCSB_container{ margin-right: 0 !important; }
.mCSB_scrollTools { width: 6px !important; }
.mCSB_scrollTools .mCSB_draggerRail{ width: 6px !important; background: transparent !important; }
.mCSB_scrollTools .mCSB_dragger{ height: 40px !important; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px !important; background: #888 !important; }

.item-map { padding: 18px 25px; cursor: pointer; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.item-map h3 { margin: 0; font-size: 16px; line-height: 24px; font-weight: 400; color: #262626; }
.item-map p { display: grid; grid-template-columns: 12px 1fr; grid-gap: 6px; align-items: center; font-size: 12px; line-height: 15px; color: #626262; text-transform: uppercase; margin: 5px 0 0 5px; letter-spacing: 1px; }
.item-map p svg { height: 18px; width: auto;  }
.item-map:hover { background: #E7E7E7; }
.item-map.active { background: #7E6F4F; }
.item-map.active h3 { color: #fff; }
.item-map.active p { color: #E8E6D9; }
.item-map.active svg path,.item-map.active svg circle { stroke: #E8E6D9; }
/********************* ABOUT *********************/

/********************* CONTACT *********************/
.cont { margin-bottom: 80px; }
.cont > div { display: flex; }
.cont > div > div { flex-basis: 50%; padding: 40px; }
.cont > div > div:first-child { background: #262626; padding-top: 90px; border-radius: 10px 0 0 10px; }
.cont > div > div:last-child { background: #F6F5F0; border-radius: 0 10px 10px 0; }
.cont h2 { color: #fff; }
.cont > div > div > img { margin-top: 40px; height: 58px; width: auto; }
.cont > div > div > ul { margin-top: 35px; }
.cont > div > div > ul li:not(:last-child) { margin-bottom: 15px; }
.cont > div > div > ul li:first-child { margin-bottom: 25px; }
.cont > div > div > ul li a { display: flex; gap: 10px; align-items: flex-start; font-size: 24px; line-height: 30px; color: #fff; font-weight: 200; }
.cont > div > div > ul li:first-child a { line-height: 38px; }
.cont > div > div > ul li a span { transform: translateY(2px); }
.cont > div > div > ul li a span svg { height: 20px; width: auto; }
.cont > div > div > ul li a span svg path,.cont > div > div > ul li a span svg circle { stroke: #CEAB71; }
.cont h3 { margin: 0; font-size: 24px; line-height: 30px; font-weight: 200; color: #262626; }
 
.m-frm form .flds { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 16px; }
.m-frm form .flds.pad { border-top: 1px solid #D2CDB6; border-bottom: 1px solid #D2CDB6; padding: 25px 0 20px 0; margin-top: 25px; }
.m-frm form .flds > div { position: relative; }
.m-frm form .flds > div.full { grid-column: 1 / span 2; }
.m-frm form .flds > div.grd-2 { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 16px; }
.m-frm form .flds div.slct { position: relative; }
.m-frm form .flds div.slct select { display: block; width: 100%; height: 64px; padding: 0 16px; font-size: 16px; line-height: 1.42857143; color: #262626; background-color: #fff; background-image: none; border: 1px solid #E8E6D9; border-radius: 10px; }
.m-frm form .flds div.slct.dflt select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.m-frm form .flds div.slct.dflt .arrow { position: absolute; top: 50%; right: 17px; transform: translate(0,-50%); }
.m-frm form .flds .ico,.m-frm form .flds .ico { position: relative; }
.m-frm form .flds .ico .ico-c,
.m-frm form .flds .ico .ico-c-2,.m-frm form .flds .req .ico-c-2,
.m-frm form .flds .ico .ico-c-3 { position: absolute; z-index: 2; }
.m-frm form .flds .ico .ico-c { top: 21px; left: 1px; width: 48px; text-align: center; }
.m-frm form .flds .ico .ico-c-2,.m-frm form .flds .req .ico-c-2 { top: 19px; right: 18px; }
.m-frm form .flds .ico .ico-c-3 { top: 16px; right: 20px; }
.m-frm form .flds .ico .ico-c svg { height: 20px; width: auto; }
.m-frm form .flds .ico .ico-c-2 svg,.m-frm form .flds .req .ico-c-2 svg { height: 13px; width: auto; }
.m-frm form .flds .ico .ico-c svg path,.m-frm form .flds .ico .ico-c svg circle { stroke: #7E6F4F; }
.m-frm form .flds .ico .ico-c-2 svg path,.m-frm form .flds .req .ico-c-2 svg path { stroke: #626262; }
.m-frm form .flds .ico .ico-c-3 svg path { stroke: #7E6F4F; }
.m-frm form .flds .ico .form-control { padding-left: 48px; }
.m-frm form .flds .show { position: absolute; top: 50%; right: 16px; z-index: 10; transform: translate(0,-50%); }
.m-frm form .flds .show.txt { text-transform: uppercase; cursor: pointer; font-size: 14px; font-weight: 500; color: #7E6F4F; }
.m-frm form .flds .req .form-control { padding-right: 48px; }
.m-frm form .flds .bro { position: relative; }
.m-frm form .flds .bro:after { content: 'Browse Files'; display: block; position: absolute; top: 16px; right: 14px; background: #f6f5f0; height: 32px; line-height: 32px; padding: 0 16px; border-radius: 16px; font-size: 13px; letter-spacing: 1px; color: #262626; text-transform: uppercase; font-weight: 400; }
.m-frm form .flds .bro.req:after { right: 48px; }
.m-frm form .flds .form-control { cursor: pointer; }
.m-frm form .flds .form-control[disabled] { opacity: 1 !important; background: #ddd; }
.m-frm form .flds .form-control.file { z-index: 2; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; }
.m-frm form .flds .form-control.nofile { z-index: 1; }
.m-frm form .flds div.sel { position: relative; text-align: left; }
.m-frm form .flds div.sel span:not(.wpcf7-not-valid-tip):not(.wpcf7-form-control-wrap) { display: block; line-height: 62px; font-size: 16px; color: #6D6D6D; cursor: pointer; }
.m-frm form .flds div.sel ul { display: none; position: absolute; top: 80px; left: 0; width: 100%; background-color: #fff; border: 1px solid #E8E6D9; border-radius: 10px; z-index: 10; }
.m-frm form .flds div.sel ul li { padding: 0 16px; line-height: 62px; cursor: pointer; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.m-frm form .flds div.sel ul li:hover,.m-frm form .flds div.sel ul li.active { color: #CEAB71; }
.m-frm form .flds div.sel ul li:not(:last-child) { border-bottom: 1px solid #E8E6D9; }
.m-frm form .rds,
.m-frm form .rds > div { display: flex; gap: 25px; }
.m-frm form .rds > div > div { position: relative; padding-left: 32px; }
.m-frm form .rds > div > div > div { position: absolute; top: -2px; left: 0; }
.m-frm form p { display: flex; gap: 10px; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; color: #262626; align-items: center; }
.m-frm form p svg { height: 12px; width: auto; }
.m-frm form p svg stroke { stroke: #262626; }
.m-frm form button { justify-content: center; height: 60px; border-radius: 30px; }
.m-frm .bot { margin-top: 25px; }
.m-frm .bot-2 { background: #f6f5f0; border-top: 1px solid #e7e7e7; margin-left: -40px; margin-right: -40px; border-radius: 0 0 10px 10px; }
.m-frm .bot-2 a,
.m-frm .bot-2 a span { display: flex; gap: 8px; justify-content: center; align-items: center; }
.m-frm .bot-2 a { padding: 20px 24px; color: #262626; }
.m-frm .bot-2 a span {  color: #7E6F4F; text-transform: uppercase; letter-spacing: 1px; gap: 4px; }
.m-frm .rds { margin: 12px 0; position: relative; }
.m-frm .chk { position: relative; padding-left: 26px; line-height: 20px; text-align: left; }
.m-frm .chk.marg { margin-top: 25px; }
.m-frm .chk > div { position: absolute; top: -1px; left: -3px; }
.m-frm .chk a { color: #7E6F4F; }
.m-frm .frg { margin-top: -5px; text-align: center; padding-bottom: 35px; }
.m-frm .frg a { color: #7E6F4F; }
.m-frm .hdn input { display: none; }
.m-frm .wpcf7-form-control-wrap { display: block; }

.by-2 { display: flex; gap: 16px; align-items: center; }
.by-2 > * { flex: 1; }

.m-frm.ln1 form .flds { grid-template-columns: 1fr; }
.m-frm.ln1 form .by-2 { display: grid; grid-template-columns: 1fr; gap: 16px; }
.m-frm.ln1 form button { display: block; width: 100%; }

.m-frm .wpcf7-list-item { margin: 0; }
.m-frm .wpcf7-not-valid-tip { color: #CEAB71; font-size: 16px; font-weight: 300; }
.m-frm .wpcf7 form.invalid .wpcf7-response-output,
.m-frm .wpcf7 form.unaccepted .wpcf7-response-output,
.m-frm .wpcf7 form.payment-required .wpcf7-response-output { border-color: #CEAB71; margin: 30px 0 0 0; }
.m-frm.light .wpcf7-response-output { color: #fff !important; }

.login { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url('images/login-bg.svg') no-repeat center center; background-color: #e8e6d9; z-index: 101; overflow: scroll; opacity: 0; visibility: hidden; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.login.open { opacity: 1; visibility: visible; }
.login > span { position: absolute; top: 30px; right: 30px; cursor: pointer; z-index: 10; }
.login > span svg { height: 30px; width: auto; }
.login > span svg path { stroke: #262626; }
.login .l-top { position: absolute; top: 0; left: 0; width: 100%; padding: 60px 24px 0; }
.login .l-top img { display: block; height: 60px; width: auto; max-width: 100%; margin: 0 auto 15px; }
.login .l-top img.mob { display: none; height: 114px; }
.login .l-top div { font-size: 20px; line-height: 25px; font-weight: 200; color: #626262; text-align: center; }
.login .l-bot { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 24px 20px; display: flex; gap: 30px; justify-content: space-between; align-items: flex-end; }
.login .l-bot > div,
.login .l-bot > div a { font-size: 14px; line-height: 18px; font-weight: 400; color: #7E6F4F; }
.login .l-bot > div:last-child ul { display: flex; gap: 24px; }
.login .frm { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 180px 24px; }
.login .frm .ins { background: #fff; border-radius: 8px; width: 480px; max-width: 100%; padding: 45px 40px 0; }
.login .frm .ins h2,.login .frm .ins p { text-align: center; text-transform: uppercase; }
.login .frm .ins p { color: #7E6F4F; letter-spacing: 1px; margin-top: -3px; margin-bottom: 35px; }
.login .frm-forgot { display: none; }

.m-pag { display: flex; gap: 15px; align-items: center; justify-content: center; }
.m-pag svg { height: 10px; width: auto; }
.m-pag svg path { stroke: #262626; }
.m-pag ul { display: flex; gap: 8px; }
.m-pag ul li a { display: block; width: 40px; height: 40px; line-height: 38px; text-align: center; border: 1px solid #B0B0B0; font-size: 14px; color: #262626; border-radius: 20px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.m-pag ul li a:hover,
.m-pag ul li.active a { border-color: #7E6F4F; color: #fff; background: #7E6F4F; }

.m-pag nav { margin: 0; }
.m-pag nav .nav-links { display: flex; gap: 8px; align-items: center; }
.m-pag nav .nav-links a.page-numbers:not(.prev):not(.next),.m-pag nav .nav-links span { display: block; width: 40px; height: 40px; line-height: 38px; text-align: center; border: 1px solid #B0B0B0; font-size: 14px; color: #262626; border-radius: 20px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.m-pag nav .nav-links a.page-numbers:not(.prev):not(.next):hover,.m-pag nav .nav-links span { border-color: #7E6F4F; color: #fff; background: #7E6F4F; }
/********************* CONTACT *********************/

/********************* BLOG *********************/
.blog-t { margin-top: 80px; }
.blog-t > div { display: grid; grid-template-columns: 1fr 386px; grid-gap: 0 32px; }
.blog-t > div > div:last-child h3 { line-height: 70px; }
.blog-t > div > div:last-child .slider-blog { padding: 24px; margin-top: 32px; background: #F6F5F0; border-radius: 10px; }
.blog-t > div > div:last-child .slider-blog > div:not(:first-child) { margin-top: 32px; }

.blog-b { margin-top: 80px; background: #f6f5f0; padding: 90px 0; }
.blog-b > div { display: grid; grid-template-columns: 1fr 386px; grid-gap: 0 32px; grid-template-areas: "right left"; }
.blog-b > div > div:first-child { grid-area: left; }
.blog-b > div > div:last-child { grid-area: right; }
.blog-b ul:not(.m-pag-ul) { margin-top: 55px; }
.blog-b ul:not(.m-pag-ul) li:not(:first-child) { margin-top: 32px; }
.blog-b > div > div:last-child > ul:not(.m-pag-ul) li:not(:first-child) { margin-top: 24px; }
.blog-b .m-pag { margin-top: 65px; }

.blog-a { padding: 80px 0; }
.blog-a ul li:not(:first-child) { margin-top: 24px; }
.blog-a .m-pag { margin-top: 60px; }

.back { margin-top: 25px; }
.back a { display: flex; align-items: center; gap: 10px; font-size: 13px; line-height: 17px; color: #262626; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; }
.back a svg { height: 10px; width: auto; }
.back a svg path { stroke: #626262; }

.blog-t-ins { }
.blog-t-ins .item-blog > div { max-width: 910px; }
.blog-t-ins .item-blog > img { max-width: 1110px; width: 100%; }
.blog-t-ins .item-blog .m-ico.mob { display: none; margin-top: 45px; }
.blog-t-ins .item-blog h1 { margin-top: 35px; }
.blog-t-ins .item-blog p { margin-top: 25px; }

.blog-t-ins .m-ico > span:first-child svg { height: 26px; }
.blog-t-ins .m-ico > span:first-child svg path { fill: #fff; stroke: transparent; }

.blog-b-ins { }
.blog-b-ins p { max-width: 700px; }
.blog-b-ins > div { display: grid; grid-template-columns: 1fr 386px; grid-gap: 0 32px; }
.blog-b-ins > div > div:last-child { margin-top: 75px; }
.blog-b-ins > div > div:last-child ul:not(.m-pag-ul) { margin-top: 65px; }
.blog-b-ins > div > div:last-child ul:not(.m-pag-ul) li:not(:first-child) { margin-top: 32px; }

.socs { margin-top: 25px; padding-top: 15px; border-top: 1px solid #e7e7e7; max-width: 800px; }
.socs span { font-size: 13px; color: #262626; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; }
.socs ul { margin-top: 5px; display: flex; gap: 15px; }
.socs ul li { margin: 0 !important; }
.socs ul li a { display: flex; width: 40px; height: 40px; border-radius: 50%; background: #f6f5f0; align-items: center; justify-content: center; }
.socs ul li a svg { height: 22px; width: auto; }
.socs ul li a svg path { stroke: #141B34; }

.blog-b-ins-2 { margin-top: 80px; background: #f6f5f0; padding: 90px 0; }
.blog-b-ins-2 .slider-latest-c { margin-left: -16px; margin-right: -16px; overflow: hidden; }
.blog-b-ins-2 .slider-latest { margin-top: 40px; }
.blog-b-ins-2 .slider-latest .item { margin: 0 16px; }
.blog-b-ins-2 .slider-latest .item .item-blog.lg h4 { margin: 0 0 5px 0; }
.blog-b-ins-2 .m-pag { display: none; margin-top: 40px; }
/********************* BLOG *********************/

/********************* EVENTS *********************/
.slider-events { margin-top: 20px; padding-left: calc((100% - 1214px)/2); }
.slider-events .item { margin-right: 32px; }
.slider-events .item > div { max-width: 384px; }
.slider-events .item .item-btns { gap: 16px 10px; }

.eve-frm { padding: 80px 0; background: #7e6f50; }
.eve-frm > div { display: flex; gap: 40px; align-items: center; justify-content: space-between; }
.eve-frm > div > div { width: 500px; }
.eve-frm h2 { margin-bottom: 50px; color: #fff; }
.eve-frm img { height: 58px; max-width: auto; }
.eve-frm img.mob { height: 114px; display: none; margin: auto; }
.eve-frm > div > div > p { font-size: 24px; line-height: 30px; font-weight: 200; color: #fff; margin-top: 40px; }

.eve-frm .m-frm form .flds { border-bottom-color: #8E7D59; padding-bottom: 24px; border-top: 0; padding-top: 0; }
.eve-frm .m-frm form .rds { color: #fff; }
.eve-frm .m-frm form p { color: #fff; }
.eve-frm .m-frm .chk,.eve-frm .m-frm .chk a { color: #fff; }
/********************* EVENTS *********************/

/********************* MEMBERS *********************/
.mem { display: grid; grid-template-columns: 290px 1fr; grid-gap: 0 40px; padding: 10px 10px 10px calc((100% - 1262px)/2); }
.mem .mem-mn { padding: 40px 0 0 24px; }
.mem .mem-mn img { height: 100px; width: auto; max-width: 100%; }
.mem .mem-cnt { background: #f6f5f0; padding: 55px 60px 40px 50px; border-radius: 10px; display: grid; grid-template-columns: 500px 1fr; grid-gap: 0 40px; grid-template-areas: "details card"; }
.mem .mem-cnt .mem-img { grid-area: card; position: relative; }
.mem .mem-cnt .mem-img > div { max-width: 320px; float: right; }
.mem .mem-cnt .mem-img > div img { display: block; box-shadow: 0px 28px 55px -14px rgba(16, 24, 40, 0.25); border-radius: 10px; }
.mem .mem-cnt .mem-img > div .img-txt,
.mem .mem-cnt .mem-det .img-txt { gap: 5px; align-items: center; background: #E8E6D9; padding: 0 18px; line-height: 50px; border-radius: 25px; font-size: 13px; font-weight: 400; color: #675441; text-transform: uppercase; letter-spacing: 1px; }
.mem .mem-cnt .mem-img > div .img-txt { display: flex; position: absolute; bottom: 20px; right: 0; }
.mem .mem-cnt .mem-img > div .img-txt span,
.mem .mem-cnt .mem-det .img-txt span { font-size: 24px; font-weight: 200; color: #262626; transform: translateY(-1px); letter-spacing: normal; }
.mem .mem-cnt .mem-det { grid-area: details; }
.mem .mem-cnt .mem-det > div { max-width: 515px; width: 100%; }
.mem .mem-cnt .mem-det h1 { margin-bottom: 25px; }
.mem .mem-cnt .mem-det h2 { margin-top: 50px; margin-bottom: 25px; }
.mem .mem-cnt .mem-det p { color: #262626; }
.mem .mem-cnt .mem-det p.sm { font-size: 12px; text-transform: uppercase; margin-top: 15px; color: #262626; letter-spacing: 1px; font-weight: 400; }
.mem .mem-cnt .mem-det .img-txt { display: none; margin-top: 20px; }
.mem ul.mn { margin-top: 60px; }
.mem ul.mn li:not(:first-child) { margin-top: 30px; }
.mem ul.mn li a { display: flex; align-items: center; gap: 18px; padding: 0 14px; line-height: 40px; border-radius: 8px; text-transform: uppercase; font-weight: 14px; font-weight: 400; letter-spacing: 1px; }
.mem ul.mn li a svg { height: auto; width: 22px; }
.mem ul.mn li a svg path { stroke: #626262; }
.mem ul.mn li a:hover { color: #7E6F4F; }
.mem ul.mn li.active a { background: #F6F5F0; color: #7E6F4F; }
.mem ul.mn li a:hover svg path,
.mem ul.mn li.active a svg path { stroke: #7E6F4F; }

.mem ul.det li { font-size: 20px; line-height: 30px; color: #262626; font-weight: 200; border-bottom: 1px solid #B8AE8C; padding-bottom: 20px; }
.mem ul.det li span { display: block; font-size: 13px; font-weight: 400; color: #675441; text-transform: uppercase; letter-spacing: 1px; }
.mem ul.det li:not(:first-child) { margin-top: 15px; }

.mem ul.sym { margin-top: 25px; display: flex; gap: 24px 8px; flex-wrap: wrap; }
.mem ul.sym li { width: 32px; height: 32px; border-radius: 16px; background: #7E6F4F; text-align: center; display: flex; justify-content: center; align-items: center; }
.mem ul.sym li.light { background: #fff; }
.mem ul.sym li svg { width: auto; height: 22px; }
.mem ul.sym li svg path { stroke: #fff; }
.mem ul.sym li.light svg path { stroke: #262626; }

.mem ul.frm { transform: translateY(-20px); }
.mem ul.frm li { position: relative; border-bottom: 1px solid #B8AE8C; padding: 20px 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.mem ul.frm li div { position: absolute; top: 50%; right: 0; transform: translate(-50%,0); display: none; cursor: pointer; z-index: 10; }
.mem ul.frm li div.open { display: block; }
.mem ul.frm li span { display: block; font-size: 13px; font-weight: 400; color: #675441; text-transform: uppercase; }
.mem ul.frm li input { background: none; border: 0; padding: 0; height: auto; font-size: 20px; font-weight: 200; color: #262626; border-radius: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.mem ul.frm li.active { background-color: #fff; padding-left: 25px; border-color: #262626; }
.mem button { margin-top: 20px !important; min-width: 200px; max-width: 100%; }
/********************* MEMBERS *********************/

.box-gift { padding: 80px 0; background: #F6F5F0; }
.box-gift .top { display: flex; gap: 30px; }
.box-gift .top > div { flex: 1; }
.box-gift .top > div h2 { margin: 25px 0 0 0; letter-spacing: normal; }
.box-gift .top > div p { margin-top: 70px; }
.box-gift .top > div > span { margin-top: 25px; display: flex; gap: 15px; }
.box-gift .bot { display: grid; grid-template-columns: 48.765% 51.235%; grid-gap: 0; margin-top: 40px; }
.box-gift .bot > div:first-child img { border-radius: 10px 0 0 10px; }
.box-gift .bot > div:last-child { display: grid; grid-template-columns: 145px 1fr 145px; grid-gap: 0; text-align: center; overflow: hidden;background: #fff; border-radius: 0 10px 10px 0; }
.box-gift .bot > div > div { height: 100%; align-content: center; }
.box-gift .bot > div > div:nth-child(2) { border-left: 1px solid #F6F5F0; border-right: 1px solid #F6F5F0; text-align: left; padding: 0 24px; }
.box-gift .bot > div > div:not(:nth-child(2)) svg { height: 33px; width: auto; }
.box-gift .bot > div span { display: block; font-size: 13px; color: #262626; font-weight: 400; text-transform: uppercase; line-height: 17px; letter-spacing: 1px; }
.box-gift .bot > div span.span1 { margin-top: 25px; }
.box-gift .bot > div span.span2 { margin-top: 7px; }
.box-gift .bot > div .day { color: #7E6F4F; font-weight: 400; letter-spacing: normal; }
.box-gift .bot > div h3 { margin: 0; font-size: 14px; line-height: 18px; color: #7E6F4F; font-weight: 300; text-transform: uppercase; letter-spacing: 1px; }
.box-gift .bot > div ul { margin-top: 10px; }
.box-gift .bot > div ul li { display: flex; gap: 18px; align-items: center; }
.box-gift .bot > div ul li:not(:first-child) { margin-top: 5px; }
.box-gift .bot > div ul li svg { width: auto; height: 17px; }

.box-gift .m-ico > span:first-child svg { height: 26px; }
.box-gift .m-ico > span:first-child svg path { fill: #fff; stroke: transparent; }

.box-gift.vert { padding: 0; }
.box-gift.vert > div { max-width: 100%; padding: 0; }
.box-gift.vert .bot { display: block; margin-top: 0; }
.box-gift.vert .bot > div:first-child img { border-radius: 0; }
.box-gift.vert .bot > div:last-child { background: transparent; border-radius: 0; max-width: 700px; margin-left: auto; margin-right: auto; padding: 60px 16px; }
.box-gift.vert .bot > div > div:nth-child(2) { border: 0 !important; max-width: 340px; margin-left: auto; margin-right: auto; }

.box-gift-under .mob { display: none; }
.box-gift-under img { width: 100%; }

.box-beach { padding: 80px 0 165px; position: relative; margin-bottom: -155px; }
.box-beach:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 1; }
.box-beach > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.box-beach > div { position: relative; z-index: 2; }
.box-beach > div > div { background: #7E6F4F; padding: 40px; border-radius: 10px; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 80px; align-items: center; }
.box-beach > div > div > div { text-align: center; }
.box-beach > div > div > div > img { display: block; margin: auto; max-height: 70px; }
.box-beach > div > div > div h2 { margin: 7px 0 0; font-size: 20px; line-height: 30px; color: #fff; font-weight: 200; text-transform: uppercase; }
.box-beach > div > div > div p { color: #fff; margin-top: 25px; }
.box-beach > div > div > div:last-child p { text-align: left; margin-top: 0; }
.box-beach > div > div > div .btns { display: flex; gap: 16px; justify-content: center; margin-top: 25px; }
.box-beach > div > div > div .icos { display: flex; gap: 10px; justify-content: center; margin-top: 30px; flex-direction: column; }
.box-beach > div > div > div .icos span { display: flex; gap: 10px; align-items: center; justify-content: center; font-size: 12px; color: #fff; font-weight: 400; }
.box-beach > div > div > div .icos span svg { height: 20px; width: auto; }
.box-beach > div > div > div .icos span svg path,.box-beach > div > div > div span svg circle { stroke: #fff; }

/********************* LOYALTY *********************/
.box-loy-1 { background: #262626; padding: 80px 0; }
.box-loy-1 img { border-radius: 10px; margin-bottom: 60px; }
.box-loy-1 > div > div { display: grid; grid-template-columns: 310px 1fr; grid-gap: 0 50px; }
.box-loy-1 h2 { color: #CEAB71; letter-spacing: normal; }
.box-loy-1 p { color: #fff; margin: 12px 0 25px; }
.box-loy-1 span { display: flex; gap: 15px; }
.box-loy-1 > div > div.no-ttl { display: block; }
.box-loy-1 > div > div.no-ttl span { justify-content: center; }

.box-loy-2 { background: #f6f5f0; padding: 80px 0; }
.box-loy-2 > div > h2 { line-height: 70px !important; letter-spacing: normal; }
.box-loy-2 > div > div { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 0 50px; margin-top: 30px; }
.box-loy-2 > div > div span { display: flex; width: 64px; height: 64px; border-radius: 50%; background: #262626; align-items: center; justify-content: center; }
.box-loy-2 > div > div span svg { height: 30px; width: auto; }
.box-loy-2 > div > div span svg path { stroke: #fff; }
.box-loy-2 > div > div h3 { font-size: 24px; line-height: 30px; font-weight: 200; color: #7E6F4F; margin-top: 30px; margin-bottom: 15px; }

.box-loy-3 { position: relative; padding: 120px 0 100px; }
.box-loy-3:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: rgba(0,0,0,0.4); }
.box-loy-3 > img { display: block; object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; }
.box-loy-3 > div { }
.box-loy-3 > div > img,
.box-loy-3 > div > div { position: relative; z-index: 2; }
.box-loy-3 > div > img { height: 74px; }
.box-loy-3 > div > img.mob { display: none; height: 114px; }
.box-loy-3 > div > .top { background: #7e6f50; display: flex; gap: 30px; padding: 60px 60px 300px; margin-top: 100px; border-radius: 10px; }
.box-loy-3 > div > .top > div { flex: 1; }
.box-loy-3 > div > .top h3 { font-size: 14px; line-height: 18px; font-weight: 300; color: #D2CDB6; text-transform: uppercase; letter-spacing: 1px; } 
.box-loy-3 > div > .top h2 { color: #fff; margin-top: 5px; } 
.box-loy-3 > div > .top p { color: #D2CDB6; line-height: 24px; margin-top: 30px; margin-bottom: 25px; max-width: 490px; } 
.box-loy-3 > div > .top span { display: flex; gap: 15px; }
.box-loy-3 > div > .top ul { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 40px 50px; max-width: 440px; margin: auto; } 
.box-loy-3 > div > .top ul li { text-align: center; color: #fff; line-height: 24px; } 
.box-loy-3 > div > .top ul li span { display: flex; width: 64px; height: 64px; border-radius: 50%; background: #262626; align-items: center; justify-content: center; margin: 0 auto 10px; } 
.box-loy-3 > div > .top ul li span svg { height: 32px; width: auto; } 
.box-loy-3 > div > .top ul li span svg path { stroke: #fff; } 
.box-loy-3 > div > .crds { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 0 16px; padding: 0 24px; margin-top: -205px; } 
.box-loy-3 > div > .crds .img { padding: 27px 0 0 22px; border-radius: 10px 10px 0 0; } 
.box-loy-3 > div > .crds .img.silver { background: #98ADBB; } 
.box-loy-3 > div > .crds .img.gold { background: #B57E46; } 
.box-loy-3 > div > .crds .img.platinum { background: #585A66; } 
.box-loy-3 > div > .crds .img.titanium { background: #1D1D38; } 
.box-loy-3 > div > .crds .det { background: #f6f5f0; min-height: 155px; padding: 15px 24px; border-radius: 0 0 10px 10px; } 
.box-loy-3 > div > .crds .det h4 { margin: 0; font-size: 32px; line-height: 40px; font-weight: 100; color: #7E6F4F; } 
.box-loy-3 > div > .crds .det ul { margin-top: 5px; } 
.box-loy-3 > div > .crds .det ul li { display: flex; gap: 10px; color: #6D6D6D; align-items: center; line-height: 24px; } 
.box-loy-3 > div > .crds .det ul li:not(:first-child) { margin-top: 5px; }
.box-loy-3 > div > .crds .det ul li svg { height: 20px; width: auto; }
.box-loy-3 > div > .crds .det ul li svg path { stroke: #7E6F4F; }

.box-loy-4 { position: relative; }
.box-loy-4 img { display: block; object-fit: cover; width: 100%; height: 546px; object-position: center right; }
.box-loy-4 > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: flex; align-content: center; }
.box-loy-4 > div > div { width: 100%; }
.box-loy-4 > div h2 { color: #CEAB71; line-height: 50px !important; }
.box-loy-4 > div p { color: #fff; max-width: 700px; margin-top: 15px; }
.box-loy-4 > div .btns { display: flex; gap: 15px; align-items: center; margin-top: 25px; }
.box-loy-4 > div .btns span { display: block; font-size: 13px; font-weight: 400; color: #fff; text-transform: uppercase; }

.box-loy-5 { position: relative; padding: 80px 0; }
.box-loy-5 img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.box-loy-5 > div { display: grid; grid-template-columns: 310px 1fr; grid-gap: 0 50px; position: relative; z-index: 1; align-items: start; }
.box-loy-5 h2 { color: #fff; letter-spacing: normal; }
.box-loy-5 p { color: #DCD8C5; margin: 12px 0 25px; }
.box-loy-5 span { display: flex; gap: 15px; }
.box-loy-5 .box-srch { margin-top: 40px; }

.box-well { margin-top: 80px; }
.box-well > div:first-child { position: relative; }
.box-well > div:first-child:before { content: ''; display: block; background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.box-well > div:first-child > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.box-well > div:first-child > div { position: relative; padding-top: 40px; padding-bottom: 40px; min-height: 500px; text-align: center; z-index: 2; display: flex; flex-direction: column; justify-content: center; align-content: center; }
.box-well span { display: block; font-size: 20px; line-height: 25px; font-weight: 200; color: #fff; }
.box-well img.logo { max-width: 350px; width: 100%; height: auto; margin: 25px auto 0; }
.box-well ul.btns { display: flex; justify-content: center; gap: 15px; margin-top: 40px; }
.box-well ul.btns a { padding-top: 13px; padding-bottom: 13px; min-width: 230px; justify-content: center; border-radius: 19px; border-radius: 24px; }
.box-well div.mn { background: #f6f5f0; }
.box-well div.mn ul { display: flex; justify-content: center; gap: 32px; }
.box-well div.mn ul li a { font-size: 14px; line-height: 18px; text-align: center; text-transform: uppercase; height: 66px; display: flex; align-items: center; }
/********************* LOYALTY *********************/

/********************* GIFT CARD *********************/
.gift-card { padding: 100px 0; }
.gift-card > div { max-width: 1058px; }
.gift-card h2 { text-align: center; }
.gift-card .sel-0 { }
.gift-card .sel-0 span { display: block; font-size: 14px; color: #7E6F4F; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-top: 35px; }
.gift-card .sel-0 ul { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 30px; margin-top: 20px; }
.gift-card .sel-0 ul li a { display: flex; align-items: center; font-size: 24px; line-height: 30px; font-weight: 200; color: #7E6F4F; border: 1px solid #E7E7E7; padding: 15px 30px 15px 64px; min-height: 108px; border-radius: 8px; position: relative; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.gift-card .sel-0 ul li a:before { content: ''; position: absolute; top: 50%; left: 24px; transform: translate(0,-50%); width: 24px; height: 24px; border: 1px solid #B0B0B0; border-radius: 12px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.gift-card .sel-0 ul li.active a { background: #f6f5f0; border-color: #7E6F4F; }
.gift-card .sel-0 ul li.active a:before { border-color: #7E6F4F; background: url('images/tick.svg') no-repeat center center #7E6F4F; }
.gift-card .sel-box { background: #F6F5F0; border-radius: 8px; padding: 40px; margin-top: 35px; display: none; }
.gift-card .sel-box.sel-box-1 { display: block; }
.gift-card .sel-box .sel-btns { display: flex; justify-content: space-between; gap: 30px; padding-bottom: 32px; }
.gift-card .sel-box .sel-btns > div { display: flex; gap: 16px; flex-wrap: wrap; align-items: center; }
.gift-card .sel-box .sel-btns > div:first-child > span { display: none; background: #fff; }
.gift-card .sel-box .sel-btns > div:first-child > span:first-child { display: block; }
.gift-card .sel-box .sel-btns > div:last-child { justify-content: flex-end; }
.gift-card .sel-box .sel-btns span { border: 1px solid #D2CDB6; position: relative; cursor: default; }
.gift-card .sel-box .sel-btns span.active { border-color: #7E6F4F; background: #fff; }
.gift-card .sel-box .sel-btns span.done { padding-left: 60px; background: transparent !important; }
.gift-card .sel-box .sel-btns span.done:before { content: ''; position: absolute; top: 50%; left: 30px; transform: translate(0,-50%); width: 18px; height: 18px; background: url('images/tick.svg') no-repeat center center #7E6F4F; background-size: 8px; border: 1px solid #7E6F4F; border-radius: 12px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.gift-card .sel-box .sel-sels { border-top: 1px solid #D2CDB6; padding: 30px 0 24px; display: none; }
.gift-card .sel-box .sel-sels.sel-sels-1 { display: block; }
.gift-card .sel-box .sel-sels h3 { }
.gift-card .sel-box .sel-sels ul.ul-1 { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 0 20px; margin-top: 22px; }
.gift-card .sel-box .sel-sels ul.ul-1 li a { display: flex; align-items: center; justify-content: center; padding: 15px 0; min-height: 180px; border: 1px solid #D2CDB6; border-radius: 8px; font-size: 40px; color: #7E6F4F; line-height: 50px; font-weight: 100; text-align: center; position: relative; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.gift-card .sel-box .sel-sels ul.ul-1 li a span { transform: translateY(-10px); }
.gift-card .sel-box .sel-sels ul.ul-1 li.active a { background: #f6f5f0; border-color: #7E6F4F; }
.gift-card .sel-box .sel-sels ul.ul-1 li a:before { content: ''; position: absolute; bottom: 15px; left: 50%; transform: translate(-50%,0); width: 24px; height: 24px; background: #fff; border: 1px solid #B0B0B0; border-radius: 12px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.gift-card .sel-box .sel-sels ul.ul-1 li.active a:before { border-color: #7E6F4F; background: url('images/tick.svg') no-repeat center center #7E6F4F; }

.gift-card .sel-box .sel-sels ul.ul-2 { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 0 20px; margin-top: 22px; }
.gift-card .sel-box .sel-sels ul.ul-2 li a { display: flex; justify-content: center; padding: 3px 3px 35px; border: 1px solid #D2CDB6; border-radius: 16px; position: relative; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.gift-card .sel-box .sel-sels ul.ul-2 li a img { border-radius: 16px; }
.gift-card .sel-box .sel-sels ul.ul-2 li.active a { background: #fff; border-color: #7E6F4F; }
.gift-card .sel-box .sel-sels ul.ul-2 li a:before { content: ''; position: absolute; bottom: 6px; left: 50%; transform: translate(-50%,0); width: 24px; height: 24px; background: #fff; border: 1px solid #B0B0B0; border-radius: 12px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.gift-card .sel-box .sel-sels ul.ul-2 li.active a:before { border-color: #7E6F4F; background: url('images/tick.svg') no-repeat center center #7E6F4F; }

.gift-card .sel-box .sel-sels ul.ul-3 { margin-top: 22px; }
.gift-card .sel-box .sel-sels ul.ul-3 li:not(:first-child) { margin-top: 15px; }
.gift-card .sel-box .sel-sels ul.ul-3 li a { display: block; padding-left: 40px; position: relative; }
.gift-card .sel-box .sel-sels ul.ul-3 li a:before { content: ''; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); width: 24px; height: 24px; border: 1px solid #B0B0B0; border-radius: 12px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.gift-card .sel-box .sel-sels ul.ul-3 li.active a:before { border-color: #7E6F4F; background: url('images/tick.svg') no-repeat center center #7E6F4F; }

.gift-card .sel-box .sel-sels .sel-self { padding-top: 25px; }

.gift-card .sel-box .sel-sels ul.ul-4 { display: flex; gap: 24px; margin-top: 5px; }
.gift-card .sel-box .sel-sels ul.ul-4 li a { display: block; position: relative; padding-left: 34px; color: #626262; }
.gift-card .sel-box .sel-sels ul.ul-4 li a:before { content: ""; display: block; position: absolute; top: 50%; transform: translate(0,-50%); left: 0; width: 24px; height: 24px; border-radius: 8px; background: #fff; border: 1px solid #D2CDB6; }
.gift-card .sel-box .sel-sels ul.ul-4 li.active a:before { border-color: #7E6F4F; background: url('images/tick.svg') no-repeat center center #7E6F4F; }

.gift-card .sel-box .m-frm .flds.no-top { margin-top: 0; border-top: 0; }
.gift-card .sel-box .m-frm .flds.no-bot { padding-bottom: 0; border-bottom: 0; }
.gift-card .sel-box .m-frm .flds .ttl { font-size: 14px; color: #7E6F4F; text-transform: uppercase; letter-spacing: 1px; }
.gift-card .sel-box .m-frm .flds .sel.ico.sh { display: none; }
.gift-card .sel-box .m-frm .flds .sel.ico.sh.sh-1 { display: block; }
.gift-card .sel-box .m-frm .flds .sel.ico span { padding-left: 16px; }

.gift-card .sel-box .sel-btn { border-top: 1px solid #D2CDB6; }
.gift-card .sel-box .sel-btn { display: flex; justify-content: space-between; gap: 30px; align-items: center; padding-top: 32px; }
.gift-card .sel-box .sel-btn > div { display: flex; gap: 16px; align-items: center; }
.gift-card .sel-box .sel-btn a.m-btn { border: 1px solid #D2CDB6; position: relative; min-width: 160px; text-align: center; justify-content: center; }
.gift-card .sel-box .sel-btn a.prev { padding-left: 40px; display: none; }
.gift-card .sel-box .sel-btn a.next { padding-right: 40px; }
.gift-card .sel-box .sel-btn a.prev svg,
.gift-card .sel-box .sel-btn a.next svg { position: absolute; top: 50%; transform: translate(0,-50%); height: 8px; width: auto; }
.gift-card .sel-box .sel-btn a.prev svg { left: 12px; }
.gift-card .sel-box .sel-btn a.next svg { right: 12px; }
.gift-card .sel-box .sel-btn .chk { position: relative; padding-left: 26px; line-height: 20px; text-align: left; }
.gift-card .sel-box .sel-btn .chk > div { position: absolute; top: -1px; left: -3px; }
.gift-card .sel-box .sel-btn .chk a { color: #7E6F4F; }
.gift-card .sel-box .sel-btn .sbmt,.gift-card .sel-box .sel-btn .chk { display: none; }
/********************* GIFT CARD *********************/

.dl-container { padding: 0 !important; max-width: 100% !important; width: 100%; }
.dl-fullwidth-container { overflow: hidden !important; }

.hm-gha-hdr { max-width: 100vw; height: 500px; position: relative; z-index: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 128px; }
.hm-gha-hdr:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: rgba(0,0,0,0.4); }
.hm-gha-hdr > img { display: block; object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.hm-gha-hdr > div { position: relative; z-index: 1; margin: auto auto; max-width: 820px; text-align: center; transform: translateY(-0px); }
.hm-gha-hdr > div img { height: 100px; }
.hm-gha-hdr > div img.mob { display: none; height: 114px; }
.hm-gha-hdr p { font-size: 20px; font-weight: 200; color: #fff; line-height: 25px; margin: 15px 0 0 0; }
.hm-gha-hdr .btns { margin-top: 40px; display: flex; gap: 15px; justify-content: center; align-items: center; font-size: 13px; font-weight: 400; color: #fff; text-transform: uppercase; }
.hm-gha-hdr .btns a svg { height: 22px; width: auto; }
.hm-gha-hdr .btns a svg path { stroke: #fff; }

.hm-gha-main { max-width: 800px; margin-left: auto; margin-right: auto; }
.hm-gha-main .m-frm form .flds .form-control { padding-left: 16px !important; font-size: 16px !important; }
.hm-gha-main .m-frm form .flds .ico .form-control { padding-left: 48px !important; }
.hm-gha-main .m-frm form .flds div.slct select { padding-left: 16px !important;  }
.hm-gha-main .m-frm form .flds .chk.chk-top { margin-top: 21px; }

#dl_template_layout .alert { padding: 0 !important; margin: 30px 0 !important; max-width: 100%; background: transparent; border: 0; }
#dl_template_layout .alert-warning p { padding: 15px !important; /*padding: 0 0 16px; margin-bottom: 0; background: transparent !important; border-left-color: #7E6F4F !important; color: #7E6F4F !important; font-family: inherit;*/ }
#dl_template_layout .alert-success { padding: 15px !important; }
#dl_template_layout .alert-success a { color: #000 !important; font-weight: 400; }

.mem .dl-container #dl_template_layout { padding: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
.mem .dl-container #dl_template_layout #dl_template_body { padding-left: 0 !important; padding-right: 0 !important; }
.mem .dl-container #dl_template_layout #dl_template_body .dl-dashboard-wrapper { padding: 0 !important; max-height: none !important; overflow: visible; }
.mem .dl-container #dl_template_layout #dl_template_body .dl-dashboard-wrapper h1 { font-family: inherit; text-transform: none; }
.mem .dl-container #dl_template_layout #dl_template_body .dl-dashboard-wrapper .mobile-dash-trigger { display: none !important; }

.hm-gha-frm { padding: 40px 0; }
.hm-gha-frm input#gha-search-results__promo-code { max-width: 100%; }
.hm-gha-frm .gha-search-results__location-holder-output { width: 240px; border-radius: 22px; border-color: #e5e5e5; }
.hm-gha-frm .gha-search__location-holder-output h3 { margin-bottom: 4px; font-size: 16px; font-weight: 600; color: #7E6F4F; }
.hm-gha-frm .gha-search__location-holder-output .gha-search__close-button.gha-search-results__close-button { position: sticky; }

.hm-gha-srch .gha-search-results-container { padding-bottom: 80px; }
.hm-gha-srch .gha-search-results__bottom-holder { margin-top: 0; }
.hm-gha-srch .gha-search-results__bottom-holder .gha-search-results__title { text-align: center; }
.hm-gha-srch .gha-search-results__top { position: relative; }
.hm-gha-srch .gha-search-results__top .gha-search-results__sorting { position: absolute; left: 0; top: 50%; transform: translate(0,-50%); }
.hm-gha-srch .gha-search-results__top .gha-search-results__sorting select { font-size: 14px; font-weight: 300; padding: 0 10px; height: 36px; border-radius: 18px; }
.hm-gha-srch .gha-search-results__discovery-hotels-title { text-align: center; }
.hm-gha-srch .gha-search-results__hotel-card-container { margin: 15px 0 0; border-radius: 8px; }
.hm-gha-srch .gha-search-results__hotel-info h3 { font-size: 20px; font-weight: 300; }
.hm-gha-srch .gha-search-results__hotel-group { font-size: 14px; color: #7E6F4F; margin-top: 5px; text-transform: uppercase; }
.hm-gha-srch .gha-search-results__hotel-location { font-size: 14px; margin-top: 10px; }
.hm-gha-srch .gha-search-results__hotel-image { border-radius: 8px 0 0 8px; }
.hm-gha-srch .gha-search-results__hotel-buttons a.gha-search-results__hotel-availability,
.hm-gha-srch .gha-search-results__hotel-buttons a.gha-search-results__hotel-details { font-size: 13px; line-height: 20px; font-weight: 400; text-transform: uppercase; border-radius: 21px; letter-spacing: 1px; padding: 11px 20px; width: 200px; font-family: "Geologica", sans-serif; }
.hm-gha-srch .gha-search-results__hotel-buttons a.gha-search-results__hotel-availability { background-color: #7E6F4F; }

.hm-error-404 h2 { display: block; position: relative; font-size: 70px; text-align: center; padding: 180px 0; font-weight: 300; color: #111; margin: 0; }
.hm-error-404 h2:before { content: "404"; top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; font-size: 400px; font-weight: 700; opacity: 0.1; }

@media only screen and (min-width: 641px) {
#sbi_images { grid-template-columns: repeat(12, 1fr) !important; grid-auto-rows: minmax(72px, 0); }
.sbi_inner_wrap,.sbi_photo_wrap,.sbi_link,.sbi_link_area,.sbi_photo { height: 100% !important; }

.sbi_item.sbi_type_image:nth-child(1),
.sbi_item.sbi_type_image:nth-child(4),
.sbi_item.sbi_type_image:nth-child(5),
.sbi_item.sbi_type_image:nth-child(10),
.sbi_item.sbi_type_image:nth-child(14) { grid-column: span 4 !important; }
.sbi_item.sbi_type_image:nth-child(2) { grid-column: span 3 !important; }
.sbi_item.sbi_type_image:nth-child(6),
.sbi_item.sbi_type_image:nth-child(7),
.sbi_item.sbi_type_image:nth-child(8),
.sbi_item.sbi_type_image:nth-child(9),
.sbi_item.sbi_type_image:nth-child(12) { grid-column: span 2 !important; }

.sbi_item.sbi_type_image { grid-row: span 2 !important; }
.sbi_item.sbi_type_image:nth-child(4),
.sbi_item.sbi_type_image:nth-child(5) { grid-row: span 4 !important; }
.sbi_item.sbi_type_image:nth-child(1),
.sbi_item.sbi_type_image:nth-child(6),
.sbi_item.sbi_type_image:nth-child(7) { grid-row: span 3 !important; }
}

#master-container { max-width: 100% !important; height: auto !important; aspect-ratio: 4/3 !important; }