@charset "UTF-8"; /* FONT FAMILY ========================================================= */ @font-face { font-family: 'GoodSansRegular'; font-style: normal; font-weight: normal; src: url('../fonts/GoodSans/GoodSans-Regular.eot') format('eot'), url('../fonts/GoodSans/GoodSans-Regular.woff') format('woff'), url('../fonts/GoodSans/GoodSans-Regular.woff2') format('woff2'), url('../fonts/GoodSans/GoodSans-Regular.otf') format('otf'); } @font-face { font-family: 'GoodSansBold'; font-style: normal; font-weight: normal; src: url('../fonts/GoodSans/GoodSans-Bold.eot') format('eot'), url('../fonts/GoodSans/GoodSans-Bold.woff') format('woff'), url('../fonts/GoodSans/GoodSans-Bold.woff2') format('woff2'), url('../fonts/GoodSans/GoodSans-Bold.otf') format('otf'); } @font-face { font-family: 'SangBleuSunriseBold'; font-style: normal; font-weight: normal; src: url('../fonts/SangBleu/SangBleuSunrise-Bold-WebS.svg') format('svg'), url('../fonts/SangBleu/SangBleuSunrise-Bold-WebS.eot') format('eot'), url('../fonts/SangBleu/SangBleuSunrise-Bold-WebS.ttf') format('ttf'), url('../fonts/SangBleu/SangBleuSunrise-Bold-WebS.woff') format('woff'), url('../fonts/SangBleu/SangBleuSunrise-Bold-WebS.woff2') format('woff2'); } @font-face { font-family: 'SangBleuEmpireBold'; font-style: normal; font-weight: normal; src: url('../fonts/SangBleu/SangBleuEmpire-Bold-WebS.svg') format('svg'), url('../fonts/SangBleu/SangBleuEmpire-Bold-WebS.eot') format('eot'), url('../fonts/SangBleu/SangBleuEmpire-Bold-WebS.ttf') format('ttf'), url('../fonts/SangBleu/SangBleuEmpire-Bold-WebS.woff') format('woff'), url('../fonts/SangBleu/SangBleuEmpire-Bold-WebS.woff2') format('woff2'); } body, .register form input, .register form textarea, .register form label, .register form p { font-family: 'GoodSansRegular', Helvetica, Verdana, Arial, 'sans-serif'; text-align:center; letter-spacing: 0.15em; } #location-categories-wrap span.h2, #location-categories-wrap a { font-family: 'GoodSansRegular', Helvetica, Verdana, Arial, 'sans-serif' !important; } b, strong, .brown-bold, #footer-top > *, #footer-bottom > *, #footer-links li > *, #footer-lag-link a, #footer-lag-link strong, .amenities-box-wrap a, p a, .faq-title, .fullscreen-sliders-title, label > span a, #cta-block > a.border-button { font-family: 'GoodSansBold', Helvetica, Arial, Verdana, 'sans-serif'; font-weight: normal; } .fontme .f2 { font-family: 'SangBleuEmpireBold', Helvetica, Arial, Verdana, 'sans-serif'; font-weight: normal; } p a:not(.border-button):hover, .amenities-box-wrap a:hover { color:#D05320 !important; } h2, .h2, button, input[type="submit"], .button, .caption, .gallery-caption, .ui.form button:not(.havesomeclass), .mcSignupModule input[type="button"], #closeBtn, .matchup, #header ul > li > *:not(ul), #contact-drop-title, .next-content-link, #reviews-slider-title, *:not(#cta-block) > .border-button, .review-slide-video-play, .make-your-mark, .schedule-slider-time, .fullscreen-info-slide-title, .fullscreen-sliders-title { font-family: 'GoodSansRegular', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif" !important; /*font-weight: 600 !important;*/ font-weight: normal !important; letter-spacing: 0.15em; } .fullscreen-caption-slide { font-family: 'GoodSansRegular', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif" !important; /*font-weight: 600 !important;*/ font-weight: normal !important; } @media (max-width: 1023px) { #header ul ul li *:not(.havesomeclass) { font-family: 'GoodSansRegular', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif" !important; /*font-weight: 600 !important;*/ font-weight: normal !important; letter-spacing: normal !important; text-transform: none !important; } } h1, .h1, .small-text, #header ul ul li *, .hero-text-block, .sister-sites-slide-link, #footer-back-top, #contact-drop-toggle-wrap, #contact-pop-up-text, .heading-button, .review-slide-quote-attrib, .blog-category, .blog-item-subcat, .blog-item-website, .blog-highlights-item-subcat, .blog-featured-item-subcat, .distance-calculator-unit, .full-screen-video-scroll { font-family: 'SangBleuSunriseBold', "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-weight: normal; letter-spacing: 0.045em; text-transform: uppercase; } /* FONT STYLING ========================================================= */ body, h1, .h1, h2, .h2, h3, .h3 { margin: 0; padding: 0; font-style: normal; font-weight: normal; } /* MOBILE PX VALUES */ body, .accordion-items-wrap, .faq-title, .ui.message p { font-size: 15px !important; line-height: 30px !important; } h1, .h1, #contact-pop-up-text { font-size: 18px !important; line-height: 27px !important; letter-spacing: 1.5px !important; padding-bottom:31px; position:relative; } h1:not(.no-line)::after { content:" "; width: 60%; position: absolute; bottom:0; left:50%; transform: translateX(-50%); height:1px; display:block; background-color:#5BC094; } div[style*="5BC094"] h1:not([class*=line]):after, div.green-copy h1:not([class*=line])::after, h1.green-line::after { background-color:#5BC094; } div[style*="121f33"] h1:not([class*=line])::after, h1.blue-line::after { background-color:#121f33; } div[style*="934837"] h1:not([class*=line])::after, div.brown-copy h1:not([class*=line])::after, h1.light-brown-line::after { background-color:#DAB7A6; } h1.orange-line::after { background-color:#F4AB7A; } h1.green-dark-line::after { background-color:#1C332C; } h2, .h2, .top-text, #contact-drop-text, .ui.form button:not(.havesomeclass), .mcSignupModule input[type="button"], #contact-drop-title, .border-button, .faq-info-inner, .fullscreen-caption-slide, .fullscreen-slider-desc, .heading-button { font-size: 12px !important; line-height: 24px !important; } .fullscreen-caption-slide { text-transform: uppercase; } .small-copy { font-size: 12px !important; line-height: 21px !important; } #page-title h1, .small-text, #footer-back-top { font-size: 11px !important; line-height: 19px !important; } #header { text-transform: uppercase; } p, ul, .footer-title { margin: 0 0 15px 0; } p:last-child, ul:last-child { margin-bottom: 0 !important; } @media (min-width: 1024px) { /* DESKTOP PX VALUES */ body, .accordion-items-wrap, .location-category a, .faq-title, .ui.message p, .fullscreen-slider-desc { font-size: 1.098vw !important; /*0.878vw !important;*/ line-height: 2.196vw !important; /* 1.757vw !important;*/ } h1, .h1, #contact-pop-up-text, .heading-button { font-size: 1.757vw !important; line-height: 2.05vw !important;/*2.635vw*/ letter-spacing: 0.110vw !important; padding-bottom: calc( 2.123vw / 2 ); /* 2.269vw; */ } h2, .h2, .top-text, #contact-drop-text, .ui.form button:not(.havesomeclass), .mcSignupModule input[type="button"], #contact-drop-title, .border-button, .faq-info-inner, .fullscreen-caption-slide { font-size: 0.878vw !important; line-height: 1.757vw !important; } .small-copy, #footer-lag-link a, #footer-links a, #footer-links span, #footer-copyright, #footer-top, .distance-calculator-measure { font-size: 12px !important; line-height: 20px !important; } p, ul { margin-bottom: 1.757vw;} .footer-title { margin-bottom: 0.78vw; } } /* @media (min-width: 1200px) { body, .accordion-items-wrap, .location-category a, .faq-title, .ui.message p { font-size: 0.878vw !important; line-height: 1.61vw !important; } .distance-calculator-unit { font-size:3.07vw !important; line-height:4.76vw !important; } h1, .h1, #contact-pop-up-text, .heading-button { font-size:1.76vw !important; line-height:2.2vw !important; } #contact-drop-title, #reviews-slider-title, .make-your-mark, .fullscreen-info-slide-title, .fullscreen-sliders-title { font-size:1.9vw !important; line-height:2.56vw !important; } h2, .h2, #contact-drop-text { font-size:1.32vw !important; line-height:1.83vw !important; } .ui.form button:not(.havesomeclass), .mcSignupModule input[type="button"], #closeBtn, .next-content-link, .border-button, .review-slide-video-play, .schedule-slider-time { font-size: 1.32vw !important; line-height: 1.54vw !important; } .top-text, .image-text-text, .schedule-slider-intro-desc, .amenities-text, .blog-highlights-desc, .fullscreen-slider-desc, #instagram-outro { font-size:1.17vw !important; line-height:1.9vw !important; } .fullscreen-caption-slide { font-size:1.02vw !important; line-height:1.68vw !important; } .small-copy, #footer-lag-link a, #footer-links a, #footer-links span, #footer-copyright, #footer-top, .distance-calculator-measure { font-size: 0.732vw !important; line-height: 1.15vw !important; } #page-title h1, .small-text, #footer-back-top, #contact-drop-toggle-wrap, .review-slide-quote-attrib, .blog-item-subcat, .blog-item-website, .blog-highlights-item-subcat, .full-screen-video-scroll { font-size: 0.81vw !important; line-height: 1.39vw !important; } p, ul, .footer-title { margin-bottom: 1.76vw; } } */ /* FOOTER COLOURING ========================================================= */ #footer-top > *, #footer-bottom-wrap, #footer-subscribe .mcSignupModule .checkbox label::before, #footer-subscribe .mcSignupModule .checkbox label::after, #footer-subscribe .mcSignupSubmit { border-color: #F4AB7A; } #footer-subscribe .mcSignupModule input[type="text"] { background-color: #EBEAE7; } #footer-subscribe .mcSignupSubmit:hover { background-color: #F4AB7A; } #footer-wrap { background-color: #121F33; text-transform: uppercase; text-align:left; } #footer-wrap, #footer-subscribe .mcSignupModule input[type="checkbox"] + label, #footer-subscribe .mcSignupSubmit { color: #F4AB7A; } #footer-subscribe .mcSignupModule input[type="text"], #footer-subscribe .mcSignupSubmit:hover { color: #121F33; } /* HTML ELEMENTS ========================================================= */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; } body { margin: auto; padding: 0; font-size: 13px; font-style: normal; font-weight: normal; line-height: 23px; color:#121F33; background-color: #fff; } a { text-decoration: none; color: #f00; } a.orange { color: #F4AB7A; } a, body.non-touch a:hover, a:focus { outline: none; color: inherit; } body.non-touch a:hover { text-decoration: none; cursor: pointer; } .normal-text-inner ul, .legal-page ul, .copy ul { list-style: none; } .normal-text-inner ul li, .legal-page ul li, .copy ul li { position: relative; } .normal-text-inner ul li::before, .legal-page ul li::before, .copy ul li::before { content: '\25C6'; position: absolute; top: 0; left: 0; z-index: 2; -webkit-transform: translate(-200%, 0); -ms-transform: translate(-200%, 0); transform: translate(-200%, 0); } input { font-family: inherit; } input:not(.border-button) { border-radius: 0 !important; } *:focus { outline: none !important; } ::-moz-focus-inner { border: 0; } input[type="text"]::-webkit-input-placeholder { opacity: 1; color: inherit !important; font-weight: normal; } input[type="text"]::-moz-placeholder { opacity: 1; color: inherit !important; font-weight: normal; } input[type="text"]:-ms-input-placeholder { opacity: 1; color: inherit !important; font-weight: normal; } input[type="text"]:-moz-placeholder { opacity: 1; color: inherit !important; font-weight: normal; } input[type="text"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="checkbox"] { display: none; } input[type="checkbox"] + label { padding-left: 40px; min-height: 25px; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #191B4E; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } input[type="checkbox"] + label:before, input[type="checkbox"] + label:after { content: ''; font-family: Checkbox; width: 20px; height: 20px; position: absolute; display: block; font-size: 16px; line-height: 27px; } input[type="checkbox"] + label:before { border-radius: 0; border: 2px solid #191B4E; top: 2px; left: 0; } input[type="checkbox"] + label:after { top: 1px; left: 4px; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s, border-color .08s; } input[type="checkbox"]:checked + label:after { content: '\e800'; opacity: 1; } input[type="submit"], input[type="button"] { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="submit"]:not(.border-button), input[type="button"]:not(.border-button) { border: none; background-color: transparent; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } /*body.non-touch input[type="submit"]:hover, body.non-touch input[type="button"]:hover { opacity: .4; }*/ textarea { box-shadow: none !important; border-radius: 0 !important; opacity: 1; font-family: inherit; font-weight: normal; color: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea::-webkit-input-placeholder { opacity: 1; font-family: inherit; font-weight: normal; color: inherit !important; } textarea::-moz-placeholder { opacity: 1; font-family: inherit; font-weight: normal; color: inherit !important; } textarea:-ms-input-placeholder { opacity: 1; font-family: inherit; font-weight: normal; color: inherit !important; } textarea:-moz-placeholder { opacity: 1; font-family: inherit; font-weight: normal; color: inherit !important; } select { border-radius: 0 !important; border: none; border-bottom: 1px solid #191B4E; padding: 3px 20px 4px 0; width: 100%; min-height: 30px; position: relative; background-color: transparent; background-position: right center; background-repeat: no-repeat; background-size: 20px 11px; font-family: inherit; font-weight: normal; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } button { padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } img { display: block; } /* SHARED ========================================================= */ .html-hide { width: 100%; height: 100%; position: fixed; overflow: hidden; } .hidden { display: none !important; } .space-between { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .no-trans { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } .constrain, .inner { padding-right: 5.866666vw; padding-left: 5.866666vw; } .inner-image { padding: 5%; tex-align:center;} .inner-image > img { margin: 0 auto;} .border-button, .heading-button, .ui.form button:not(.havesomeclass), .review-slide-video-play { border-style: solid; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background .3s, color .3s; -moz-transition: background .3s, color .3s; -o-transition: background .3s, color .3s; transition: background .3s, color .3s; text-transform: uppercase; } .border-button { border-color: #191B4E; background-color: #F4EDDD; color: #191B4E; } .border-button.active, body.non-touch .border-button:hover { background-color: transparent; color: inherit; } body.non-touch .border-button:not(.active):hover { cursor: pointer; } .border-button.orange, .review-slide-video-play { /* border-color: #F9F6ED; border-style: solid; background-color: #F4AB7A; color: #F9F6ED;*/ } body.non-touch .border-button.orange:hover, body.non-touch .review-slide-video:hover .review-slide-video-play { background-color: transparent; /*#F9F6ED; color: #F4AB7A;*/ } .heading-button { border:none; padding-left:2.123vw; padding-right: 2.123vw; position:relative; cursor:pointer; } .heading-button + .heading-button { margin-left: 4.319vw; } .heading-button::after { content:" "; position: absolute; bottom: 0; left:0; width:100%; height: 2px; background-color:#DAB7A6; opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .heading-button.active::after, .heading-button:hover::after { opacity: 1; } .socials { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #instagram-intro > .socials { padding-top:2.05vw; padding-bottom:2.05vw; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .social-icon { width: 28px; height: 28px; position: relative; display: inline-block; background-color: transparent; background-position: center center; background-repeat: no-repeat; } /*body.non-touch .social-icon:hover { opacity: .4 !important; }*/ .social-icon.facebook { width: 17px; } .social-icon:nth-child(n+2) { margin-left: 24px; } .social-icon::before, .social-icon::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; opacity: 1; pointer-events: none; background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: contain; -webkit-transition: .3s all; -moz-transition: .3s all; -o-transition: .3s all; transition: .3s all; } div:not(.in-menu) > .social-icon::after, body.non-touch div:not(.in-menu) > .social-icon:hover::before { opacity: 0; } body.non-touch .social-icon:hover::after { opacity: 1; } .social-icon.facebook::before { background-image: url('../images/landing/facebook-blue.svg'); } #footer .social-icon.facebook::before { background-image: url('../images/landing/facebook-peach.svg'); } .social-icon.facebook::after { background-image: url('../images/landing/facebook-white.svg'); } #footer .social-icon.facebook::after { background-image: url('../images/landing/facebook-grey.svg'); } .social-icon.instagram::before { background-image: url('../images/landing/instagram-blue.svg'); } #footer .social-icon.instagram::before { background-image: url('../images/landing/instagram-peach.svg'); } .social-icon.instagram::after { background-image: url('../images/landing/instagram-white.svg'); } #footer .social-icon.instagram::after { background-image: url('../images/landing/instagram-grey.svg'); } #menu-info-mob > ul > li .social-icon::after { opacity: 0; } /* body.home:not([class*=scroll]) #menu-info li a { color:#1C332C; } */ /* Used when home has green BG */ /* body.home:not([class*=scroll]) #menu-info .social-icon::after { display:none; } */ /* Used when home has green BG */ body.non-touch .slick-slider { -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; } .slick-list, .slick-track { height: 100%; } .fullscreen-slide { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .slick-arrow { position: absolute; top: 50%; z-index: 3; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 19px 19px; cursor: pointer; font-size: 0; line-height: 0; -webkit-transition: background .3s, opacity .3s; -moz-transition: background .3s, opacity .3s; -o-transition: background .3s, opacity .3s; transition: background .3s, opacity .3s; } .slick-arrow { opacity:1; } .startMove .slick-arrow { opacity:0; } body.non-touch .slick-arrow:hover { } .slick-prev { background-image: url('../images/landing/chev-left-brown.svg'); -webkit-transform: translate(-100%, 0%); -ms-transform: translate(-100%, 0%); transform: translate(-100%, 0%);} body.non-touch .slick-prev:hover { background-image: url('../images/landing/chev-left-brown.svg'); } .slick-next { background-image: url('../images/landing/chev-right-brown.svg'); -webkit-transform: translate(100%, 0%); -ms-transform: translate(100%, 0%); transform: translate(100%, 0%); } body.non-touch .slick-next:hover { background-image: url('../images/landing/chev-right-brown.svg'); } /*.slick-arrow::before, .slick-arrow::after { content: ''; position: absolute; z-index: 2; background-position: center center; background-repeat: no-repeat; background-size: contain; pointer-events: none; transform: rotate(-45deg); transition: opacity .3s; } .slick-prev::before { background-image: url('../images/icons/arrow-left-191B4E.svg'); } .slick-prev::after { background-image: url('../images/icons/arrow-left-F4EDDD.svg'); } .slick-next::before { background-image: url('../images/icons/arrow-right-191B4E.svg'); } .slick-next::after { background-image: url('../images/icons/arrow-right-F4EDDD.svg'); } body.non-touch .slick-arrow:hover::before, .slick-arrow::after { opacity: 0; } .slick-arrow::before, body.non-touch .slick-arrow:hover::after { opacity: 1; }*/ .fullscreen-info-slider .slick-arrow, .two-column-slider .slick-arrow, .schedule-slider .slick-arrow, .blog-featured-items .slick-arrow { border: none; background-color: transparent !important; opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .fullscreen-info-slider .slick-prev, .two-column-slider .slick-prev, .schedule-slider .slick-prev { background-image: url('../images/icons/arrow-left-F4EDDD.svg') !important; } .fullscreen-info-slider .slick-next, .two-column-slider .slick-next, .schedule-slider .slick-next { background-image: url('../images/icons/arrow-right-F4EDDD.svg') !important; } .blog-featured-items .slick-prev { background-image: url('../images/icons/arrow-left-191B4E.svg') !important; } .blog-featured-items .slick-next { background-image: url('../images/icons/arrow-right-191B4E.svg') !important; } .fullscreen-info-slider .slick-arrow.slick-disabled, .two-column-slider .slick-arrow.slick-disabled, .schedule-slider .slick-arrow.slick-disabled, .blog-featured-items .slick-arrow.slick-disabled { opacity: .5; } /* .slick-dots { margin: 0; padding: 0; position: absolute; bottom: 0; z-index: 4; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; list-style: none; pointer-events: none; } .fullscreen-slider.info-slider + * .slick-dots { width: 100%; left: 0; } .slick-dots li { display: -ms-flexbox; display: -webkit-flex; display: flex; pointer-events: auto; } .slick-dots li:nth-child(n+2) { margin-left: 14px; } .slick-dots li button { border: 2px solid #191B4E; width: 8px; height: 8px; font-size: 0; line-height: 0; background-color: transparent; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s; } .slick-dots li.slick-active button, body.non-touch .slick-dots li button:hover { background-color: #191B4E; } body.non-touch .slick-dots li:not(.slick-active) button:hover { cursor: pointer; } .two-column-slider .slick-dots li button, .fullscreen-slider.info-slider + * .slick-dots li button { border-color: #F9F6ED; } .two-column-slider .slick-dots li.slick-active button, body.non-touch .two-column-slider .slick-dots li button:hover, .fullscreen-slider.info-slider + * .slick-dots li.slick-active button, body.non-touch .fullscreen-slider.info-slider + * .slick-dots li button:hover { background-color: #F9F6ED; } */ .slick-dots { width:100%; margin: 0; padding: 0; position: absolute; bottom: 50%; z-index: 4; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; list-style: none; pointer-events: none; transform: rotateZ(-90deg) translateY(-18vw); } .slick-dots li { display: -ms-flexbox; display: -webkit-flex; display: flex; pointer-events: auto; } .slick-dots li:not(:first-child) { margin-left: 2.8vw; } .slick-dots li button { border: 0.104vw solid #fff; font-size: 0; line-height: 0; background-color:#fff; background-color:transparent; border-radius: 50%; width:1.098vw; height:1.098vw; padding:0; } .slick-dots li.slick-active button { background-color:#fff; } .fullscreen-slider:not(.keep-dots) .slick-dots { display:none !important; } /* OCS */ .border-button { border-color: #121F33; background-color: transparent; color: #121F33; } .border-button.blue-invert:hover { background-color: #121F33 !important; color:#ffffff !important; } /* Backgrounds */ .background-green { background-color: #5BC094; color:#1C332C; } .background-green a.border-button, a.border-button.green-dark { border-color:#1C332C; background-color: #1C332C; color:#5BC094; } .background-green-dark { background-color: #1C332C; color:#5BC094; } .background-green-dark .white, .white { color:#fff; } .background-green-dark div:not(.location-category) > a.border-button, a.border-button.green, #register_submit { border-color:#5BC094; background-color: #5BC094; color:#1C332C; } .background-orange { background-color: #F4AB7A; color:#121F33; } .background-brown { background-color: #934837; color: #DAB7A6; } .background-brown a.border-button, a.border-button.light-brown { border-color: #DAB7A6; background-color: #DAB7A6; color: #934837; } .background-light-brown { background-color: #DAB7A6; color: #934837; } .background-light-brown a.border-button a.border-button.brown { border-color: #934837; background-color: #934837; color: #DAB7A6; } .background-blue { background-color: #121F33; } a.border-button.blue { background-color:#121F33; border-color:#121F33; color:#F4AB7A; } a.border-button.brown { background-color:#934837; border-color:#934837; color:#DAB7A6; } a.border-button.orange { background-color:#F4AB7A; border-color:#F4AB7A; color:#FFFFFF; } div.location-category > a.border-button { border-color: transparent !important; color: #ffffff; } a[style*="background-color:#5bc094"].border-button:not(.invert):hover, a[style*="background-color:#5bc094"].border-button.invert:not(:hover):not(.active) { border-color: #5bc094 !important; color: #5bc094 !important; background-color: transparent !important; } a[style*="background-color:#5bc094"].border-button.invert:hover, a[style*="background-color:#5bc094"].border-button.active { border-color: #5bc094; } a[style*="background-color:#f4ab7a"].border-button:not(.invert):hover, a[style*="background-color:#f4ab7a"].border-button.invert:not(:hover):not(.active) { border-color: #f4ab7a !important; color: #f4ab7a !important; background-color: transparent !important; } a[style*="background-color:#f4ab7a"].border-button.invert:hover, a[style*="background-color:#f4ab7a"].border-button.active { border-color: #f4ab7a; } a[style*="background-color:#934837"].border-button:not(.invert):hover, a[style*="background-color:#934837"].border-button.invert:not(:hover):not(.active) { border-color: #934837 !important; color: #934837 !important; background-color: transparent !important; } a[style*="background-color:#934837"].border-button.invert:hover, a[style*="background-color:#934837"].border-button.active { border-color: #934837; } a[style*="background-color:#121f33"].border-button:not(.invert):hover, a[style*="background-color:#121f33"].border-button.invert:not(:hover):not(.active) { border-color: #121f33 !important; color: #121f33 !important; background-color: transparent !important; } a[style*="background-color:#121f33"].border-button.invert:hover, a[style*="background-color:#121f33"].border-button.active { border-color: #121f33; } a[style*="background-color:#f3d4c7"].border-button:not(.invert):hover, a[style*="background-color:#f3d4c7"].border-button.invert:not(:hover):not(.active) { border-color: #f3d4c7 !important; color: #f3d4c7 !important; background-color: transparent !important; } a[style*="background-color:#f3d4c7"].border-button.invert:hover, a[style*="background-color:#f3d4c7"].border-button.active { border-color: #f3d4c7; } a[style*="background-color:#dab7a6"].border-button:not(.invert):hover, a[style*="background-color:#dab7a6"].border-button.invert:not(:hover):not(.active) { border-color: #dab7a6 !important; color: #dab7a6 !important; background-color: transparent !important; } a[style*="background-color:#dab7a6"].border-button.invert:hover, a[style*="background-color:#dab7a6"].border-button.active { border-color: #dab7a6; } /* Copy Styles */ .brown-copy { color: #934837; } .green-copy { color:#5BC094; } .blue-copy { color:#121F33; } .bottom-left { position:absolute; left: 2vw; bottom:2vw; } .relative { position:relative; } .double-d { width: 21.962vw; height: 17.130vw; background-image:url(../images/brand/double-d.svg); background-repeat: no-repeat; background-position: center center; background-size:contain; position: absolute; bottom: 0; top:auto; left: 73.206vw; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); z-index: 100; } .double-d.reverse { left: 5.344vw; background-image:url(../images/brand/double-d-reverse.svg); } .double-d.rotate { -webkit-transform: translateY(50%) rotate(-90deg); -ms-transform: translateY(50%) rotate(-90deg); transform: translateY(50%) rotate(-90deg); } .double-d.green { background-image:url(../images/brand/double-d-green.svg); left: 5.344vw; } /*.lb { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 9999999; background-color: rgba(255,255,255,1.00); } .lb-background { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; } .lb-slide-wrap { padding: 114px 20px 60px 20px; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; pointer-events: none; } .lb-slide { width: 100%; height: 100%; position: relative; } .lb.categorygallery .lb-slide { padding-top: 20px; padding-bottom: 20px; } .lb-slide .lb-btn-wrap { width: 35px; height: 100%; display: none; position: absolute; top: 0; z-index: 99; } .lb-left { left: 20px; } .lb-right { right: 20px; } .lb-slide .lb-btn-inner { position: relative; top: 50%; pointer-events: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .lb-btn { width: 28px; height: 20px; opacity: 1; background: url('../images/shared/double-chev-right-white.svg') center center no-repeat; background-size: contain !important; -webkit-transition: opacity .3s ease, background .5s ease; -moz-transition: opacity .3s ease, background .5s ease; -ms-transition: opacity .3s ease, background .5s ease; transition: opacity .3s ease, background .5s ease; } body.non-touch .lb-btn-inner:hover .lb-btn { cursor: pointer; } .lb-left .lb-btn { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .lb-btn-txt { padding-top: 6px; width: 100%; display: block; text-align: center; font-size: 14px; letter-spacing: 3px; color: #fff; } .lb-imgs { height: 100%; text-align: center; } .lb-imgs > img { margin: auto; width: auto; max-width: 100%; height: auto; max-height: 100%; position: relative; top: 50%; pointer-events: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .lb-imgs > div.lb-img { height: 100%; } .lb-imgs > div.lb-img > img { padding: 0 10px; width: 33.33%; max-height: 100%; position: relative; float: left; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .lb-header { /*padding: 0 20px;* width: 100%; /*height: 105px;* position: relative; z-index: 2; } .lb-tools { width: 100%; display: inline-block; } .lb-mob-nav { margin-top: 30px; float: left; } .lb-mob-nav > * { float: left; } .lb-mob-nav > *:nth-child(n+2) { margin-left: 30px; } .lb-mob-nav .lb-btn-inner { cursor: pointer; } .lb-close { margin-top: 30px; width: 20px; height: 20px; position: relative; display: inline-block; float: right; opacity: 1; pointer-events: auto; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } .lb-close::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/shared/lb-close.svg) center no-repeat; background-size: 20px 20px; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; } body.non-touch .lb-close:hover { cursor: pointer; } .lb-texts { padding: 30px 20px; width: 100%; height: auto; position: absolute; bottom: 40px; } .lb-text { height: 100%; max-height: 100%; overflow: hidden; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .lb-text, .lb-text * { text-align: center; color: #fff; } .lb-text > *:first-child { margin-top: 0; } .lb-text > *:last-child { margin-bottom: 0; } .lb-dots { position: absolute; left: 50%; bottom: 30px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }*/ @media (max-width: 1023px) { :not(.location-category) > .border-button, .review-slide-video-play { border-radius: 30px; border-width: 2px; margin-right: 12px; height: 54px; } .normal-text .border-button { width: 100%; } /* correct? */ li .social-icon { display:inline-block !important; } .social-icon { width:7.47vw; height:7.47vw; } .social-icon.facebook { width:4.53vw; } .social-icon:nth-child( n+2 ) { margin-left:6.4vw; } /* ? */ .two-column-slider .slick-arrow, .fullscreen-info-slider .slick-arrow, .schedule-slider .slick-arrow { width: 19px; height: 19px; top: auto; } .two-column-slider .slick-arrow { bottom: 53px; } .two-column-slider .slick-prev { left: 49.5px; } .two-column-slider .slick-next { right: 49.5px; } .fullscreen-info-slider .slick-arrow { bottom: 36px; } .fullscreen-info-slider .slick-prev { left: 27px; } .fullscreen-info-slider .slick-next { right: 27px; } .schedule-slider .slick-arrow { top: 276px; } .schedule-slider .slick-prev { right: 73px; } .schedule-slider .slick-next { right: 22px; } .slick-dots { bottom: -28px; right: 22px; } #reviews-slider-wrap .slick-dots, .two-column-slider .slick-dots { width: 100%; right: 0; } .two-column-slider .slick-dots { bottom: 60px; } .fullscreen-slider.info-slider + * .slick-dots { bottom: 40px; right: auto; } .fullscreen-caption-slider { margin-top: 15px; margin-bottom: 11px; padding: 0 22px; } } @media (max-width: 1023px) { .border-button, .review-slide-video-play { border-radius:8vw; border-width:2px; /*0.53vw;*/ margin-right: 0; height:15.2vw; padding: 0 15vw; } .border-button.less-padding { padding-left: 5.4vw; padding-right: 5.4vw; } .normal-text .border-button + .border-button { margin-top:5.07vw; } /*.slick-arrow { background-size:5.07vw 5.07vw; }*/ .two-column-slider .slick-arrow, .fullscreen-info-slider .slick-arrow, .schedule-slider .slick-arrow { width:5.07vw; height:5.07vw; } .two-column-slider .slick-arrow { bottom:14.13vw; } .two-column-slider .slick-prev { left:13.2vw; } .two-column-slider .slick-next { right:13.2vw; } .fullscreen-info-slider .slick-arrow { bottom:9.6vw; } .fullscreen-info-slider .slick-prev { left:7.2vw; } .fullscreen-info-slider .slick-next { right:7.2vw; } .schedule-slider .slick-arrow { top:276px; /*73.6vw;*/ } .schedule-slider .slick-prev { right:19.47vw; } .schedule-slider .slick-next { right:5.87vw; } .slick-dots { bottom: -15.47vw; right: auto; width: 100%; /*bottom:-7.47vw; right:5.87vw;*/ } .two-column-slider .slick-dots { bottom:16vw; } .fullscreen-slider.info-slider + * .slick-dots { bottom:10.67vw; } #location-informations .slick-dots { bottom:15.67vw; display:none !important; } .fullscreen-caption-slider { margin-top:4vw; margin-bottom: 17.93vw; /*2.93vw;*/ padding:0 5.87vw; } .slick-initialized .slick-slide { text-align: center; } .slick-dots li:nth-child( n+2 ) { margin-left:3.73vw; } .slick-dots li button { border-width:0.53vw; width:2.13vw; height:2.13vw; } } @media (min-width: 768px) { .constrain { padding-left: calc((100vw / 24) * 3); padding-right: calc((100vw / 24) * 3); } .inner { padding-left: calc((100vw / 24) * 1); padding-right: calc((100vw / 24) * 1); } /*.inner { padding-right: 20px; padding-left: 20px; }*/ .hide-tab { display: none !important; } .slick-dots li:nth-child(n+2), .lb-dot:nth-child(n+2) { margin-left: 10px; } /*.lb-slide-wrap { padding-left: 30px; padding-bottom: 80px; padding-right: 30px; } .lb-mob-nav { margin-top: 65px; } .lb-btn { width: 100%; background-size: contain !important; } .lb-left { left: 30px; } .lb-right { right: 30px; } .lb-close { margin-top: calc((100vw / 24) * 1); width: 25px; height: 35px; } .lb-close::after { background-size: contain; } .lb-texts { padding: 25px 190px; height: 80px; }*/ .header-spacing { padding-top: 60px; } } @media (min-width: 768px) and (max-width: 1023px) { .slick-arrow { background-size:2.47vw 2.47vw; } } @media (min-width: 1024px) { .border-button, .review-slide-video-play { border-radius:2.26vw; border-width:0.15vw; padding:0 6.515vw; height:2.709vw; } .border-button.less-padding { padding-left: 2.4vw; padding-right: 2.4vw; } .border-button.smaller { height: 2vw; padding: 1vw 2.4vw !important; font-size: 0.878vw !important; line-height: 1.757vw !important; } /*.border-button + .border-button { margin-left: 18px; }*/ .border-button { margin-right: 18px; } .border-button:last-of-type { margin-right: 0; } .social-icon { width:2.05vw; height:2.05vw; } .social-icon.facebook { width:1.24vw; } .social-icon:nth-child( n+2 ) { margin-left:1.76vw; } #menu-info .social-icon { width: 1.318vw; height:1.318vw; } #menu-info .social-icon:nth-child( n+2 ) { margin-left:0.46vw; } .slick-arrow { border:none; width:3.15vw; height:3.15vw; } .slick-prev { left: 20.378184%; } .slick-next { right: 20.378184%; } #reviews-slider .slick-prev { left: 21.23%; } #reviews-slider .slick-next { right: 21.23%; } .two-column-slider .slick-arrow, .schedule-slider .slick-arrow, .blog-featured-items .slick-arrow { width: 19px; height: 19px; } .two-column-slider .slick-arrow, .schedule-slider .slick-arrow { top: 393px; } .two-column-slider .slick-prev, .schedule-slider .slick-prev { left: auto; right: 116px; } .two-column-slider .slick-next, .schedule-slider .slick-next { right: 65px; } .blog-featured-items .slick-arrow { top: auto; bottom: 48px; } .blog-featured-items .slick-prev { left: auto; right: 116px; } .blog-featured-items .slick-next { right: 65px; } .fullscreen-slider.single-slider .slick-prev { left: calc(35px + (65px / 2)); } .fullscreen-slider.single-slider .slick-next { right: calc(35px + (65px / 2)); } .blog-item-media .slick-prev { left: 0 !important; } .blog-item-media .slick-next { right: 0 !important; } /* .slick-dots { bottom: -28px; } */ .fullscreen-slider.caption-slider.single-slider .slick-dots { right: 65px; } .fullscreen-slider.caption-slider.triple-slider .slick-dots { right: 20.278184%; } #location-informations .slick-dots .fullscreen-slider.info-slider + * .slick-dots { bottom: 28px; } #location-informations .slick-dots { display:none !important; } .slick-dots li:nth-child(n+2), .lb-dot:nth-child(n+2) { margin-left: /*0.8vw*/ 10px; } .blog-featured-items .slick-dots { left: 1050px; bottom: 48px; } .slick-dots li button { border-width: 2px; } .fullscreen-caption-slider { margin: 15px 0 13px 0; } .fullscreen-slider.single-slider + .fullscreen-caption-slider { padding: 0 65px; } .fullscreen-slider.triple-slider + .fullscreen-caption-slider { padding: 0 20.278184%; } /*.lb-slide-wrap { padding: 0; } .lb-imgs > div.lb-img:nth-child(2n) > img:nth-child(2n+1), .lb-imgs > div.lb-img:nth-child(2n+1) > img:nth-child(2n) { top: 100%; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .lb.categorygallery .lb-slide, .lb.articlegallery .lb-slide { padding: 20px 100px; } .lb.categorygallery .lb-btn-wrap, .lb.articlegallery .lb-btn-wrap { display: block; } .lb-btn-wrap { width: 25px !important; } .lb-mob-nav { display: none; } .lb-btn { width: 100%; height: 18px !important; } /* Lightbox force to edges: * .lb-header { height: 0 !important; } .lb .caption-sliders { padding: 0 !important; height: 100% !important; display: block !important; } .lb .caption-sliders-inner { height: 100%; } .lb .caption-slider.original { top: 50% !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .lb .caption-slider.clone-left { height: auto !important; top: 0 !important; } .lb .caption-slider.clone-right { height: auto !important; bottom: 0 !important; } .lb .caption-text-slider { bottom: auto !important; -webkit-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; transform: translateY(-50%) !important; }*/ .three-columns { width: calc(100% - 2 * 6.808vw); margin: 1.684vw auto; display: -ms-flexbox; display: -webkit-flex; display: flex; } .three-columns > div { width: 33.3333%; } } @media (min-width: 1200px) { .border-button, .review-slide-video-play { border-radius:2.26vw; border-width:0.15vw; padding:1.5vw 6.515vw; height:2.709vw; } .border-button.less-padding { padding-left: 2.4vw; padding-right: 2.4vw; } /*.border-button + .border-button { margin-left: 1.32vw; }*/ .border-button { margin-right: 1.32vw; } .border-button:last-of-type { margin-right: 0; } .two-column-slider .slick-arrow, .schedule-slider .slick-arrow, .blog-featured-items .slick-arrow { width:1.39vw; height:1.39vw; } .two-column-slider .slick-arrow, .schedule-slider .slick-arrow { top:28.77vw; } .two-column-slider .slick-prev, .schedule-slider .slick-prev { right:8.49vw; } .two-column-slider .slick-next, .schedule-slider .slick-next { right:4.76vw; } .blog-featured-items .slick-arrow { bottom:3.51vw; } .blog-featured-items .slick-prev { right:8.49vw; } .blog-featured-items .slick-next { right:4.76vw; } .fullscreen-slider.single-slider .slick-prev { left:calc( 2.56vw + ( 4.76vw / 2 ) ); } .fullscreen-slider.single-slider .slick-next { right:calc( 2.56vw + ( 4.76vw / 2 ) ); } div:not(.imgtxt-slider):not(.keep-dots) > .slick-dots { bottom:-2.05vw; } .fullscreen-slider.caption-slider.single-slider .slick-dots { right:4.76vw; } .fullscreen-slider.caption-slider.triple-slider .slick-dots { right:20.278184%; } #location-informations .slick-dots, .fullscreen-slider.info-slider + * .slick-dots { bottom: 2.05vw; } .slick-dots li:nth-child( n+2 ) , .lb-dot:nth-child( n+2 ) { margin-left: 0.73vw; } .blog-featured-items .slick-dots { left:76.87vw; bottom:3.51vw; } .slick-dots li button { border: 0.104vw solid #fff; width:1.098vw; height:1.098vw; } .fullscreen-caption-slider { margin:1.1vw 0 0.95vw 0; } .fullscreen-slider.single-slider + .fullscreen-caption-slider { padding:0 4.76vw; } /*.lb-slide-wrap { padding: 0; } .lb-slide { padding: 0 160px; } .lb.categorygallery .lb-slide, .lb.articlegallery .lb-slide { padding: 20px 160px; } .lb-btn-wrap { width: 1.83vw !important; display: block; } .lb-btn { height: 1.32vw !important; } .lb-left { left: 100px; } .lb-right { right: 100px; } .lb-header { height: 100px; } .lb-close { /*margin-top: 30px; margin-left: 30px;* width: 1.83vw; height: 1.83vw; } .lb-close::after { background-position: right center; } .lb-texts { padding: 25px 120px; height: 100px; }*/ #vt-loader { border-width: .18vw !important; width: 4vw !important; height: 4vw !important; top: calc(50% - 2vw); left: calc(50% - 2vw); } .header-spacing { padding-top: 7.321vw; } } /* TEMPLATE ========================================================= */ /* body:not(.loaded) { height: 100vh; overflow: hidden; } */ #page-wrap { position: relative; } #header-wrap { box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); width: 100%; position: fixed; top: 0; left: 0; z-index: 1000; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: .3s transform, .3s box-shadow; -moz-transition: .3s transform, .3s box-shadow; -o-transition: .3s transform, .3s box-shadow; transition: .3s transform, .3s box-shadow; background-color: #121F33; /*#1D332D;*/ } /* body.menu-light:not(.menu-min) #header-wrap { background: none; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0)); }*/ /*body.menu-dark #header-wrap { border-bottom: 1px solid #5C6E6B; -webkit-transition: .3s border, .3s transform, .3s box-shadow; -moz-transition: .3s border, .3s transform, .3s box-shadow; -o-transition: .3s border, .3s transform, .3s box-shadow; transition: .3s border, .3s transform, .3s box-shadow; }*/ body.menu-dark.menu-min #header-wrap, body.menu-dark.menu-open #header-wrap { border-bottom-color: transparent; } body.menu-min #header-wrap {/*box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1);*/ } body.menu-min.scroll-up #header-wrap { -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; } body.menu-min:not(.scroll-up) #header-wrap { -webkit-transform: translateY(calc(-100% - 6px)); -ms-transform: translateY(calc(-100% - 6px)); transform: translateY(calc(-100% - 6px)); } #header-wrap.hide-shadow { box-shadow: none !important; -webkit-transition: .3s border, .3s transform, 0s box-shadow !important; -ms-transition: .3s border, .3s transform, 0s box-shadow !important; -o-transition: .3s border, .3s transform, 0s box-shadow !important; transition: .3s border, .3s transform, 0s box-shadow !important; } body.open-contact-pop-up #header-wrap, body.open-video-lightbox #header-wrap { opacity: 0 !important; pointer-events: none !important; } #header-dark-bg, #top-pad-fill { width: 100%; /*height: calc(100% - 1.83vw);*/ position: absolute; top: 0; left: 0; z-index: 0; pointer-events: none; background-color: transparent; -webkit-transition: .3s background; -moz-transition: .3s background; -o-transition: .3s background; transition: .3s background; } /*body.menu-light:not(.menu-min) #header-dark-bg, body.menu-light #top-pad-fill, body.menu-light .categories .categories-child:first-child { background-color: #00322d; }*/ /*body.hovering-menu-link:not(.menu-min) #top-pad-fill { background-color: #fff; }*/ #header { padding-top: 10px; padding-bottom: 10px; width: 100%; position: relative; display: inline-block; /*-webkit-transition: all .3s, background .3s .3s; -moz-transition: all .3s, background .3s .3s; -o-transition: all .3s, background .3s .3s; transition: all .3s, background .3s .3s;*/ -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } /*#header::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; background-color: #fff; }*/ body.menu-min #header, body.menu-dark:not(.slider-header) #header, body.hovering-menu-link #header, body.submenu-active #header { } body.menu-dark #header-wrap.hide-shadow #header { background-color: transparent; /*-webkit-transition: all .3s, background 0s; -ms-transition: all .3s, background 0s; -o-transition: all .3s, background 0s; transition: all .3s, background 0s;*/ } #menu-btn-wrap { right: 25px; top: 21px; position: absolute; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #menu-btn { width: 23px; height: 27px; position: relative; cursor: pointer; } #menu-btn span { width: 100%; height: 1px; position: absolute; top: 12px; left: 0px; background: #fff; -webkit-transition: .3s background-color .3s; -moz-transition: .3s background-color .3s; -o-transition: .3s background-color .3s; transition: .3s background-color .3s; } #menu-btn span::before, #menu-btn span::after { content: ''; width: 100%; height: 1px; position: absolute; left: 0; display: block; background-color: #fff; -webkit-transition: .3s top .3s, .3s bottom .3s, transform .3s; -moz-transition: .3s top .3s, .3s bottom .3s, transform .3s; -o-transition: .3s top .3s, .3s bottom .3s, transform .3s; transition: .3s top .3s, .3s bottom .3s, transform .3s; } #menu-btn span::before { top: -9px; } #menu-btn span::after { bottom: -9px; } body.menu-open #menu-btn span { background-color: transparent; -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; } body.menu-min:not(.menu-open) #menu-btn span, body.menu-dark:not(.menu-open) #menu-btn span { background-color: #FFFFFF; -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; } body.menu-open #menu-btn span::before, body.menu-open #menu-btn span::after { background-color: #000; } body.menu-min #menu-btn span::before, body.menu-dark #menu-btn span::before, body.menu-min #menu-btn span::after, body.menu-dark #menu-btn span::after { background-color: #FFFFFF; } body.menu-open #menu-btn span::before, body.menu-open #menu-btn span::after { -webkit-transition: top .3s, bottom .3s, .3s transform .3s; -moz-transition: top .3s, bottom .3s, .3s transform .3s; -o-transition: top .3s, bottom .3s, .3s transform .3s; transition: top .3s, bottom .3s, .3s transform .3s; } body.menu-open #menu-btn span::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } body.menu-open #menu-btn span::after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #header-logo { margin: 0 auto; } #header-logo a { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; } #header-logo img { width: auto; height: 51px; z-index: 2; opacity: 1; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: .3s width, .3s opacity, .3s transform; -moz-transition: .3s width, .3s opacity, .3s transform; -o-transition: .3s width, .3s opacity, .3s transform; transition: .3s width, .3s opacity, .3s transform; } /* body.home:not(.scroll-up) .menu-logo-wrap img { opacity: 0 !important; }*/ #menu-links-wrap { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; background-color: #F4AB7A; pointer-events: none; -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; } body.menu-open #menu-links-wrap { pointer-events: auto; opacity: 1; } #menu-links-bg { width: 100%; height: 100%; position: absolute; left: 0; background-color: rgba(0,0,0,0.7); } #menu-links { /*width: 50%; max-width: 250px;*/ width: 100%; height: 100%; overflow-y: auto; opacity: 0; pointer-events: none; -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; } body.menu-open #menu-links { opacity: 1; pointer-events: auto; } #menu-links ul { margin: 0; padding: 0; list-style: none; } #menu-links li { margin-top: 5vw; padding-top:5vw; font-size: 6.4vw !important; line-height: 8.799999vw !important; position: relative;} /*#menu-links > ul > li:last-child { margin-bottom: 8vw; } #menu-links > ul > li:last-child a { padding-left: 9vw; background: url(../images/shared/marker-orange.svg) left center no-repeat; background-size: 5.333333vw auto; }*/ #menu-links a, #menu-links span { /*border-bottom: 3px solid #F4AB7A; padding: 4vw 0 3.466666vw 0;*/ display: block; } /*#menu-links ul ul { display: none; } #menu-links ul ul li a, #menu-links ul ul li span { padding-left: 4vw; background-color: #eae9e6; */ /*#menu-links ul ul { margin-top: 15px; } #menu-links li li { margin-top: 0 !important; } #menu-links ul ul li a, #menu-links ul ul li span { margin: auto; border-top: 2px solid #191b4e; padding: 18px 0; width: calc(100% - (24px * 2)); }*/ body.non-touch #menu-links > ul > li > a:hover, #menu-links a.color-hover, #menu-links li.mouse-over > a { -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s; } body.non-touch #menu-links > ul > li > a:hover, body:not(.hovering-menu-link) #menu-links > ul > li.active > a, #menu-links li.hovering > a { /* color: #F4AB7A;*/ } #menu-info { display:none; } #cta-block { display:none; position:absolute; bottom: 1em; right: calc((100vw / 36) * 1); -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: scale(.8); transform: scale(.8);} body.home:not(.scroll-up) #cta-block { opacity:0; } #cta-block .border-button { padding:1.4vw 3.515vw; } #top-pad-fill { height: /*80px*/ calc(80px + 15vw); } #content-wrap { /*padding-top: 70px;*/ -webkit-transition: padding .3s; -moz-transition: padding .3s; -o-transition: padding .3s; transition: padding .3s; } /*body.menu-min:not(.menu-id-129) #content-wrap { padding-top: 0 !important; }*/ /*#page-title { padding: 75px 20px 15px 20px; width: 100%; text-align: center; } body.menu-light #page-title { position: absolute; top: 0; left: 0; z-index: 1; pointer-events: none; color: #fff; } #page-title h1 { margin-bottom: 0 !important; font-size: 17.5px !important; line-height: 23px !important; }*/ /*#page-title img { width: 70%; height: auto; }*/ #page-title + h1, .normal-text > h1, .top-text h1, .maxthird { margin-bottom: 38px; } ul.link-list { padding-left: 0; list-style: none; margin-top: 38px; } ul.link-list li { width: 100%; padding: 1.611vw; border-top: 2px solid #5BC094; } ul.link-list li > * { display:inline-block; text-align: left; width:100%; } ul.link-list.orange-lines li { border-color: #F4AB7A; } .ui.form, .ui.form *:not(i):not(button) { font-family: inherit !important; font-size: inherit !important; font-style: inherit !important; font-weight: inherit !important; letter-spacing: inherit !important; line-height: inherit !important; text-align: left; } .ui.form .field > label, .ui.form .required.field > .checkbox::after, .ui.form .required.field > label::after, .ui.form .required.fields.grouped > label::after, .ui.form .required.fields:not(.grouped) > .field > .checkbox::after, .ui.form .required.fields:not(.grouped) > .field > label::after, .chronoforms6_credits { display: none !important; } .ui.form .field { margin: 0 0 20px 0 !important; } /*.ui.form { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ui.form > .field { width: 100%; } #register_segment_name_email, #register_segment_phone_source { width: 50%; }*/ #register_segment_name_email, #register_segment_phone_source, #register_segment_checkboxes_submit { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #register_segment_checkboxes_submit { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } #register_segment_name_email > *, #register_segment_phone_source > * { width: 48.7%; } #register_segment_checkboxes_submit > * { width: 65%; } #register_segment_checkboxes_submit > button { width: auto; } .ui.form .field > .selection.dropdown .text { opacity: 1 !important; color: #1C332C !important; } .ui.form .field > input::-webkit-input-placeholder { opacity: 1 !important; color: #1C332C !important; } .ui.form .field > input::-moz-placeholder { opacity: 1 !important; color: #1C332C !important; } .ui.form .field > input:-ms-input-placeholder { opacity: 1 !important; color: #1C332C !important; } .ui.form .field > input:-moz-placeholder { opacity: 1 !important; color: #1C332C !important; } .ui.form .field > textarea::-webkit-input-placeholder { opacity: 1 !important; color: #1C332C !important; } .ui.form .field > textarea::-moz-placeholder { opacity: 1 !important; color: #1C332C !important; } .ui.form .field > textarea:-ms-input-placeholder { opacity: 1 !important; color: #1C332C !important; } .ui.form .field > textarea:-moz-placeholder { opacity: 1 !important; color: #1C332C !important; } .ui.form .field > input:not([type="checkbox"]), .ui.form .field > textarea, .ui.form .field > .selection.dropdown, .ui.selection.dropdown .menu > .item:not(.havesomeclass) { padding: 10px 22px; min-height: auto; } .ui.form .field > input:not([type="checkbox"]), .ui.form .field > textarea, .ui.form .field > .selection.dropdown, .ui.form button { border-radius: 0 !important; } .ui.form .field > input:not([type="checkbox"]), .ui.form .field > textarea, .ui.form .field > .selection.dropdown, .ui.selection.active.dropdown .menu { border: 2px solid #1C332C !important; border-radius: 0 !important; min-height: auto; color: #1C332C !important; } .ui.form .field > input:not([type="checkbox"]), .ui.form .field > textarea, .ui.form .field > .selection.dropdown { background-color: transparent !important; } .ui.form .field > .selection.dropdown { padding-right: 45px; } .ui.selection.dropdown>.dropdown.icon { opacity:1 !important; } .ui.dropdown .icon { margin: 0 !important; padding: 0 !important; width: 19px !important; height: 19px !important; top: 50% !important; right: 13px !important; background: url('../images/landing/arrow-down-orange.svg') center center no-repeat; background-size: contain; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: rotate(0) translateY(-50%); } .ui.dropdown.active .icon { -webkit-transform: rotate(180deg) translateY(50%); -ms-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); } .ui.selection.dropdown .menu { border-radius: 0 !important; margin: 0 -2px !important; min-width: calc(100% + 4px) !important; width: calc(100% + 4px) !important; background-color: #fff !important; } .ui.selection.dropdown .menu > .item { border: 0 !important; } /*.ui.dropdown .menu .selected.item, .ui.dropdown.selected, .ui.dropdown .menu > .item:not(.havesomeclass):hover { background: #1C332C !important; color: #fff !important; }*/ .ui.dropdown > .dropdown.icon::before { /*display: none !important;*/ content: " " !important;background-image: URL(../images/icons/arrow-up-1C332C.svg) !important; background-size: contain !important; background-repeat: no-repeat !important; width: 100%; /*18px*/ height: 100%; /*18px*/ display: block; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); opacity:1 !important; } #register_segment_checkboxes_submit { margin-top: 30px; } .ui.checkbox label { padding-left: 34px !important; color: #1C332C !important; } .ui.checkbox .box::before, .ui.checkbox label::before, .ui.checkbox .box::after, .ui.checkbox label::after { top: 7px !important; /*0.4vw*/ border: 2px solid #1C332C !important; border-radius: 0 !important; width: 16px !important; height: 16px !important; font-size: 13px !important; line-height: 16px !important; background-color: transparent !important; color: #1C332C !important; } .ui.checkbox label a { text-decoration: underline !important; color: #1C332C !important; } .fields { -ms-flex-wrap: wrap; flex-wrap: wrap; } .fields .field { width:25%; } .multifield.fields .field { width:33.33%; } .multifield.fields .field:last-child { padding-right: 0 !important; } .fields .field > div { width:100%; text-align: center;} .fields label{ width: 100% !important;color: #1C332C !important; } .ui.radio input[type="radio"], .ui.radio label::before, .ui.radio label::after { display:none !important; } .ui.form .ui.radio label { padding-top: 0.73vw; padding-bottom: 0.73vw; padding-left: 1vw !important; padding-right: 1vw; border: 2px solid #1C332C !important; border-radius: 0 !important; margin-top:0.5vw;} .ui.form .ui.radio.checked label { background-color: #1C332C !important; color:#5BC094 !important; } @media (max-width:1024px){ .ui.form .ui.radio label { padding-top: 1.9vw; padding-bottom: 1.63vw; border-radius: 18px !important;/*letter-spacing:-1px !important;*/ padding-left:5.87vw !important; } .multifield.fields .field {width:100%; } } .multifield .field:last-child { padding-right: 0; } #register_segment_checkboxes p { color: #1C332C !important; } .ui.form button:not(.havesomeclass) { margin: 0 !important; border: 2px solid #1C332C !important; border-radius: 20px !important; box-shadow: none !important; padding: 0 !important; background-color: #1C332C !important; color: #5bc094 !important; cursor: pointer !important; text-transform: uppercase; /*padding: /*14px 55px* 0 !important; min-height: auto; background-color: #D05320 !important; color: #fff !important; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s;*/ } body.non-touch .ui.form button:not(.havesomeclass):hover { background-color: transparent !important; color: #1C332C !important; } .ui.form .field .prompt.label:not(.havesomeclass) { margin: 10px 0 0 0 !important; border: none !important; padding: 0 !important; color: #F4AB7A !important; background-color: transparent !important; } .ui.pointing.label::before { display: none !important; } .ui.loading.form::after { border-color: #1C332C #E5EFFF #E5EFFF #E5EFFF !important; } .ui.message { background: none !important; border: none !important; border-radius: 0 !important; outline: none !important; box-shadow: none !important; padding: 0 !important; color: inherit !important; font-size: inherit !important; line-height: inherit !important; } .ui.dropdown .menu > .item:not(.havesomeclass) { color: #1C332C !important; } .ui.form .field.error .ui.dropdown:not(.havesomeclass), .ui.form .fields.error .field .ui.dropdown:not(.havesomeclass), .ui.form .field.error .ui.dropdown:not(.havesomeclass):hover, .ui.form .fields.error .field .ui.dropdown:not(.havesomeclass):hover { border-color: inherit !important; } .ui.dropdown .menu .selected.item, .ui.dropdown.selected, .ui.dropdown .menu > .item:not(.havesomeclass):hover, .ui.form .field.error .ui.dropdown .menu .active.item:not(.havesomeclass) { background: #1C332C !important; color: #fff !important; } .ui.form .field.error .ui.dropdown:not(.havesomeclass), .ui.form .field.error .ui.dropdown .item:not(:hover), .ui.form .field.error .ui.dropdown .text:not(.havesomeclass), .ui.form .fields.error .field .ui.dropdown:not(.havesomeclass), .ui.form .fields.error .field .ui.dropdown .item:not(:hover), .ui.form .field.error .ui.dropdown .menu .active.item:not(:hover), .ui.form .fields.error .field .ui.dropdown .menu .active.item:not(:hover) { background-color: #ffffff !important; color: inherit !important; } .ui.form .inline.fields .field { padding: 0 0.5em 0 0 !important; } /* FOOTER */ #footer-wrap { padding: 70px 90px; } #footer-bottom-wrap { border-top-width: 1px; border-top-style: solid; margin-top: 30px; } #footer-top-wrap { padding: 0 110px; } #footer-top { display: -webkit-flex; display: -ms-flexbox; display: flex; } .footer-title { margin-bottom: 15px; } #footer-address { width: 224px; } #footer-subscribe { margin-left: 384px; width: 471px; } #footer-subscribe .mcSignupModule input[type="text"] { margin-bottom: 40px; border: none; padding: 20px 28px; width: 100%; text-transform: uppercase; letter-spacing: inherit; } #footer-subscribe .mcSignupModule .checkbox label { padding-left: 55px; } #footer-subscribe .mcSignupModule .checkbox label::before, #footer-subscribe .mcSignupModule .checkbox label::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; width: 30px; height: 30px; } #footer-subscribe .mcSignupModule .checkbox label::before { border-width: 2px; } #footer-subscribe .mcSignupModule .checkbox label::after { border: none !important; background-image: url('../images/landing/tick-peach.svg'); background-position: center center; background-repeat: no-repeat; background-size: 50% auto; opacity: 0 !important; } #footer-subscribe .mcSignupModule .checkbox input[type="checkbox"]:checked + label::after { opacity: 1 !important; } #footer-subscribe .mcSignupSubmit { margin-top: 30px; border-width: 1px; border-style: solid; padding: 11px 30px; width: auto; height: auto; text-transform: uppercase; letter-spacing: inherit; } #footer-contact { display: -webkit-flex; display: -ms-flexbox; display: flex; } #footer-tel, #footer-mail { height: 34px; position: relative; } #footer-tel { width: 34px; } #footer-mail { margin-left: 20px; width: 41px; } #footer-tel::before, #footer-tel::after, #footer-mail::before, #footer-mail::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; display: block; pointer-events: none; background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: contain; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } #footer-tel::after, #footer-mail::after, body.non-touch #footer-tel:hover::before, body.non-touch #footer-mail:hover::before { opacity: 0; } #footer-tel::before, #footer-mail::before, body.non-touch #footer-tel:hover::after, body.non-touch #footer-mail:hover::after { opacity: 1; } #footer-tel::before { background-image: url('../images/landing/telephone-peach.svg'); } #footer-tel::after { background-image: url('../images/landing/telephone-grey.svg'); } #footer-mail::before { background-image: url('../images/landing/mail-peach.svg'); } #footer-mail::after { background-image: url('../images/landing/mail-grey.svg'); } #footer-follow { margin-left: 130px; } .mcSignupForm { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; } .mcSignupForm > div:nth-child(1) { padding-right: 13px; width: calc(100% - 133px); } .mcSignupModule input[type="text"] { margin: 0 !important; border: 2px solid #1C332C; padding: 8px 22px; width: 100% !important; background-color: transparent; color: #1C332C; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .mcSignupForm > div:nth-child(3) { width: 133px; } .mcSignupModule input[type="button"] { border-radius: 20px !important; padding: 6px 0; width: 100% !important; text-align: center; background-color: #D05320; color: #F4ECDD; } .mcSignupModule input[type="button"]:hover { background-color:#03908D; } .mcSignupForm .field { width: 100% !important; } .mcSignupForm .checkbox { color: #1C332C; } .mcSignupModule .ajaxLoader { border: 2px solid #fff; border-radius: 50%; border-top: 2px solid #F4AB7A; width: 52px !important; height: 52px !important; background: none !important; -webkit-animation: spin .6s linear infinite; animation: spin .6s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #loader { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 1; z-index: 200; background-color: #fff; -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; } body.loaded #loader, #loader { opacity: 0; pointer-events: none; } #modalContainer { width: 100%; height: 100% !important; position: fixed; top: 0; left: 0; z-index: 30; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; opacity: 0; background: rgba(25,27,78,0.95); -webkit-transition: .3s all; -moz-transition: .3s all; -o-transition: .3s all; transition: .3s all; } #alertBox { padding: 20px 40px; text-align: center; background-color: #FCFAF6; } #alertBox p { margin-bottom: 18px !important; color: #1C332C; } #closeBtn { border-radius: 20px; padding: 8px 30px; display: inline-block; background-color: #F4AB7A; color: #F9F6ED; } .accordion-items-wrap { text-align: left; } .categories-child-faq .accordion-items-wrap { margin-top: 200px; } .accordion-items { border-top: 2px solid #000; } .categories-child-accordion .text-section:not(.has-image) .text-section-inner, .categories-child-accordion .accordion-items { width: 50%; } .accordion-item { /* border-bottom: 2px solid #000; */ position: relative; } .accordion-label { margin: 22px 0; padding-left: 40px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } /*.accordion-label::before { content: ''; width: 42px; height: 42px; position: absolute; top: 30px; right: 0; background-image: url("../images/shared/plus-yellow.svg"); background-position: center center; background-repeat: no-repeat; background-size: contain; pointer-events: none; } .accordion-item.expand .accordion-label::before { background-image: url("../images/shared/minus-yellow.svg"); }*/ .accordion-label::before, .accordion-label::after { content: ''; width: 18px; height: 3px; position: absolute; top: 18px; left: 0; background-color: #000000; /*F4AB7A;*/ } .categories-child-faq .accordion-label::before, .categories-child-faq .accordion-label::after { width: 18px; top: 14px; } .accordion-label::before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: transform .3s; -moz-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; } .accordion-item.active .accordion-label::before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .accordion-content { max-height: 0; overflow: hidden; padding-left: 60px; -webkit-transition: max-height .3s; -moz-transition: max-height .3s; -o-transition: max-height .3s; transition: max-height .3s; } .accordion-content-inner { padding-bottom: 30px; } .accordion-content-inner img { width: 100%; } @media (max-width: 1023px) { #header-logo img { height: 51px; margin: 0 auto; } #menu-links { padding-left: 48px; padding-right: 48px; } #menu-links li { color: #1C332C; } #menu-links ul ul { margin-top: 15px; } #menu-links li li { margin-top: 0 !important; } #menu-links ul ul li a, #menu-links ul ul li span { margin: auto; border-top: 2px solid #1C332C; padding: 18px 0; width: calc(100% - (24px * 2)); } #menu-links ul ul li:last-child a, #menu-links ul ul li:last-child span { border-bottom: 2px solid #1C332C; } #menu-links li::before { content:" "; position: absolute; top: 0vw; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 14vw; height: 1px; background-color: #000; } #menu-links > ul > li.parent > a { position:relative; } #menu-links > ul > li.parent > a::before, #menu-links > ul > li.parent > a::after { content: ''; width: 23px; height: 3px; position: absolute; right: 0; display: block; background-color: #D05320; -webkit-transition: .3s top .3s, .3s bottom .3s, transform .3s; -moz-transition: .3s top .3s, .3s bottom .3s, transform .3s; -o-transition: .3s top .3s, .3s bottom .3s, transform .3s; transition: .3s top .3s, .3s bottom .3s, transform .3s; } #menu-links > ul > li.parent > a::before { top: 50%; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } #menu-links > ul > li.parent > a::after { top: 50%; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } #menu-links > ul > li.parent.open > a::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #menu-links > ul > li.parent.open > a::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #menu-info-mob { padding-bottom: 48px; width: 100%; display: block; float: none; } #menu-info-mob .desk { display: block !important; } #menu-info-mob > *:nth-child(n+2) { margin-top: 26px; } #menu-info { display:none; } body.menu-open #header-logo { opacity:0 !important; display:none; } #menu-socials-mob { padding-bottom: 90px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /*#menu-find-us { display: none !important; } .menu-login-mob, .menu-phone-mob { display: block !important; }*/ body:not(.slider-header) #content-wrap { padding-top: 70px; } body.submenu-active:not(.slider-header) #content-wrap { padding-top: calc(13.33vw + 57px); } #page-title { padding-top:10.13vw; padding-bottom:5.33vw; } #page-title + h1, .normal-text > h1, .top-text h1 { margin-bottom:5.33vw; } #footer-wrap { padding:9.33vw 6.13vw; } #footer-top-wrap { padding:0; } #footer-top { -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; } #footer-top > * { border-top-width:0.27vw; border-top-style:solid; padding-top:8vw; } #footer-address { width:64%; -webkit-order:1; -ms-flex-order:1; order:1; } #footer-subscribe { margin-left:0; padding-bottom:8vw; width:100%; -webkit-order:0; -ms-flex-order:0; order:0; } #footer-subscribe .mcSignupModule input[type="text"] { margin-bottom:6.67vw; padding:4.27vw 5.33vw; } #footer-subscribe .mcSignupModule .checkbox label { padding-left:11.2vw; } #footer-subscribe .mcSignupModule .checkbox label::before, #footer-subscribe .mcSignupModule .checkbox label::after { width:4.27vw; height:4.27vw; } #footer-subscribe .mcSignupModule .checkbox label::before { border-width:0.53vw; } #footer-subscribe .mcSignupSubmit { margin-top:6.67vw; border-width:0.27vw; padding:2.67vw 5.6vw; } #footer-tel, #footer-mail { height:5.07vw; } #footer-tel { width:5.07vw; } #footer-mail { margin-left:3.73vw; width:6.4vw; } #footer-follow { margin-left:0; width:36%; -webkit-order:2; -ms-flex-order:2; order:2; } .mcSignupForm { display:block; } .mcSignupForm > div:nth-child( 1 ) { padding-right:0; width:100%; } .mcSignupModule input[type="text"] { border-width:2px; padding:4.27vw 5.87vw; text-align:center; } .mcSignupForm > div:nth-child( 3 ) { margin-top:4.53vw; width:100%; } .mcSignupModule input[type="button"] { border-radius:5.33vw !important; padding:2.93vw 0; background-color: #D05320; } .mcSignupModule .field .checkbox { margin-top: 5vw; } .ui.form .field { margin:0 0 3.73vw 0 !important; } #register_segment_name_email, #register_segment_phone_source, #register_segment_checkboxes_submit { display:block; } #register_segment_name_email > *, #register_segment_phone_source > *, #register_segment_checkboxes_submit > * { width:100%; } .ui.form .field > input:not( [type="checkbox"] ) , .ui.form .field > textarea, .ui.form .field > .selection.dropdown, .ui.selection.dropdown .menu > .item:not( .havesomeclass ) { padding:/*2.13vw 5.87vw 1.4vw 5.87vw*/ 1.9vw 5.87vw 1.63vw 5.87vw; } .ui.dropdown .icon { margin:0 !important; padding:0 !important; width:5.07vw !important; height:5.07vw !important; right:3.47vw !important; } #register_segment_checkboxes_submit { margin-top:8vw; } .ui.checkbox:not(.radio) label { padding-left:9.07vw !important; } .ui.checkbox .box::before, .ui.checkbox label::before, .ui.checkbox .box::after, .ui.checkbox label::after { border-width:2px !important; width:4.27vw !important; height:4.27vw !important; font-size:3vw !important; line-height:3.47vw !important; } #register_segment_checkboxes_submit > button { margin-top:8vw !important; width:100%; } .ui.form button:not( .havesomeclass ) { padding:3.73vw 14.67vw !important; } #modalContainer { padding:1.04vw; } #alertBox { padding:2.6vw 5.21vw; } #alertBox p { margin-bottom:2.34vw !important; } #closeBtn { border-radius:2.6vw; padding:1.04vw 3.91vw; } .accordion-items, .accordion-item { border-width:1px; } .accordion-label { margin:2.67vw 0; padding-right:10.67vw; } /*.categories-child-faq .accordion-label { padding:2.13vw 0; }*/ .accordion-label::before, .accordion-label::after { width:18px; height:2px; top:14px; } .categories-child-faq .accordion-label::before, .categories-child-faq .accordion-label::after { width: 18px; top: 26px; } .accordion-content-inner { padding-bottom:8vw; } .border-button { max-width: 79.688vw; } .bettermargin { padding: 10.87vw 5.87vw 5.87vw 5.87vw; } .chronoforms { padding-top: 5.87vw; } #area_contact_intro > p { padding: 5.87vw 0;} #normal-134 h1 { margin-top:7.83vw !important; margin-bottom:7.83vw !important; } } @media (min-width: 1024px) { #header-wrap { border-bottom: none !important; display: block; } /* #header { background:#1C332C; } */ body.menu-min:not(.scroll-up) #header-wrap { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); box-shadow:none; } body:not(.menu-min):not(.hovering-menu-link) #header-wrap { pointer-events: none; } #header { padding-top: 5.417vw; padding-bottom: 5.417vw; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; } /* body.menu-min #header, body.menu-dark #header { color: #1C332C; } */ #header > * { pointer-events: all; } #menu-btn-wrap { display: none; } #header-logo { transform: translateX(-50%); position: absolute; left: 50%; z-index: 10; } #header-logo img { width: 96px; } body.menu-min #header-logo img { width: 70px; } #menu-links-wrap { /*margin-top: -20px;*/ height: auto; position: absolute; top: 50%; left: 0; background-color: transparent; pointer-events: auto; opacity: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .3s all; -moz-transition: .3s all; -o-transition: .3s all; transition: .3s all; } #menu-links-bg { display: none; } #menu-links { padding-top: 0; width: 100%; height: auto; max-width: none; display: inline-block; overflow: visible; background-color: transparent; opacity: 1; pointer-events: auto; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; } body.menu-light:not(.menu-min):not(.hovering-menu-link) #menu-links { color: #F9F6ED; } body.non-touch.menu-id-152.hovering-menu-link #header, body.non-touch.menu-id-152.hovering-menu-link #menu-links { /* color: #1C332C; */ } #cta-block { display:block; } body.home:not(.scroll-up) #header-wrap { background-color: transparent; } body.home #header-wrap { background-color: transparent; } /* No Green BG on Home */ #header ul { padding: 0; } #header ul { padding-left: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; } #header ul li { margin: 0 17px; padding: 0; /*position: relative;*/ display: inline-block; font-size: 0.878vw !important; line-height: 1.757vw !important; } #header .menu-info ul li + li { margin: 0 0 0 46px; } #header ul > li:first-child { margin-left: 0; } #header ul > li { position: relative; } #header ul > li::before { content:" "; position:absolute; bottom: -0.7vw; left: 0; height:2px; width: 100%; background-color: #F4AB7A; opacity: 0; webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; } #header ul > li:hover::before, #header ul > li.active::before { opacity: 1; } #header ul a, #header ul span { border-bottom: none; padding: 0; display: inline-block; /*-webkit-transition: color .3s .3s; -moz-transition: color .3s .3s; -o-transition: color .3s .3s; transition: color .3s .3s;*/ -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s; } #header ul ul { border-top: 1px solid #1C332C; border-bottom: 1px solid #1C332C; padding-left: calc((100vw / 24) * 4); width: 100%; position: fixed; top: 63px; left: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; background-color: #FCFAF6; opacity: 0; pointer-events: none; -webkit-transition: .3s opacity; -moz-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; } #header ul > li.parent.hovering ul, body:not(.menu-min) #header ul > li.parent.active ul, body.menu-min #header ul > li.active ul { opacity: 1; pointer-events: all; } body:not(.menu-min) #menu-links.hovering-parent > ul > li.parent:not(.hovering) ul { opacity: 0 !important; pointer-events: none !important; } #header ul ul li { margin: 0 1.2vw; padding: 1vw 0; display: block; } #header ul ul li, .blog-category-wrap { margin: 0 1px 0 0; padding: 2.342606vw; position: relative; font-size: 0.80527vw !important; line-height: 0.80527vw !important; } #header ul ul li:first-child::before, #header ul ul li::after, .blog-category-wrap:first-child::before, .blog-category-wrap::after { content: ''; width: 1px; height: 2.3vw; position: absolute; top: 50%; right: -1px; background-color: #1C332C; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #header ul ul li:first-child, .blog-category-wrap:first-child { margin-left: 1px; } #header ul ul li:first-child::before, .blog-category-wrap:first-child::before { left: -1px; right: auto; } #header ul ul li a, .blog-category { background: none; color: rgba(25, 27, 77, 0.5); -webkit-transition: .3s color; -moz-transition: .3s color; -o-transition: .3s color; transition: .3s color; } #header ul ul li a:hover, #header ul ul li.active a, .blog-category:hover, .blog-category.active { /*opacity: 1;*/ color: rgba(25, 27, 77, 1); } #header ul ul li a, #header ul ul li span { padding: 0; } #menu-info-mob, #menu-socials-mob { display: none !important; } #menu-info { position: absolute; right: 0; display:block; /*margin-top: -40px;*/ padding-top: 0; font-size: 14px !important; line-height: 22px !important; /*-webkit-transition: .3s all, color .3s .3s; -moz-transition: .3s all, color .3s .3s; -o-transition: .3s all, color .3s .3s; transition: .3s all, color .3s .3s;*/ -webkit-transition: .3s all; -moz-transition: .3s all; -o-transition: .3s all; transition: .3s all; } #menu-info > *:nth-child(n+2) { margin-left: 20px; } /*#menu-info-bar { margin: 8px 20px 0 20px; border: 2px solid #e6673e; border-radius: 50%; width: 7px; height: 7px; display: block; }*/ /*.menu-info .desk { display: block; } .menu-info .mob { display: none; } #menu-info .desk a { padding: 4px 21px 4px 0; }*/ .menu-whatsapp-mob, .menu-phone-mob, .menu-login-mob, .menu-find-us-mob { /*width: 27px; height: 27px;*/ /*height: 30px;*/ position: relative; display: block; } body.menu-min #menu-links-wrap, body.menu-min #menu-info { margin-top: 0; } /* Remove no text emblem */ #header-logo img { width: 15.154vw !important; height: auto !important; } .emblem-text { opacity: 1 !important; } .emblem-only, body.menu-min.scroll-down .emblem-text { opacity: 0 !important; } #submenu-wrap { display: none; } #top-pad-fill { height: /*92px*/ 78px; } body.non-touch.menu-id-152.hovering-menu-link #top-pad-fill { background-color: #fff; } #content-wrap { /*padding-top: *92px* 78px*/; } body:not(.slider-header) #content-wrap { padding-top: 10.8vw; } body.submenu-active #content-wrap { padding-top: 148px; } #page-title { padding-top: 65px; padding-bottom: calc( 2.123vw / 2 ); /* 32px;*/ } #page-title + h1, .normal-text > h1, .image-text-text h1, .normal-text-inner h1, .bettermargin h1, .maxthird { margin-bottom: 4.25vw; /*2.123vw;*/ /*33px;*/ } .image-text-text h1::after { width:80%; } .ui.form button:not(.havesomeclass) { width: 133px !important; height: 41px !important; } #footer-wrap { padding:3.65vw 4.69vw; } #footer-bottom-wrap { border-top-width:0.05vw; margin-top:1.56vw; } #footer-top-wrap { padding:0 5.73vw; } .footer-title { margin-bottom:0.78vw; } #footer-address { width:11.67vw; } #footer-subscribe { margin-left:20vw; width:24.53vw; } #footer-subscribe .mcSignupModule input[type="text"] { margin-bottom:2.08vw; padding:1.04vw 1.46vw; } #footer-subscribe .mcSignupModule .checkbox label { padding-left:2.86vw; } #footer-subscribe .mcSignupModule .checkbox label::before, #footer-subscribe .mcSignupModule .checkbox label::after { width:1.56vw; height:1.56vw; } #footer-subscribe .mcSignupModule .checkbox label::before { border-width:0.1vw; } #footer-subscribe .mcSignupSubmit { margin-top:1.56vw; border-width:0.05vw; padding:0.57vw 1.56vw; } #footer-tel, #footer-mail { height:1.77vw; } #footer-tel { width:1.77vw; } #footer-mail { margin-left:1.04vw; width:2.14vw; } #footer-follow { margin-left:6.77vw; } .mcSignupForm .checkbox { margin-top: /*28px*/ 2.04978vw; } .mcSignupForm > div:nth-child( 1 ) { padding-right:0.95vw; width:calc( 100% - 9.74vw ); } .mcSignupModule input[type="text"] { border-width:0.15vw; padding:0.59vw 1.61vw; } .mcSignupForm > div:nth-child( 3 ) { width:9.74vw; } .mcSignupModule input[type="button"] { border-radius:1.46vw !important; padding:0.44vw 0; } #alertBox p { margin-bottom: 18px !important; } .accordion-items { border-top-width:0.1vw; } .accordion-item { border-bottom-width:0.1vw; } .accordion-label { margin: 0; /*1.15vw 0;*/ padding-right:3.13vw; position: relative; } .accordion-label::before, .accordion-label::after { width:1.352vw; height:2px; top:0.6vw; } .categories-child-faq .accordion-label::before, .categories-child-faq .accordion-label::after { width:1.352vw; top:50%; } .accordion-content-inner { padding-bottom:1.56vw; } .maxthird { max-width:33vw; margin-left: auto; margin-right: auto; } .bettermargin { width: 75.403vw; margin: 0 auto; padding-top: 7.540vw; padding-bottom: 7.540vw; } #area_contact_intro { padding-bottom: 7.540vw; } ul.link-list { margin-top: 0px; } ul.link-list li > * { text-align: left; center; width:33%; } ul.link-list li > *:nth-child(2) { width:66%; } } @media (min-width: 1200px) { .menu-find-us-desk a::after { width: 0.80527vw; background-size: contain; } #top-pad-fill { height: 7.7598828vw; } body:not(.slider-header) #content-wrap { padding-top:10.8vw; } body.submenu-active #content-wrap { padding-top:10.8vw; } body.home #content-wrap { padding-top:0; } #page-title { padding-top:4.76vw; padding-bottom:2.34vw; } #page-title + h1, .normal-text > h1, .normal-text-inner > h1, .image-text-text > h1 { margin-bottom:2.42vw; } /*.ui.form .field { margin:0 0 1.46vw 0 !important; }*/ .ui.form .field > input:not( [type="checkbox"] ) , .ui.form .field > textarea, .ui.form .field > .selection.dropdown, .ui.selection.dropdown .menu > .item:not( .havesomeclass ) { padding:0.73vw 1.61vw; } .ui.form .field > .selection.dropdown { padding-right:3.29vw; } .ui.dropdown .icon { width:1.39vw !important; height:1.39vw !important; right:0.95vw !important; } #register_segment_checkboxes_submit { margin-top:2.2vw; } .ui.checkbox:not(.radio) label, input[type="checkbox"] + label { padding-left:2.49vw !important; } .ui.checkbox:not(.radio) .box::before, .ui.checkbox:not(.radio) label::before, .ui.checkbox:not(.radio) .box::after, .ui.checkbox label::after, input[type="checkbox"] + label::before, input[type="checkbox"] + label::after { border-width: 0.15vw; width:1.17vw !important; height:1.17vw !important; font-size:0.9vw !important; line-height:.9vw !important; } .ui.form button:not( .havesomeclass ) { border-radius:1.46vw !important; width:9.74vw !important; height:3vw !important; } .ui.form .field .prompt.label:not( .havesomeclass ) { margin:0.73vw 0 0 0 !important; } #alertBox { padding: 1.46vw 2.92vw; } #alertBox p { margin-bottom: 1.46vw !important; } #closeBtn { padding: .73vw 2.2vw; } } #next-content-wrap { display:none; } @media (min-width: 1024px) { #next-content-wrap { display:block; padding-top: 0px; padding-bottom: 4.25vw; } #next-content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #next-content-links { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; } #next-content-links .border-button { padding-left: 1vw; padding-right: 1vw; width:20%; } } #video-lightbox-wrap { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: rgba(25,27,78,0.95); opacity: 0; pointer-events: none; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } body.open-video-lightbox #video-lightbox-wrap { opacity: 1; pointer-events: auto; } #video-lightbox { width:90%; height: 100%; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #video-lightbox-close { position: absolute; z-index: 9; background: url('../images/icons/close-191B4E.svg') center center no-repeat; background-size: contain; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #video-lightbox-close { width: 20px; height: 20px; top: 0; top: -30px; right: 0; background: url('../images/icons/close-F3E474.svg'); } #video-lightbox-player-wrap { width: 100%; position: relative; } #video-lightbox-player { border-color: #FCFAF6; border-style: solid; padding-top: 56.25%; width: 100%; background-color: #FCFAF6; } #video-lightbox-player .plyr { --plyr-color-main: #D05320; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } #reviews-slider-wrap { text-align: center; } .review-slide { opacity: .25; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .review-slide.slick-active { opacity: 1; } .review-slide-inner { height: 100%; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .review-slide-video, div:not(.has-video) .review-slide-inner, div.has-video > .review-slide-inner > .review-slide-quote { border-color: transparent; border-style: solid; -webkit-transition: border .3s, opacity .3; -moz-transition: border .3s, opacity .3; -o-transition: border .3s, opacity .3; transition: border .3s, opacity .3; } .review-slide.slick-active .review-slide-video, .review-slide.slick-active.has-video > .review-slide-inner > .review-slide-quote, .review-slide.slick-active:not(.has-video) .review-slide-inner{ border-color: #1C332C; } .review-slide-video { height: 100%; position: absolute; top: 0; left: 0; z-index: 2; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; } div:not(.has-video) > .review-slide-inner, div.has-video > .review-slide-inner > .review-slide-quote { position: relative; z-index: 3; background-color: #F4EDDD; } .review-slide-quote-text { position: relative; } .review-slide-quote-text::before, .review-slide-quote-text::after { content: ''; position: absolute; z-index: 3; background-position: center center; background-repeat: no-repeat; background-size: contain; } .review-slide-quote-text::before { top: 0; background-image: url('../images/icons/quote-open-D05320.svg'); } .review-slide-quote-text::after { bottom: 0; background-image: url('../images/icons/quote-close-D05320.svg'); } @media (max-width: 1023px) { #reviews-slider-wrap { padding-top: 78px; padding-bottom: 56px; } #reviews-slider-title { margin-bottom: 37px; } .review-slide { padding: 0 22px; } .review-slide-video, div.has-video .review-slide-quote, div:not(.has-video) .review-slide-inner { border-width: 2px; } .review-slide-video, div:not(.has-video) .review-slide-inner { height:100%; } /*.review-slide-video { display: none !important;}*/ .review-slide-quote { padding: 34px 44px; } .review-slide-quote-text { padding: 50px 0; } .review-slide-quote-attrib { margin-top: 28px; } .review-slide-quote-text::before, .review-slide-quote-text::after { width: 38px; height: 24px; left: calc(50% - 19px); } .has-video .review-slide-video.video-pop-up-link { width:100%; height: 42%; /*55%;*/ } .has-video .review-slide-quote { position:absolute !important; bottom:0; right:5%; height:65%;/*50%;*/ width:90%; } .has-video .review-slide-video-play { margin-bottom: 20%; } /*.has-video .review-slide-quote-text { padding: 0; } .has-video .review-slide-quote-text::before { top: -28px; left: -28px; right: auto; } .has-video .review-slide-quote-text::after { bottom: -28px; left: auto; right: -28px; }*/ } @media (max-width: 767px) { #reviews-slider-wrap { padding-top:20.8vw; padding-bottom:14.93vw; } #reviews-slider-title { margin-bottom:9.87vw; } .review-slide { padding:0 5.87vw; } .review-slide-video, .review-slide-quote { border-width:0.53vw; } .review-slide-quote { padding:9.07vw 11.73vw; } .review-slide-quote-text { padding:13.33vw 0; } .review-slide-quote-attrib { margin-top:7.47vw; } .review-slide-quote-text::before, .review-slide-quote-text::after { width:10.13vw; height:6.4vw; left:calc( 50% - 5.07vw ); } } @media (min-width: 1024px) { #video-lightbox-wrap { padding: 145px 0; } #video-lightbox { width:calc( 100% / 24 * 14 ); } #video-lightbox-player { border-width: 2px; } #reviews-slider-wrap { padding-top: 82px; } #reviews-slider-title { margin-bottom: 30px; } .review-slide { padding: 0 56px; } .review-slide-inner { padding: 31px 0; } .review-slide-video, .review-slide-quote { border-width: 2px; } .review-slide-video { padding: 34px; width: 52.52%; } .review-slide.has-video .review-slide-quote { width: 52.52%; left: 47.48%; } .review-slide-quote { padding: 30px; } .review-slide-quote-text { padding: 40px 0; } .review-slide-quote-attrib { margin-top: 20px; } .review-slide-quote-text::before, .review-slide-quote-text::after { width: 27px; height: 17px; left: calc(50% - 13.5px); } } @media (min-width: 1200px) { #video-lightbox-wrap { padding:10.61vw 0; } #video-lightbox-close { width:1.46vw; height:1.46vw; right:-2.93vw; } #video-lightbox-player { border-width:0.15vw; } #reviews-slider-wrap { padding-top:6vw; } #reviews-slider-title { margin-bottom:2.2vw; } .review-slide { padding:0 4.1vw; } .review-slide-inner { padding:2.27vw 0; } .review-slide-video, .review-slide-quote { border-width:0.15vw; } .review-slide-video { padding:2.49vw; } .review-slide-quote { padding:2.2vw; } .review-slide-quote-text { padding:2.93vw 0; } .review-slide-quote-attrib { margin-top:1.46vw; } .review-slide-quote-text::before, .review-slide-quote-text::after { width:1.98vw; height:1.24vw; left:calc( 50% - 0.99vw ); } } /*@media (min-width: 1024px) { .categories-child + .categories-child { margin-top: 60px; } }*/ .normal-image-wrap { position: relative; } .normal-image-background { width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 1; } .normal-image, .normal-iframe { position: relative; z-index: 2; } .normal-iframe { margin: 0; border: none; padding: 0; width: 100%; display: block; } .normal-amenities-wrap { position: relative; } .amenities-box-title { text-align: center; } .amenities-box, .amenities-row { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .box-amenity, .row-amenity, .amenities-block-image { background-position: center center; background-repeat: no-repeat; background-size: contain; opacity: 1; /* ToDo - animate up*/ -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .row-amenity { width: 33%; } .box-amenity.thanks-a-lottie, .row-amenity.thanks-a-lottie, .amenities-block-image.thanks-a-lottie, .thanks-a-lottie { background: none !important; } .box-amenity.playing, .row-amenity.playing, .amenities-block-image.playing, .thanks-a-lottie.playing { opacity: 1; } div[data-bg-shape="circle"], div[data-bg-shape="circle-small"], .schedule-slide-icon { padding:5px; background-color:#F4EDDD !important; border-radius: 50%; } div[data-bg-shape="circle-small"] { padding:15px; } div[data-bg-shape="sign"]:not(.schedule-slide-icon) { padding:5px; background-color:transparent; background-image: URL(/templates/boxmakersyard/images/icon-bgs/private-dining-bg-shape.svg) !important; background-repeat: no-repeat !important; background-size: contain !important; background-position: center center !important; } div[data-bg-shape="ticket"]:not(.schedule-slide-icon) { padding:5px; background-color:transparent; background-image: URL(/templates/boxmakersyard/images/icon-bgs/residents-lounge-bg-shape.svg) !important; background-repeat: no-repeat !important; background-size: contain !important; background-position: center center !important; } #ssicon2 { background-size: 70% !important; } #A513 { padding: 8px; } @media (max-width: 1023px) { .normal-block.has-tour { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .normal-text-wrap { padding: 0 22px 60px 22px; } .has-tour .normal-image-background { background: transparent !important; } #contact-form-discounted { margin-top: 46px; } .normal-image, .normal-amenities-wrap { margin: auto; width: calc(100% - (22px * 2)); top: -30px; } .normal-iframe { height:57vw; /*263px;*/ } .normal-amenities { padding: 43px 18px 45px 18px; } .amenities-box { padding: 44px 9px 0 9px; } .amenities-row { padding-top: 20px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; /*-webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;*/ } /*.box-amenity, .row-amenity { width: 72px; height: 100px; } .box-amenity:not(:nth-child(3n+1)) { margin-left: 30px; } .box-amenity:nth-child(n+4) { margin-top: 28px; }*/ } @media (max-width: 1023px) and (min-width: 768px) { .box-amenity, .row-amenity { width: calc(25% - 22.5px); height: 100px; } .box-amenity:not(:nth-child(4n+1)) { margin-left: 30px; } .box-amenity:nth-child(n+5) { margin-top: 28px; } } @media (max-width: 767px) { .normal-text-wrap { padding:0 5.87vw 16vw 5.87vw; } #contact-form-discounted { margin-top:12.27vw; } .normal-image, .normal-amenities-wrap { width:calc( 100% - ( 5.87vw * 2 ) ); top:-8vw; } .normal-iframe { height:58.13vw; /*70.13vw;*/ } .normal-amenities { padding:11.47vw 4.8vw 12vw 4.8vw; } .amenities-box { padding:11.73vw 0 0 0; /*padding:11.73vw 2.4vw 0 2.4vw;*/ } .amenities-row { padding-top:5.33vw; } .row-amenity { padding: 3vw; margin-bottom: 4.667vw; } .box-amenity { width:19.2vw; height:26.67vw; } .box-amenity:not(:nth-child( 3n+1 ) ) { margin-left:8vw; } .box-amenity:nth-child( n+4 ) { margin-top:7.47vw; } .amenities-row-wrap { margin-bottom: 38px; } } @media (min-width: 1024px) { /*.normal-block.has-right-content { padding-bottom:5.42vw; }*/ .normal-text-wrap { margin-left:12.52vw; padding-bottom:3.29vw; width:28.4vw; } .normal-block:not(.has-right-content) > .normal-text-wrap { margin-right: auto; margin-left:auto; width:55vw; } .normal-block.has-right-content .normal-text-wrap { width:36.16vw; } .normal-block.has-right-content.has-gutter .normal-text-wrap { width:31.41vw; } .normal-block.has-amenities .normal-text-wrap { padding-bottom:4.39vw; } #contact-form-discounted { margin-top:3.37vw; } #contact-form-discounted .segment.half .field { width:16.84vw; } #contact-form-discounted #segment_checkboxes { padding-right:2.93vw; } div.chronoforms > form { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /*-webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;*/ } div.chronoforms > form > div { width: 100%; } div.chronoforms > form > .half { width: 48%; } div.chronoforms > form > .half + .half { margin-left: 4%; } div.chronoforms > form .field { text-align: left; } div.chronoforms > form textarea { height: calc(0.73vw * 6 + 1.46vw * 2 + 30px * 3 + 3 * 4px); } /*calc(0.73vw * 6 + 1.46vw * 3 + 28px * 3);*/ #register_submit { margin: 0 auto !important; } .normal-image, .normal-iframe, .normal-amenities-wrap { margin-top:4.1vw; } .categories > div:not(:first-child) .normal-amenities-wrap { margin:0; } .normal-block.has-gutter .normal-image, .normal-block.has-gutter .normal-amenities-wrap { margin-right:4.76vw; } .normal-image-wrap { padding-bottom:2.93vw; } #normal-147 .normal-image-wrap::before { height:2.93vw; } .normal-image-background { width:41vw; } .normal-image, .normal-iframe { width:43.92vw; } .normal-iframe { height:35.87vw; } .normal-amenities { padding:3.15vw 5.12vw 4.39vw 5.12vw; width:43.92vw; top:0; right:0; z-index:2; } .media-no-height .normal-amenities { position:absolute; } .categories > div:not(:first-child) > .normal-block.has-amenities .normal-amenities { position:static; } .amenities-box { padding-top:1.93vw; } .amenities-row { padding-top:1.46vw; padding-bottom: 2.123vw; } .box-amenity { width:5.27vw; height:7.32vw; } .row-amenity { width: 6.442vw; height: 6.442vw; margin-bottom: 2.123vw; } .box-amenity:not(:nth-child( 4n+1 ) ) { margin-left:3.73vw; } .box-amenity:nth-child( n+5 ) { margin-top:1.05vw; } .row-amenity:nth-child( n+2 ) { margin-left:4.539vw; } .row-amenity:nth-child( 6 ) { margin-left:0vw; } } @media (min-width: 1024px) { .ninebynine .row-amenity { width: 8.442vw; height: 8.442vw; margin-left: 4.539vw; cursor:pointer; } .ninebynine .row-amenity:nth-child(3n+1){ margin-left: 0vw; } } .image-text-wrap, .normal-block.has-amenities { position: relative; } .categories > div:not(:first-child) > .normal-block.has-amenities { background-color: transparent !important; } .image-text { position: relative; z-index: 3; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; } .image-text-image-wrap { position: relative; } .image-text-image img, .image-text-text img, .normal-text-inner p img { width: 100%; } .normal-text-inner p img { width: 120%; transform:translateX(-10%); } .image-text-text-wrap { position: relative; } .image-text-text-all { position: relative; } @media (max-width: 1023px) { .categories-child-imagetext + .categories-child-imagetext .image-text-wrap.gutter.background-transparent { margin-top: -45px; } .image-text-wrap::before, .normal-block.has-amenities::before { height: calc(100% - 100px); } .image-text-wrap:not(.mob-reverse)::before { top: 100px; } .image-text { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .image-text-wrap.mob-reverse .image-text { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .image-text-wrap.gutter .image-text-image-wrap, .image-text-text-wrap { padding-left: 22px; padding-right: 22px; } /* HOME */ #imagetext-52 .image-text-text-wrap { height: calc( 100vh - 71px ); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #imagetext-52 .image-text-text { margin: 0 0 71px 0; } /* .image-text-wrap:not(.gutter) .image-text-image-wrap, .image-text-wrap .image-text-text-wrap, .image-text-wrap.gutter:not(.background-transparent) .image-text-image-wrap { padding-top: 45px; } */ .image-text-wrap.gutter:not(.mob-reverse) .image-text-text-wrap /*, .categories-child-imagetext */ { padding-bottom: 45px; } .image-text-wrap:not(.gutter):not(.mob-reverse) .image-text-text-wrap { padding-top: 60px; padding-bottom: 100px; } .image-text-text { margin-top: 38px; margin-bottom: 38px; } .image-text-text .border-button { margin-top: 25px; width: 300px; } } /* @media (max-width: 767px) { .categories-child-imagetext + .categories-child-imagetext .image-text-wrap.gutter.background-transparent { margin-top: -12vw; } .image-text-wrap::before { height:calc( 100% - 26.67vw ); } #imagetext-127 .image-text-wrap::before { height:100%; } .normal-block.has-amenities::before { height:calc( 75% - 26.67vw ); } .image-text-wrap:not(.mob-reverse)::before { top:26.67vw; } .image-text-wrap .image-text > * { padding-right:5.87vw; } .image-text-wrap.gutter .image-text-image-wrap, .image-text-text-wrap { padding-left:5.87vw; } .image-text-wrap:not(.gutter) .image-text-image-wrap, .image-text-wrap .image-text-text-wrap, .image-text-wrap.gutter:not(.background-transparent) .image-text-image-wrap { padding-top:12vw; } .image-text-wrap.gutter:not(.mob-reverse) .image-text-text-wrap { padding-bottom:12vw; } .image-text-wrap:not(.gutter):not(.mob-reverse) .image-text-text-wrap { padding-top:16vw; padding-bottom:16.67vw; } .image-text-text { margin-top:10.13vw; } .image-text-text .border-button { margin-top:6vw; width:80vw; } .image-text-text .border-button.reverse-margin { margin-top:0; margin-bottom:12vw; } } */ @media (min-width: 1024px) { .categories-child-imagetext, .categories-child-slider, .categories-child-scheduleslider { margin-bottom: 58px; } .image-text-wrap.reverse .image-text { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .image-text-text-wrap { width: 56.223vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .image-text-text-all > * { margin-left: 5.271vw; width:38.969vw; } .image-text-image-wrap { width:calc(100vw - 56.223vw); } .image-text-image { width: 100%; } .image-text-wrap.even > div > div { width: 50vw; } .image-text-wrap.even .image-text-text-all > * { margin-left: auto; margin-right: auto; } } @media (min-width: 1200px) { .categories-child-imagetext, .categories-child-slider, .categories-child-scheduleslider { margin-bottom: 4.25vw; } } .fullscreen-sliders-title { text-align: center; } .fullscreen-sliders.multiple-sliders .fullscreen-slider-outers { position: relative; } .fullscreen-sliders.multiple-sliders .fullscreen-slider-outer { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; pointer-events: none; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .fullscreen-sliders.multiple-sliders .fullscreen-slider-outer.active { opacity: 1; pointer-events: auto; } .fullscreen-slider-intro { text-align: center; } .fullscreen-slider.single-slider .fullscreen-slide-image { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .fullscreen-slider.triple-slider .fullscreen-slide-image-wrap { -webkit-transition: padding .3s; -moz-transition: padding .3s; -o-transition: padding .3s; transition: padding .3s; } .fullscreen-slider.triple-slider .fullscreen-slide.slick-active .fullscreen-slide-image-wrap { padding: 0 !important; } .fullscreen-slider.triple-slider .fullscreen-slide-image { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .fullscreen-slider.only-the-lonely > .slick-dots { display:none !important; } .fullscreen-sliders.contain-sliders .fullscreen-slide-image { background-color: #ffffff; background-size: auto 80% !important; } .fullscreen-info-slider { display:none !important; margin: auto; position: relative; text-align: center; background-color: #1C332C; color: #F9F6ED; } /* #fullscreen-info-slider-145 { background-color:#FFF; border: 2px solid #FF; color: #FFF; } #fullscreen-slider-145.info-slider + * .slick-dots li button { border-color:#fff; } #fullscreen-slider-145.info-slider + * .slick-dots li.slick-active button { background:#fff; } #fullscreen-info-slider-145 .slick-prev { background-image: url('../images/icons/arrow-left-191B4E.svg') !important; } #fullscreen-info-slider-145 .slick-next { background-image: url('../images/icons/arrow-right-191B4E.svg') !important; } */ .fullscreen-slider-desc { opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; display:none; } .fullscreen-slider-desc.active { display:block; opacity:1 } @media (max-width: 1023px) { .fullscreen-sliders-title { padding:9.33vw 0 6.67vw 0; } .fullscreen-sliders.multiple-sliders .fullscreen-slider-outers { height: 70.13vw; } .fullscreen-slider.single-slider .fullscreen-slide-image-wrap { height: 70.13vw; } .fullscreen-sliders.multiple-sliders .fullscreen-slider-outers { height: calc(70.13vw + 14vw); } .fullscreen-slider.triple-slider .fullscreen-slide-image-wrap { padding: 0; /*height: 57.33vw;*/ height: /*262px*/ 100vw; /*69.87vw;*/ } .fullscreen-slider-intro { padding:12.8vw 5.87vw 14.4vw 5.87vw; } .fullscreen-slider-desc { padding: 0 5.87vw; margin:6.4vw 0 8.53vw 0; } .fullscreen-slider-button:nth-child( n+2 ) { margin-top:5.07vw; } .fullscreen-info-slider { padding:11.47vw 5.87vw 0 5.87vw; width: calc(100% - (22px * 2)); height:117.33vw; top:-10.93vw; } .fullscreen-info-slide-desc { margin-top:8.8vw; } /*.fullscreen-slider.triple-slider .fullscreen-slide-image-wrap { padding: 0; height: 215px; }*/ /* .fullscreen-sliders-title { padding: 35px 0 25px 0; } .fullscreen-slider-intro { padding: 48px 22px 54px 22px; } .fullscreen-slider-desc { margin: 24px 0 32px 0; } .fullscreen-slider-button { width: 300px; } .fullscreen-slider-button:nth-child(n+2) { margin-top: 19px; } .fullscreen-info-slider { padding: 43px 22px 0 22px; height: 440px; top: -41px; } .fullscreen-info-slide-desc { margin-top: 33px; }*/ } @media (min-width: 1024px) { .fullscreen-sliders-title { padding: 87px 0 36px 0; } .fullscreen-sliders.multiple-sliders .fullscreen-slider-outers { height: 671px; } .fullscreen-slider.single-slider .fullscreen-slide-image-wrap { height: 671px; } .fullscreen-sliders.multiple-sliders .fullscreen-slider-outers { height: 464px; } .fullscreen-slider.triple-slider .fullscreen-slide-image-wrap { padding: 34px 36px; height: 464px; } .fullscreen-slider-intro { padding: 68px 20.2782% 74px 20.2782%; } .fullscreen-slider-desc { margin: 42px 0 42px 0; } .fullscreen-slider-button:nth-child(n+2) { margin-left: 36px; } .fullscreen-info-slider { padding: 32px 36px 0 36px; width: 672px; height: 290px; top: -80px; } .fullscreen-info-slide-desc { margin-top: 25px; } } @media (min-width: 1200px) { .fullscreen-sliders-title { padding:6.37vw 0 2.64vw 0; } .fullscreen-sliders.multiple-sliders .fullscreen-slider-outers { height:49.12vw; } .fullscreen-slider.single-slider .fullscreen-slide-image-wrap { height:49.12vw; } .fullscreen-sliders.multiple-sliders .fullscreen-slider-outers { height: calc(33.97vw + 4vw); } .fullscreen-slider.triple-slider .fullscreen-slide-image-wrap { padding:2.49vw 2.64vw; height:33.97vw; } .fullscreen-slider-intro { padding:4.98vw 20.2782% 5.42vw 20.2782%; } .fullscreen-sliders.multiple-sliders > div.fullscreen-slider-intro:last-child { padding-top:0; padding-bottom:0; } .fullscreen-slider-desc { margin:2.49vw 0 3.07vw 0; } .fullscreen-slider-button:nth-child( n+2 ) { margin-left:2.64vw; } .fullscreen-info-slider { padding:2.34vw 2.64vw 0 2.64vw; top:-5.86vw; width:49.19vw; height:21.22vw; } .fullscreen-info-slide-desc { margin-top:1.83vw; } } .schedule-slider-times { display: -webkit-flex; display: -ms-flexbox; display: flex; } .schedule-slider-time { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; cursor: pointer; } .schedule-slider-time:nth-child(n+2)::before { content: ''; position: absolute; top: 50%; left: 0; z-index: 2; background-color: #1C332C; opacity: 1; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: opacitally .3s; transition: all .3s; } .schedule-slider-time.current:nth-child(n+2)::before, .schedule-slider-time.complete:nth-child(n+2)::before { /*opacity: 1;*/left:0; } .schedule-slider-time-icon { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; } .schedule-slider-time-icon::before, .schedule-slider-time-icon::after { content: ''; border-color: #191B4E; border-style: solid; position: absolute; bottom: 0; z-index: 2; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .schedule-slider-time-icon::after { background-color: #F4EDDD; opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .schedule-slider-time.current .schedule-slider-time-icon::before { opacity: 0; } .schedule-slider-time.current .schedule-slider-time-icon::after { opacity: 1; } .schedule-slider-time-text { position: relative; z-index: 3; } .schedule-slider-intro, .schedule-slide-inner::before { /* background-color: #C0E3E2;*/ } .schedule-slider-wrap, .schedule-slide-inner { background-color: #ffffff; } .schedule-slide-image { position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; } #imagetext-178 .schedule-slide-image { background-size:contain; } .schedule-slide-image > .caption { position: absolute; bottom: 2.123vw; color:#ffffff; text-transform: uppercase; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-shadow: 1px 1px #000 !important; } .schedule-slide-icon { position: absolute; z-index: 3; background-position: center center; background-repeat: no-repeat; background-size: contain; } .schedule-slide-text { color: #ffffff; } @media (max-width: 1023px) { .schedule-slider-intro { padding: 45px 22px 38px 22px; } .schedule-slider-intro-desc { margin: 38px 0; } .schedule-slider-time { width: 63px; height: 63px; } .schedule-slider-time:nth-child(n+2) { margin-left: 26px; } .schedule-slider-time:nth-child(n+2)::before { left: -26px; width:0; height: 2px; } .schedule-slider-time.current:nth-child(n+2)::before, .schedule-slider-time.complete:nth-child(n+2)::before { left:0; width:26px; } .schedule-slider-time-icon::before, .schedule-slider-time-icon::after { border-width: 2px; } .schedule-slider-time-icon::before { width: 4px; height: 4px; bottom: 2px; left: calc(50% - 6px); } .schedule-slider-time-icon::after { width: 41px; height: 41px; bottom: calc(50% - 23.5px); left: calc(50% - 22.5px); } .schedule-slide-inner { /* padding-right: 22px; */ position: relative; } .schedule-slide-inner::before { content: ''; width: 100%; height: 84px; position: absolute; top: 0; left: 0; z-index: 0; } .schedule-slide-image { width: 100%; height: 349px; } .schedule-slide-icon { width: 112px; height: 112px; top: 166px; left: 22px; background-position: left center; } .schedule-slide-text { padding: 63px 22px 46px 46px; text-align:left; } .schedule-slide-desc { margin-top: 27px; } } @media (min-width: 1024px) { .schedule-slider-intro-wrap, .schedule-slide { padding-top:2.27vw; } .schedule-slider-intro-wrap { width:48.68%; } .schedule-slider-intro { padding:6.66vw 7.76vw 6.08vw 12.52vw; } .schedule-slider-intro-desc { margin:2.42vw 0; } .schedule-slider-time { width:4.61vw; height:4.61vw; } .schedule-slider-time:nth-child( n+2 ) { margin-left:3.29vw; } .schedule-slider-time:nth-child( n+2 )::before { left:-3.29vw; width:0; height:0.15vw; } .schedule-slider-time.current:nth-child(n+2)::before, .schedule-slider-time.complete:nth-child(n+2)::before { width:3.29vw; } .schedule-slider-time-icon::before, .schedule-slider-time-icon::after { border-width:0.15vw; } .schedule-slider-time-icon::before { width:0.29vw; height:0.29vw; bottom:0.15vw; left:calc( 50% - 0.44vw ); } .schedule-slider-time-icon::after { width:3vw; height:3vw; bottom:calc( 50% - 1.7vw ); left:calc( 50% - 1.7vw ); } .schedule-slider-wrap { width:51.32%; } .schedule-slide-inner { /*padding-right:4.76vw;*/ } .schedule-slide-image { /* width:46.56vw;*/ height:40vw; } .schedule-slide-icon { width:8.2vw; height:8.2vw; top:8.49vw; right:2.05vw; } .schedule-slide-text { margin-left:7.98vw; padding-bottom:3.15vw; width:29.14vw; } .schedule-slide-desc { margin-top:1.76vw; } } .two-column { background-color: #C0E3E2; } .two-column-item { position: relative; } .two-column-item::before { content: ''; position: absolute; bottom: 0; z-index: 1; background-color: #03908D; } .two-column-item-inner { position: relative; z-index: 2; } .two-column-item-image { background-position: center center; background-repeat: no-repeat; background-size: cover; } .two-column-item-icon { position: absolute; background-position: center center; background-repeat: no-repeat; background-size: contain; } .two-column-item-text { color: #F9F6ED; } @media (max-width: 767px) { .two-column-intro { padding:0 5.87vw 10.67vw 5.87vw; } .two-column { padding-bottom:8.27vw; } .two-column-item-image { width:100%; height:68.53vw; } .two-column-item-icon { width:24.8vw; height:24.8vw; top:58.13vw; right:12.4vw; } .two-column-item-text { padding:12vw 7.33vw 22.4vw 7.33vw; width:calc( 100% - ( 5.87vw * 2 ) ); height: 78.67vw; } .two-column-item-text h2 { margin-bottom:6.93vw; } } @media (max-width: 1023px) { .two-column-intro { padding: 0 22px 40px 22px; } .two-column:not(.two-column-slider) { display: none !important; } .two-column { padding-bottom: 31px; } .two-column-item::before { display: none; } .two-column-item-image { width: 100%; height: 257px; } .two-column-item-icon { width: 93px; height: 93px; top: 188px; right: 46.5px; } .two-column-item-text { margin: auto; padding: 45px 27.5px 84px 27.5px; width: calc(100% - (22px * 2)); height: /*277px*/ 295px; background-color: #03908D; } .two-column-item-text h2 { margin-bottom: 26px; } } /*@media (min-width: 1024px) { .two-column-intro { margin-left: 171px; padding-bottom: 80px; width: 424px; } .two-column-slider { display: none !important; } .two-column { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .two-column-item { width: 665px; } .two-column-item:nth-child(n+3) { padding-top: 110px; } .two-column-item:nth-child(2n) { top: -209px; margin-left: 36px; } .two-column-item::before { width: 559px; height: 371px; } .two-column-item:nth-child(2n+1)::before { left: 0; } .two-column-item:nth-child(2n)::before { right: 0; } .two-column-item-image { width: 600px; height: 322px; } .two-column-item:nth-child(2n+1) .two-column-item-image { margin-left: 65px; } .two-column-item:nth-child(2n) .two-column-item-image { margin-right: 65px; } .two-column-item-icon { width: 112px; height: 112px; top: 254px; } /* mimic schedule slider css * .two-column-item:nth-child(2n+1) .two-column-item-icon { left: 78px; } .two-column-item:nth-child(2n) .two-column-item-icon { right: 78px; } .two-column-item-text { padding-top: 28px; padding-bottom: 30px; width: 286px; } .two-column-item:nth-child(2n+1) .two-column-item-text { margin-left: 241px; } .two-column-item:nth-child(2n) .two-column-item-text { margin-left: 176px; } .two-column-item-text h2 { margin-bottom: 26px; } .two-column-item-desc { height: 132px; } }*/ @media (min-width: 1024px) { .two-column-intro { margin-left:12.52vw; padding-bottom:5.86vw; width:31.04vw; } .two-column-slider { display: none !important; } .two-column { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .two-column-item { width:48.68%; } .two-column-item:nth-child(n+3) { padding-top:8.05vw; } .two-column-item:nth-child(2n) { top:-23.5vw; /*-15.3vw;*/ margin-left:2.64%; } .two-column-item::before { width:40.92vw; height:27.16vw; } .two-column-item:nth-child(2n+1)::before { left:0; } .two-column-item:nth-child(2n)::before { right:0; } .two-column-item-image { width:43.92vw; height:23.57vw; } .two-column-item:nth-child(2n+1) .two-column-item-image { margin-left:4.76vw; } .two-column-item:nth-child(2n) .two-column-item-image { margin-right:4.76vw; } .two-column-item-icon { width:8.2vw; height:8.2vw; top:18.59vw; } /* mimic schedule slider css */ .two-column-item:nth-child(2n+1) .two-column-item-icon { left:5.71vw; } .two-column-item:nth-child(2n) .two-column-item-icon { right:5.71vw; } .two-column-item-text { padding-top:2.05vw; padding-bottom:2.2vw; width:20.94vw; } .two-column-item:nth-child(2n+1) .two-column-item-text { margin-left:17.64vw; } .two-column-item:nth-child(2n) .two-column-item-text { margin-left:12.88vw; } .two-column-item-text h2 { margin-bottom:1.9vw; } .two-column-item-desc { height:9.66vw; } } .amenities-text { margin: auto; text-align: center; } .amenities-text h1 { margin-bottom: 40px; } .amenities-blocks { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .amenities-block-image { background-position: center center; background-repeat: no-repeat; background-size: contain; } @media (max-width: 767px) { .amenities-wrap { padding:25.07vw 5.6vw; } .amenities-text { padding-bottom:22.67vw; max-width:none; } .amenities-text h1 { margin-bottom:9.87vw; } .amenities-block { width:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; } .amenities-block:not( :nth-child( 3n+1 ) ) { margin-left:0; } .amenities-block:nth-child( n+4 ) { margin-top:0; } .amenities-block:nth-child( n+2 ) { margin-top:20.27vw; } .amenities-block-image { margin:0; width:24.53vw; height:25.07vw; } .amenities-block-text { padding-left:10.13vw; width:calc( 100% - 24.53vw ); } } @media (min-width: 768px) { .amenities-wrap { padding:8.05vw 12.45%; } .amenities-text { padding-bottom:6vw; max-width: /*51.24vw*/ 68.041%; } .amenities-text h1 { margin-bottom:2.93vw; } .amenities-block { width: /*20.64vw*/ /*20.3vw*/ 27.49%; } .amenities-block:not(:nth-child( 3n+1 ) ) { margin-left: /*6.59vw*/ 8.765%; } .amenities-block:nth-child( n+4 ) { margin-top:4.25vw; } .amenities-block-image { margin:0 auto 2.49vw auto; padding-top:33.33%; width:33.33%; height:0; position: relative; } .amenities-block-image svg { position: absolute; top: 0; left: 0; z-index: 3; } } @media (min-width: 1024px) { /*.amenities-wrap { /*padding: 110px 170px;* } .amenities-text { padding-bottom: 82px; max-width: 700px; } .amenities-block { width: 282px; } .amenities-block:not(:nth-child(3n+1)) { margin-left: 90px; } .amenities-block:nth-child(n+4) { margin-top: 58px; } .amenities-block-image { margin: 0 auto 34px auto; width: 94px; height: 94px; }*/ } .blog-featured-item-background { width: 100%; position: absolute; top: 0; right: 0; z-index: 1; pointer-events: none; } .blog-featured-item-media, .blog-featured-item-text-wrap { position: relative; z-index: 2; } .blog-category { cursor: pointer; } .blog-item { position: relative; } .blog-item-background { height: 100%; position: absolute; top: 0; z-index: -1; } .blog-item-media-slide { background-position: center center; background-repeat: no-repeat; background-size: cover; } @media (min-width: 1024px) { .blog-featured-item-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; } .blog-featured-item-background { width: 1195px; height: 100%; } .blog-featured-item-media { width: 983px; height: 569px; } .blog-featured-item-text-wrap { margin-left: 67px; padding: 60px 0 48px 0; width: 248px; } .blog-featured-item-text-wrap h2 { margin: 26px 0 41px 0; } .blog-intro, .blog-items { padding: 0 171px; } .blog-intro { padding-bottom: 60px; } .blog-categories { display: -webkit-flex; display: -ms-flexbox; display: flex; } .blog-items { padding-bottom: 98px; } .blog-item:nth-child(n+2) { margin-top: 70px; } .blog-item { padding: 39px 0; display: -webkit-flex; display: -ms-flexbox; display: flex; } .blog-item.portrait { padding-bottom: 0; } .blog-item.media-right { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .blog-item-background { width: calc(100% - 106px); } .blog-item.landscape.has-slider .blog-item-background { width: calc(100% - (106px * 2)); } .blog-item.portrait .blog-item-background { width: calc(100% - (106px * 3)); } .blog-item.portrait .blog-item-background { height: calc(100% - 59px); } .blog-item.media-left .blog-item-background { left: 106px; } .blog-item.media-right .blog-item-background { right: 106px; } .blog-item-subcat { width: 100%; position: absolute; top: 39px; z-index: 2; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .blog-item.media-left .blog-item-subcat { left: -35px; } .blog-item.media-right .blog-item-subcat { left: calc(100% + 35px + 19px); } .blog-item-media { width: 494px; height: 279px; } .blog-item.landscape.has-slider .blog-item-media { width: 388px; } .blog-item.portrait .blog-item-media { width: 282px; height: 377px; } .blog-item-media-slide { padding: 19px 22px; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .blog-item.media-right .blog-item-media-slide { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .blog-item-text { margin-left: 142px; width: 282px; } .blog-item.media-right .blog-item-text { margin-left: 106px; margin-right: 142px; } .blog-item-desc { margin-top: 30px; } } @media (min-width: 1200px) { .blog-featured-item-background { width:87.48vw; height:100%; } .blog-featured-item-media { width:71.96vw; height:41.65vw; } .blog-featured-item-text-wrap { margin-left:4.9vw; padding:4.39vw 0 3.51vw 0; width:18.16vw; } .blog-featured-item-text-wrap h2 { margin:1.9vw 0 3vw 0; } .blog-intro, .blog-items { padding:0 12.52vw; } .blog-intro { padding-bottom:4.39vw; } .blog-items { padding-bottom:7.17vw; } .blog-item:nth-child( n+2 ) { margin-top:5.12vw; } .blog-item { padding:2.86vw 0; } .blog-item-background { width:calc( 100% - 7.76vw ); } .blog-item.landscape.has-slider .blog-item-background { width:calc( 100% - ( 7.76vw * 2 ) ); } .blog-item.portrait .blog-item-background { width:calc( 100% - ( 7.76vw * 3 ) ); } .blog-item.portrait .blog-item-background { height:calc( 100% - 4.32vw ); } .blog-item.media-left .blog-item-background { left:7.76vw; } .blog-item.media-right .blog-item-background { right:7.76vw; } .blog-item-subcat { top:2.86vw; } .blog-item.media-left .blog-item-subcat { left:-2.56vw; } .blog-item.media-right .blog-item-subcat { left:calc( 100% + 2.56vw + 1.39vw ); } .blog-item-media { width:36.16vw; height:20.42vw; } .blog-item.landscape.has-slider .blog-item-media { width:28.4vw; } .blog-item.portrait .blog-item-media { width:20.64vw; height:27.6vw; } .blog-item-media-slide { padding:1.39vw 1.61vw; } .blog-item-text { margin-left:10.4vw; width:20.64vw; } .blog-item.media-right .blog-item-text { margin-left:7.76vw; margin-right:10.4vw; } .blog-item-desc { margin-top:2.2vw; } } .blog-highlights-text { text-align: center; } .blog-highlights-item, .blog-highlights-item-text { position: relative; } .blog-highlights-item-background { width: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .blog-highlights-item-image { background-position: center center; background-repeat: no-repeat; background-size: cover; } @media (max-width: 1023px) { .blog-highlights-wrap { padding: 100px 0 0 0; } .blog-highlights-text { padding: 0 22px; } .blog-highlights-desc { padding-top: 38px; } .blog-highlights-items { padding-top: 40px; } .blog-highlights-item:nth-child(n+2) { margin-top: 44px; } .blog-highlights-item-text { padding: 50px 78px 45px 78px; } .blog-highlights-item-desc { padding: 27px 0; } .blog-highlights-item-text .border-button { width: 218px; } .blog-highlights-item-subcat { padding: 0 55px 13px 0; width: 100%; text-align: right; transform: rotate(-90deg) translateY(calc(-100vw + 60px)); transform-origin: bottom right; } .blog-highlights-item-background { height: calc(100% + 48px); } .blog-highlights-item-image { margin-left: 78px; width: calc(100% - 78px); height: 223px; } } @media (min-width: 1024px) { .blog-highlights-wrap { padding: 70px 0 52px 0; } .blog-highlights-text { padding: 0 383px; } .blog-highlights-desc { padding-top: 33px; } .blog-highlights-items { padding: 65px 65px 0 65px; /*44px*/display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .blog-highlights-item { width: 600px; } .blog-highlights-item-text { padding: 36px 106px 30px 106px; width: calc(100% - 106px); } .blog-highlights-item-desc { padding: 30px 0 23px 0; } .blog-highlights-item-subcat { position: absolute; top: 0; right: 50px; z-index: 1; -webkit-transform: rotate(90deg) translate(100%, 0); -ms-transform: rotate(90deg) translate(100%, 0); transform: rotate(90deg) translate(100%, 0); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .blog-highlights-item-background { height: calc(100% + 113px); } .blog-highlights-item-image { margin-left: 106px; width: calc(100% - 106px); height: 281px; } } @media (min-width: 1200px) { .blog-highlights-wrap { padding:5.12vw 0 3.81vw 0; } .blog-highlights-text { padding:0 28.04vw; } .blog-highlights-desc { padding-top:2.42vw; } .blog-highlights-items { padding:4.76vw 4.76vw 0 4.76vw;/*3.22vw*/} .blog-highlights-item { width:43.92vw; } .blog-highlights-item-text { padding:2.64vw 7.76vw 2.2vw 7.76vw; width:calc( 100% - 7.76vw ); } .blog-highlights-item-desc { padding:2.2vw 0 1.68vw 0; } .blog-highlights-item-subcat { right: 3.66vw; } .blog-highlights-item-background { height:calc( 100% + 8.27vw ); } .blog-highlights-item-image { margin-left:7.76vw; width:calc( 100% - 7.76vw ); height:20.57vw; } } .faq { padding: 0 5.866666vw; } .faq > h1, .faq #page-title { display:none; } .faq-search { margin-top: 10px; margin-bottom: 30px; border: 2px solid #F4AB7A; border-radius: 18px; padding: 12px 12px 12px 38px; width: 100%; background: url('../images/icons/search-blue.svg') 12px center no-repeat; background-size: 14px auto; } .faq-search[type="text"] { color: #191B4E !important; font-size: inherit; } .faq-search[type="text"]::-webkit-input-placeholder { color: #191B4E !important; } .faq-search[type="text"]::-moz-placeholder { color: #191B4E !important; } .faq-search[type="text"]:-ms-input-placeholder { color: #191B4E !important; } .faq-search[type="text"]:-moz-placeholder { color: #191B4E !important; } .faq-blocks { padding-top: 30px; padding-bottom: 30px; } .faq-block { border-top: 1px solid #F4AB7A; } .faq-block:last-child { border-bottom: 2px solid #F4AB7A; } .faq-block.hide { display: none; } .faq-title-icon { padding-top: 0vw; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .faq-title { margin-bottom: 5.333333vw !important; text-transform: uppercase; text-align:left; } .faq-icon { width: 3.733333vw; height: 3.733333vw; position: relative; display: none; } .faq-icon::before, .faq-icon::after { content: ''; width: 100%; height: 2px; position: absolute; top: 6px; left: 0; background-color: #F4AB7A; } .faq-icon::before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: transform .3s; -moz-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; } .faq-block.active .faq-icon::before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .faq-info { overflow: hidden; -webkit-transition: max-height .3s; -moz-transition: max-height .3s; -o-transition: max-height .3s; transition: max-height .3s; } .faq-info-inner { padding-bottom: 5.333333vw; text-align:left; } @media (min-width: 768px) { .faq { /*padding-top: 6vw; padding-bottom: 6vw;*/ } .faq-title-icon { padding-top: 3vw; } .faq-title { margin-bottom: 3vw !important; padding-right: 3vw; } .faq-icon { width: 2vw; height: 2vw; } .faq-info-inner { padding-bottom: 20px; } } @media (min-width: 1024px) { .faq { padding: 0 12.2985vw 127px 12.2985vw; /*padding-top: 5vw; padding-bottom: 5vw;*/ } .faq-title-icon { padding-top: 2vw; } .faq-title { margin-bottom: 2vw !important; padding-right: 2vw; } .faq-icon { width: 2vw; height: 2vw; } } @media (min-width: 1200px) { .faq { padding: 0 12.2985vw 9.3vw 12.2985vw; /*padding-top: 10.980966vw; padding-bottom: 10.980966vw;*/ } .faq > h1 { padding-right: 16vw; } .faq-search { margin-top: 2.928257vw; margin-bottom: 2.928257vw; padding: 1.52489vw 1.52489vw 1.52489vw 4.221083vw; width: 80%; background-position: 1.171303vw center; background-size: 1.977vw auto; } .faq-blocks { padding-top: 2.196193vw; } .faq-search, .faq-block { border-width: 2px; /*.1vw;*/ /*.18vw .15vw;*/ } .faq-title-icon { padding-top: 1.977vw; padding-bottom: 1.977vw; } .faq-title { margin-bottom: 1.171303vw !important; padding-right: 2.196193vw; } .faq-icon { /*margin-top: 3px; width: 14px; height: 14px;*/ margin-top: 0.219619vw; width: 1.977vw; height: 1.977vw; } .faq-icon::before, .faq-icon::after { height: 0.146412vw; } .faq-info-inner { max-width: 48.682vw; padding-bottom: 1.977vw; } } .hero-404 { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; text-align: center; color: #F9F6ED; background-position: center center; background-repeat: no-repeat; background-size: cover; } #normal-147 { padding-bottom: 40px; } @media (max-width: 1023px) { .hero-404 { padding: 30px 22px 100px 22px; min-height: 528px; } } @media (max-width: 767px) { .hero-404 { padding:8vw 5.87vw 26.67vw 5.87vw; min-height:140.8vw; } } @media (min-width: 1024px) { .hero-404 { padding: 40px 347px 80px 347px; min-height: 590px; } #normal-147 { padding-bottom: 4.1vw; } } @media (min-width: 1200px) { .hero-404 { padding:2.93vw 25.4vw 5.86vw 25.4vw; min-height:43.19vw; } } .mfp-close:not(.madeup) { margin: 0 !important; padding: 0 !important; position: fixed !important; top: 30px !important; right: 30px !important; } .mfp-close:not(.madeup)::before, .mfp-close:not(.madeup)::after { background-color: transparent !important; } @media (max-width: 767px) { .mfp-close:not(.madeup) { width: 20px !important; height: 20px !important; } } /* ADMIN ========================================================= */ .mceContentBody .border-button { -webkit-user-select: auto; -ms-user-select: auto; user-select: auto; } /* 404 Fix ========================================================= */ .hero-wrap-404::before { content: "404"; position: absolute; top: 10vw; left: 20vw; color: #fff; } /* Last minute Fixes ========================================================= */ #slider-128 .fullscreen-caption-slider, #slider-173 .fullscreen-caption-slider { display:none; } .raise-image .image-text-image { padding:0 !important; } .raise-image .image-text-image-wrap *:not(ul):not(li) { height:100%; background-color: #fff; } .raise-image .image-text-image-wrap .schedule-slide-image { height:100vw !important; } @media (max-width: 1023px){ .imgtxt-slider .slick-dots { display:none !important; } .hide-mobile { display:none; } .double-d { display:none !important; } .make-your-mark-wrap { top: 50% !important; opacity: 1; } .border-button { margin-bottom: 1em; } } @media (orientation: portrait){ .bottom-left { position:absolute; left: 2vh; bottom:15vh; } } @media (min-width: 1024px) { .raise-image .image-text-image-wrap .schedule-slide-image { height:53vw !important; } #catlink20 { width: 18vw !important; padding-left: 1vw !important; padding-right: 1vw !important; } } #imagetext-126 { margin-bottom: 0; } #imagetext-126 .image-text-wrap { padding-top: 4.25vw; padding-bottom: 4.25vw; } #slider-177 .fullscreen-slide-image { background-position: center top; } #slider-177 .fullscreen-sliders-title { display:none; } #normal-183 .normal-text-wrap { padding-top: 0 !important; } #slider-177 { margin-bottom: 0; } #slider-15 { margin-top: 0; } #location-categories-reset { display:none; } .caps { text-transform:uppercase; } .slick-arrow { background-repeat: no-repeat !important; background-position: center center !important;} #instagram-block { overflow: hidden; background-color: #fff; } #instagram-intro { text-align: center; } #instagram-outro { text-align: center; color: #191B4E; } @media (max-width: 1023px) { #instagram-block { padding-top:0vw; padding-bottom:7.03vw; } #instagram-outro { margin-top:4.69vw; } } @media (max-width: 767px) { #instagram-block { padding-top:0vw; padding-bottom:14.4vw; } #instagram-outro { margin-top:9.6vw; } } @media (min-width: 1024px) { #instagram-block { padding-top:0vw; padding-bottom:2.93vw; } body.menu-id-129 #instagram-block { padding-bottom:5.86vw; } #instagram-outro { margin-top:2.64vw; } }