@charset "UTF-8"; 
:root {--color-pink:#ed2181; --color-red:#ea372a; --color-rosy-brown:#a48184; --color-light-gray:#ded7d4; --color-light-black:#333; --color-white:#fff; --color-yellow:#ff9e18; --color-cyan-blue:#00365e; --font-lg:1.7vw; --font-sm:0.9vw; --font-body:calc(1rem + 0.15vw); --tpl-font-family:"minerva-modern", sans-serif; --spacing-default:9vw; --spacing-sm:calc(var(--spacing-default)*0.5); --spacing-lg:calc(var(--spacing-default)*1.5); --font-size-default:calc(1rem + 1vw); --font-size-sm:calc(1rem + 0.5vw); --font-size-lg:calc(1rem + 1.3vw); --hero-cnt-height:clamp(31.25rem, 0vw + 31.25rem, 31.25rem); --vertical-height:clamp(25.625rem, -6.711vw + 29.929rem, 21.875rem); --gap-default:2.5vw; --width-50:clamp(29.375rem, 48.098vw - 1.468rem, 56.25rem) * 1.0;}
html, body {overflow-x:hidden !important; position:relative; height:auto;}
::-webkit-scrollbar {display:none; scrollbar-width:none;}
.preloader-wrap {background-color:var(--color-white);}
.percentage-intro {color:var(--color-cyan-blue);}
.preloader-intro img {width:75%; margin:0 auto;}
body {font-display: swap;font-weight:500; font-family:var(--tpl-font-family); height:auto; overflow:visible; position:relative; line-height:1.5; overflow-x:hidden !important; background:linear-gradient(180deg, #007591 0%, #0d757b 90%);}
body.smooth-scroll {overflow:visible;}
.cnt-sm {display:none;}
b, strong {font-weight:900;}
.w-md {width:75% !important; margin:0 auto;}
body {font-size:var(--font-body); line-height:1.5;}
body:not(.header-visible) .bg-circle-top,
body:not(.header-visible) .bg-circle-middle,
body:not(.header-visible) .bg-circle-bottom,
body:not(.header-visible) .bg-circle-top svg,
body:not(.header-visible) .bg-circle-middle svg,
body:not(.header-visible) .bg-circle-bottom svg,
body:not(.header-visible) .bg-flare-1,
body:not(.header-visible) .bg-flare-2 {
    width: 1px;
    height: 1px;
}
body .bg-circle-top {position:absolute; content:""; top:-7%; left:-30%; width:180%; height:auto; mix-blend-mode:multiply; overflow:hidden; height:calc(100% + 7%); opacity:1;}
body .bg-circle-middle {position:absolute; content:""; top:20%; left:-60%; width:180%; height:auto; mix-blend-mode:overlay; overflow:hidden; height:calc(100% - 20%); opacity:0.2;}
body .bg-circle-bottom {position:absolute; content:""; top:14%; left:-50%; width:150%; height:calc(100% - 15%); mix-blend-mode:multiply; overflow:hidden; opacity:0.5;}
h1, h2, h3, h4 {color:#fff; font-size:var(--font-size-lg); font-weight:400 ;}
.note {font-size:10px;}
.note-wrap {position:absolute; width:100%; display:flex; flex-direction:column; gap:0; font-size:10px; bottom:0; left:0; text-align:left; padding:2%; color:#fff; text-transform:none;}
.note-wrap.right {align-items:self-end; text-align:right;}
.note-wrap strong {color:#fff; font-size:16px;}
#hero {overflow:visible !important; z-index:1;}
#hero .note-wrap {padding:2%;}
.grow-wrapper.alt .note-wrap {padding:0 1vw;}
.hero-cnt {width:35%; position:absolute; left:12.5%; bottom:calc(clamp(10.938rem, 19.575vw - 1.615rem, 21.875rem) * -1); z-index:2; overflow:visible;}
.hero-banner {height:inherit; display:flex;}
.hero-banner * {object-fit:cover;}
.figcnt {height:100%; top:0px; color:#fff; font-weight:400; padding:10%; position:absolute; left:0px; z-index:10; border-radius:0; height:auto; display:flex; flex-direction:column; justify-content:center; text-align:center;}
.hero-cnt .figcnt {height:fit-content; justify-content:start; background-color:transparent; padding:7% 5%; gap:2.5vw; margin-top:20%; backdrop-filter:blur(10px); -webkit-mask:-webkit-gradient( linear, left 10%, left 0%, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)) );}
.hero-cnt h1 {text-transform:unset; margin-bottom:2vw; font-weight:600;}
.hero-cnt .hero-arc {}
.title-body {line-height:1.25; font-size:var(--font-body);}
.sm-content {display:none !important;}
.body-padding-sm {margin-bottom:calc(0.5rem + 0.1vw); display:inline-block;}
.row-padding-75 {padding-left:12.5%; padding-right:12.5%;}
.row-padding-40 {width:clamp(29.375rem, 48.098vw - 1.468rem, 56.25rem); margin-left:auto; margin-right:auto;}
.padding-left-sm {padding-left:calc(1rem + 0.5vw) !important;}
.p-margin-bottom-sm {margin-bottom:calc(1rem + 0.5vw)!important}
.font-body {font-size:var(--font-body);}
.ln-break {display:block;}
.btn-cursor-none {opacity:0 !important; pointer-events:none;}
.backdrop-img {background:rgba(106, 169, 192, 0.5); backdrop-filter:blur(5px);}
.display-flex-row {display:flex; flex-direction:row; gap:0; align-items:self-start;}
.width-md {width:75%; margin-left:auto; margin-right:auto;}
.width-sm {width:43%; margin-left:auto; margin-right:auto;}
.margin-bottom-md {margin-bottom:9vw;}
.margin-bottom-sm {margin-bottom:6vw !important;}
.row_padding_top_lg {padding-top:15vw !important;}
.row_padding_bottom_sm {padding-bottom:6vw !important;}
.fw-600 {font-weight:600;}
.fw-400 {font-weight:400 !important;}
.font-blue {color:var(--color-cyan-blue) !important;}
.full .content-max-width {padding:0;}
.has-mask-fill.font-white > span {background-image:linear-gradient(#fff, #fff); -webkit-text-fill-color:rgba(0, 0, 0, 0);}
.has-mask-fill.font-blue > span {background-image:linear-gradient(var(--color-cyan-blue), var(--color-cyan-blue));}
.has-opacity.font-white {color:#fff}
.font-yellow > span {background-image:linear-gradient(var(--color-yellow), var(--color-yellow)) !important;}
.grow-wrapper {padding-left:2%; padding-right:2%; position:relative;}
.grow-banner {width:100%;}
.no-overflow {overflow:hidden; padding-left:0; padding-right:0;}
.startScroll #logo img.white-logo {opacity:1;}
.startScroll #logo img.black-logo {opacity:0;}

@media (min-width: 1024px) {
#header-container {padding:10px 50px;}
body.nav-open {overflow:hidden!important;}
.button-wrap.right.burger-lines {right:-4%;}
#burger-wrapper {width:7vw; height:auto; line-height:1vw;}
.icon-wrap {width:5vw; height:7vw;}
.fullscreen-menu nav {left:unset; right:0; width:auto; height:auto;}
.fullscreen-menu nav.open, .fullscreen-menu nav {width:auto; height:auto; background-color:transparent !important;}
.fullscreen-menu .nav-height {height:auto; width:calc(100% + 10px); overflow:visible;}
.fullscreen-menu .nav-height .outer {background-color:transparent; margin-top:4vw; border-radius:20px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.fullscreen-menu .nav-height .inner {z-index:999; position:relative;}
.fullscreen-menu .flexnav {padding:20px;}
.fullscreen-menu .flexnav li.link {margin-bottom:0;}
.fullscreen-menu .flexnav li a {font-family:var(--tpl-font-family); font-weight:400; font-size:calc(var(--font-body) * 0.85); line-height:1.3; padding:0; text-align:center; border-radius:0;}
.fullscreen-menu .menu-timeline .before-span {-webkit-perspective:none; perspective:none;}
.burger-lines #menu-burger {width:auto; height:auto;}
header::after {opacity:0; transition-delay:0.3s; -webkit-transition-duration:0.3s; transition-duration:0.3s; background-image:url(../images/bg-header.webp); background-repeat:no-repeat; background-position:center; background-size:cover; content:""; position:absolute; display:block; top:0px; left:0px; width:100%; height:100%;}
.startScroll header:after {opacity:1;}
#header-container {display:flex; flex-direction:row; justify-content:space-between; align-items:center; padding-left:50px; padding-right:50px;}
.fullscreen-menu .nav-height {padding:0;}
.fullscreen-menu .nav-height .outer {margin-top:0;}
.fullscreen-menu .flexnav {display:flex; gap:1.5vw; align-items:center; justify-content:center;}
.fullscreen-menu nav.open, .fullscreen-menu nav {opacity:1 !important; visibility:visible; pointer-events:initial;}
.fullscreen-menu nav {position:unset; padding:0;}
.fullscreen-menu .menu-timeline .before-span {opacity:1 !important; transform:translate(0px, 0px) !important;}
.fullscreen-menu.invert-header.font-blue .flexnav li a span:nth-child(2), .fullscreen-menu.invert-header.font-blue .flexnav li a span:nth-child(3) {color:var(--color-cyan-blue);}
.startScroll .fullscreen-menu.invert-header .flexnav li a span:nth-child(2), .startScroll .fullscreen-menu.invert-header .flexnav li a span:nth-child(3) {color:var(--color-cyan-blue);}
}

.sticky-socials-wrap {position:relative;}
.sticky-socials-text {margin:0 auto; display:block;}
.sticky-socials-wrap .tooltips-socials {opacity:0; position:absolute; top:-1vw; right:3vw; height:auto; width:auto;}
.sticky-socials-wrap .tooltips-socials .inner {display:flex; flex-direction:row; justify-content:space-between; background-image:url(../images/bg-tooltips.svg); padding:0.5vw 1.5vw; background-repeat:no-repeat; background-position:center center; align-items:center; background-size:contain; width:calc(2rem + 6vw); height:auto;}
.sticky-socials-wrap .tooltips-socials li {position:unset; margin:0;}
.sticky-socials-wrap .tooltips-socials li svg {width:calc(0.1rem + 0.5vw) !important;}
.sticky-socials-wrap .tooltips-socials .yt svg, .sticky-socials-wrap .tooltips-socials .ig svg {width:calc(0.1rem + 1vw) !important;}
.sticky-socials-wrap .tooltips-socials .fb path {fill:#1877f2;}
.sticky-socials-wrap .tooltips-socials .yt path {fill:red;}
.sticky-socials-wrap .tooltips-socials li:hover svg path {fill:#333!important;}
.sticky-socials-wrap:hover .tooltips-socials {opacity:1;}
.video-link-wrap {z-index:999;}
.content-video-wrapper {overflow:visible !important;}
.clapat-video-popup {top:0!important; transform:translate(0%, 0%)!important;}
.clapat-video-popup-close {width:50px; height:50px; color:#fff; font-size:30px; background:#333; line-height:1; text-align:center; display:flex; justify-content:center; align-items:center; position:absolute; top:0; right:0; border:none; text-transform:uppercase; font-weight:400; content:"X";}
.clapat-video-popup-iframe {width:100%; height:100vh;}
.bg-active {position:relative;}
.bg-backdrop-filter {backdrop-filter:saturate(180%) blur(10px); -webkit-backdrop-filter:saturate(180%) blur(5px); background-color:rgba(000, 000, 000, 0.2);}
.showcase-portfolio .slide-inner-alt {padding-top:0; width:100%; height:auto; margin:0; overflow:visible; aspect-ratio:10 / 14; position:relative;}
.no-padding-lr {padding-left:0; padding-right:0;}
#logo {width:5vw; mix-blend-mode:difference; top:0;}
#logo img {height:auto;}
.content-row p {color:#fff; margin-bottom:calc(1rem + 2.5vw);}
em {FONT-WEIGHT:500;}
.button-box {width:auto;}
.button-border {height:calc(clamp(1.875rem, 3.259vw - 0.215rem, 5rem) * 0.8); line-height:calc(clamp(1.875rem, 3.259vw - 0.215rem, 5rem) * 0.8); border-radius:50vw !important; border:1px solid transparent!important; cursor:pointer; text-decoration:none !important; background:linear-gradient(90deg, #ff3a3b 51%, #ff3578 65%, #ff28e3 100%);}
.button-border span {padding:0 clamp(0.625rem, 2.237vw - 0.81rem, 1.875rem)!important;}
.light-content .button-icon, .dark-section .button-icon, .dark-content .button-icon {height:auto; width:auto; margin:20%; text-transform:uppercase; font-size:calc(1rem + 0.5vw); color:#fff;}
.button-border a {color:#fff!important; text-transform:uppercase; font-size:0.8vw; font-weight:600;}
h4 {font-size:var(--font-size-lg);}
p {font-size:var(--font-body); line-height:1.25; font-weight:500;}
#main .large-btn.btn-360 .button-text {font-size:calc(var(--font-body) * 1.2) !important;}
.content-max-width {max-width:100%;}
.clapat-button-wrap {height:auto;}
.artist-impression-wrap {position:absolute; bottom:2%; left:-2%;}
.artist-impression-wrap span {color:#fff; font-size:10px; bottom:-2vw; left:10vw;}
header {z-index:9;}
.open-lightbox header {z-index:-1;}
.page-nav-caption {padding-bottom:0;}
footer {background-image:url(../images/bg-footer.webp); background-size:cover; background-position:center center; background-repeat:no-repeat; padding:15px 50px; width:100%; height:auto; position:relative; border:0;}
footer::before {position:absolute; top:0; left:50px; width:calc(100% - 100px); height:1px; background-color:#fff; content:""; opacity:0.5;}
.quick-link-wrap {padding-top:4%; margin-bottom:0; padding-bottom:4%; border-bottom:1px solid #e6e6e6; border-bottom:none; background-image:url(../images/bg-quicklink.webp); background-size:cover; background-position:center center; background-repeat:no-repeat; margin:-1px 0;}
.quick-link-wrap .container {max-width:calc(100% - 100px); padding:0;}
.quick-link-wrap .txt {display:inline-block; font-size:6vw; font-family:var(--font-family-heading); color:var(--color-lightgreen); text-transform:none; text-align:center; margin-bottom:3vw;}
.quick-link-wrap .link-touch {width:4vw; height:auto; float:right; margin-top:2vw; opacity:1; transition:opacity 0.25s ease-in-out; -moz-transition:opacity 0.25s ease-in-out; -webkit-transition:opacity 0.25s ease-in-out;}
.quick-link-wrap .link-touch:hover {opacity:0.6;}
.nav-pre-next {display:inline-block;}
.nav-pre-next a {display:flex !important; align-items:center; font-size:var(--font-body); font-family:var(--font-family-body); color:var(--color-black); text-transform:none; display:block; text-decoration:none; opacity:1; transition:opacity 0.25s ease-in-out; -moz-transition:opacity 0.25s ease-in-out; -webkit-transition:opacity 0.25s ease-in-out;}
.nav-pre-next a:hover {opacity:0.8;}
.nav-pre-next .btn-left {float:left;}
.nav-pre-next .btn-right {float:right;}
.nav-pre-next img {width:2vw;}
.nav-pre-next .btn-left img {float:left; margin-right:1vw;}
.nav-pre-next .btn-right img {float:right; margin-left:1vw;}
.nav-quick-link {display:flex; width:100%; display:in; gap:0.5vw; justify-content:center;}
.nav-quick-link a {width:100%; font-size:var(--font-body); font-family:var(--font-family-body); font-weight:600; color:var(--color-black); text-transform:none; display:block; text-decoration:none; opacity:1; transition:opacity 0.25s ease-in-out; -moz-transition:opacity 0.25s ease-in-out; -webkit-transition:opacity 0.25s ease-in-out;}
.nav-quick-link a:hover {opacity:0.8;}
.nav-quick-link .btn-right, .nav-quick-link .btn-left {position:relative; display:flex; align-items:center; justify-content:center; gap:1vw; border-radius:50vw !important; border:1px solid transparent !important; cursor:pointer; text-decoration:none !important; background:linear-gradient(90deg, #ff3a3b 51%, #ff3578 65%, #ff28e3 100%); width:19vw; padding:0vw 2vw; color:#fff; font-size:0.9vw; text-align:center; text-transform:uppercase; line-height:1.2; height:2.5vw; font-weight:600;}
.nav-quick-link .btn-right.alt, .nav-quick-link .btn-left.alt {width:20vw;}
.nav-quick-link .fa-angle-left {position:absolute; left:1vw;}
.nav-quick-link .fa-angle-right {position:absolute; right:1vw;}
.nav-quick-link img {width:4.5vw; display:inline-block; height:auto; vertical-align:top; padding:0.5vw 1vw;}
.nav-quick-link .btn-home {text-align:center; font-size:var(--font-size-lg); text-transform:uppercase; color:#fff; flex-direction:row; line-height:1;}
.nav-quick-link .btn-home.last {text-align:right;}
.nav-quick-link .btn-home.first {text-align:left;}
.nav-quick-link .btn-home svg {width:2.3vw; margin:0 auto; margin-bottom:5px; display:inline;}
.nav-quick-link .btn-left img {float:left; margin-right:1vw;}
.nav-quick-link .btn-right img {float:right; margin-left:1vw;}
@media only screen and (max-width: 1466px) {}

@media (max-width: 1366px) {
:root {--font-lg:1.6vw; --font-sm:0.8vw; --font-body:1.25vw;}
}

.sec1 {height:65vw;}
.sec1 .l_1 {padding-left:2%; padding-right:2%;}
.sec1 .l_1 video {height:100%; width:100%;}
.sec1 .button-box {width:fit-content;}
.badge {--badge-size:8.5vw; display:flex; justify-content:center; align-items:center; width:var(--badge-size); height:var(--badge-size); border-radius:100%; animation:identifier 20s linear infinite; padding:0.25em 1.8em; font-size:50%; color:var(--color-white); font-weight:600;}

.badge__emoji {
display:block; margin:0; animation:identifier 20s linear infinite; animation-direction:reverse; transition:all 0.3s; &:hover {opacity:0.8; transform:scale(1.2);}
}

.badge__char {--char-font-weight:400; --char-font-size:1em; --char-width:10px; --char-font-family:"Arial", sans-serif; display:block; position:absolute; top:0; left:calc(50% - var(--char-width) / 2); height:calc(var(--badge-size) / 2); width:var(--char-width); background-repeat:round; text-align:center; text-transform:uppercase; line-height:1rem; font-weight:var(--char-font-weight); font-size:var(--char-font-size); color:var(--white); font-family:var(--char-font-family); transform-origin:bottom center; transform:rotate(var(--char-rotate));}

@-webkit-keyframes identifier {
0% {-webkit-transform:rotate(0deg); transform:rotate(0deg);}
to {-webkit-transform:rotate(1turn); transform:rotate(1turn);}
}

@keyframes identifier {
0% {-webkit-transform:rotate(0deg); transform:rotate(0deg);}
to {-webkit-transform:rotate(1turn); transform:rotate(1turn);}
}

.dark-content #ball, #ball.over-movie, .dark-content #ball.with-icon {}
.dark-content #ball:before, .dark-content #ball:after, #ball-drag-x::before, #ball-drag-x::after {}
.content-slider .slider-button-next, .content-slider .slider-button-prev {display:flex; align-items:center; flex-direction:column; justify-content:center;}
.content-slider .slider-button-next img, .content-slider .slider-button-prev img {width:5vw; align-self:end; padding:4%;}
.content-slider .slider-button-prev img {align-self:start;}
.video-content {position:absolute; width:25%; left:calc(50% - 12.5%); top:calc(50% - 25%); z-index:2;}
.video-content-flex {position:absolute; width:100%; left:0; top:calc(50% - 10%); display:flex; flex-direction:column; align-items:center; justify-content:center;}
.openLightbox header, .openLightbox .f_ui {display:none;}
.video-wrap {overflow:hidden; position:relative;}
.video-content-flex .video-link-inner {position:unset;}
.video-link-inner {position:absolute; z-index:2; display:flex; justify-content:center; align-items:center; height:100%; width:100%;}
.lightbox {position:fixed; top:0; bottom:0; left:0; right:0; z-index:9999; display:none; background-color:rgba(0, 0, 0, 0.95);}
.video-wrapper {position:absolute; top:50%; left:50%; z-index:2; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.1); height:100vh; max-height:100vh;}
.video-wrapper iframe {height:100vh; width:100%; border:0;}
.close-btn {width:50px; position:fixed; padding:10px; background-color:rgba(000, 000, 000, 0.5); top:3% ; right:2%; z-index:999; -webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -ms-transform:scale(1, 1); -o-transform:scale(1, 1); transform:scale(1, 1); -webkit-transition:transform .5s ease, color .5s ease; -moz-transition:transform .5s ease, color .5s ease; -ms-transition:transform .5s ease, color .5s ease; -o-transition:transform .5s ease, color .5s ease; transition:transform .5s ease, color .5s ease;}
.close-btn:hover {color:white; cursor:pointer; -webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2); -webkit-transition:transform .5s ease, color .5s ease; -moz-transition:transform .5s ease, color .5s ease; -ms-transition:transform .5s ease, color .5s ease; -o-transition:transform .5s ease, color .5s ease; transition:transform .5s ease, color .5s ease;}
#rotate-device-lightbox {width:100%; height:100%; position:fixed; z-index:1000; top:0; left:0; background-color:rgba(000,000,000,0.9); background-image:url(../images/icn-rotate.webp); background-size:100px auto; background-position:center; background-repeat:no-repeat; display:none;}
#rotate-device-lightbox:before {content:""; background-image:url(../images/icn-close.webp); width:25px; height:25px; position:fixed; top:30px; right:15px; background-repeat:no-repeat; background-position:center; background-size:contain;}
.img-wrapper {position:relative;}
.btn-zoom {width:8vw; height:auto; position:absolute; right:0; top:0; backdrop-filter:blur(10px);}
.contactMe.small {border-radius:0;}
.contactMe>section {padding:0 0 30px 0;}
.contactMe textarea, .contactMe .field {font-size:var(--font-body); font-family:var(--tpl-font-family); color:#fff;}
.contactMe .btn {font-family:var(--tpl-font-family);}
.thank-msg {position:fixed; top:10vw; left:calc(50% - 15vw); text-align:center; background:#fff; padding:25px; width:30vw; z-index:9; font-size:calc(var(--font-body) * 1.2); display:none;}
.thank-msg.show {display:block;}

@media screen and (min-device-width: 768px) and (max-device-width:1023px) {
.button-wrap.right.menu.burger-lines {right:-4%; top:-30%;}
}

@media (max-width: 1023px) {
:root {--font-size-default:calc(1rem + 1vw); --font-size-sm:calc(1rem + 0.5vw); --font-size-lg:calc(1rem + 3.5vw); --font-body:calc(0.65rem + 1.55vw); --gap-default:9vw; --spacing-default:4.5vw;}
.icn-drag {width:6vw; position:absolute; bottom:5%; left:calc(50% - 3vw); opacity:1; transition:opacity 5s ease-in-out; -moz-transition:opacity 5s ease-in-out; -webkit-transition:opacity 5s ease-in-out;}
h1, h2, h3, h4 {font-size:var(--font-size-lg); line-height:1;}
.nav-open header {height:100%;}
.nav-open nav {}
.nav-open nav::before {position:absolute; top:-4vw; left:0; content:""; height:inherit; background-image:url(../images/m-menu-bg.webp); background-repeat:no-repeat; width:100%; background-size:cover;}
.nav-open .outer {backdrop-filter:unset !important;}
.nav-open .button-wrap.right.menu.burger-lines {top:0;}
.btn-download-ebrocure {width:60vw; left:calc(50% - 30vw); position:absolute; bottom:15vw; display:none; opacity:0;}
.btn-download-ebrocure .clapat-button {margin-bottom:0;}
.nav-open .btn-download-ebrocure {-webkit-transition:opacity 7s ease-out 0s; transition:opacity 7s ease-out 0s; opacity:1 !important; display:block;}
.landscape #rotate-device {display:block;}
#header-container {padding-top:3.75vw!important;}
.over-sidebar .light-content-header #logo img.white-logo {opacity:0 !important;}
.over-sidebar .light-content-header #logo img.black-logo {opacity:1 !important;}
header::after {opacity:0; transition-delay:0.3s; -webkit-transition-duration:0.3s; transition-duration:0.3s; background-image:url(../images/m-bg-header.webp); background-repeat:no-repeat; background-position:center; background-size:cover; content:""; position:absolute; display:block; top:0px; left:0px; width:100%; height:100%;}
.startScroll header:after {opacity:1;}
.light-content header .button-icon, .dark-section header .button-icon, .dark-content header .button-icon {height:100%; width:100%;}
#burger-wrapper {width:inherit; height:inherit;}
.burger-lines #menu-burger {width:inherit; height:inherit;}
.flexnav li, .flexnav li a {border-radius:0; padding-bottom:0;}
.flexnav li a {font-size:calc(1rem + 4vw); line-height:calc(1rem + 7.5vw);}
header .button-icon {line-height:3;}
.startScroll:not(.over-sidebar) .button-icon {color:var(--color-cyan-blue);}
.row_padding_top_lg {padding-top:30vw !important;}
.row_padding_bottom_sm {padding-bottom:12vw !important;}
.row_padding_top {padding-top:15vw;}
.row_padding_bottom {padding-bottom:15vw;}
.margin-bottom-sm {margin-bottom:var(--gap-default) !important;}
.lg-content {display:none !important;}
.sm-content {display:block !important;}
.hidden-sm {display:none;}
.sm-text-align-center * {text-align:center!important;}
.sm-flex-column {display:flex; flex-direction:column;}
.sm-flex-row {display:flex; flex-direction:row;}
.sm-max-content {padding-left:var(--spacing-default); padding-right:var(--spacing-default);}
.cnt-row-last .row_padding_bottom {padding-bottom:0;}
.title-body br {display:none;}
.row-padding-40, .width-sm, .width-md {width:100%; padding-left:var(--spacing-default); padding-right:var(--spacing-default);}
.sm-full {padding-left:0; padding-right:0;}
.sm-no-padding-b {padding-bottom:0;}
header {height:100px;}
#logo {width:15vw;}
#logo img.white-logo {height:5vw;}
.hero-cnt h1 {margin-bottom:calc(var(--gap-default) * 1.5); line-height:1.15;}
#hero .note-wrap {padding:3%;}
#hero .has-parallax {width:100%;}
#hero .has-parallax .hero-banner * {object-fit:cover;}
#hero .note {transform:rotate(-90deg); transform-origin:bottom left; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); -webkit-transform-origin:bottom left; -moz-transform-origin:bottom left; -ms-transform-origin:bottom left; -o-transform-origin:bottom left; text-align:left;}
.hero-cnt {width:92%; left:4%; bottom:calc(clamp(12.5rem, 61.728vw - 1.968rem, 37.5rem) * -1)}
.hero-cnt .figcnt {margin-top:15%;}
.hero-cnt h1 {margin-bottom:0;}
.hero-cnt .figcnt p.first-item {margin-top:var(--gap-default)!important;}
h4 {margin-bottom:var(--gap-default);}
.quick-link-wrap {padding:calc(var(--spacing-default) * 1.5) var(--spacing-default); background-image:url(../images/m-bg-quicklink.webp);}
.quick-link-wrap .container {max-width:calc(100% - 0%); margin:0;}
.nav-quick-link {justify-content:space-between; flex-wrap:wrap; gap:5vw;}
.nav-quick-link .btn-right, .nav-quick-link .btn-left {width:fit-content; font-size:calc(var(--font-body) *0.9); height:fit-content; padding:1.5vw 4.5vw;}
.nav-quick-link .btn-right.alt, .nav-quick-link .btn-left.alt {width:49vw;}
.nav-quick-link .btn-home {flex:1 1 100%; order:2;}
.nav-quick-link .btn-home.last, .nav-quick-link .btn-home.first {text-align:center;}
.nav-quick-link .btn-right, .nav-quick-link .btn-left {order:1;}
.nav-quick-link .fa-angle-left {left:2vw;}
.nav-quick-link .fa-angle-right {right:2vw;}
.nav-quick-link img {width:7.5vw;}
.button-border {height:fit-content; line-height:2.0;}
.button-border a {font-size:calc(var(--font-body) * 1.1); height:fit-content; padding:0.3vw 2.5vw;}
.button-border span {padding:0;}
.grow-wrapper.alt .note-wrap {padding:2%;}
.badge {--badge-size:20vw; font-size:60%;}
.slick-prev, .slick-next {left:calc(100% + 5vw); width:10vw; height:7vw;}
.f_ui ul .stick-info {width:calc(100% - calc(var(--spacing-default) * 2)); position:fixed; left:var(--spacing-default); bottom:var(--spacing-default); right:unset; top:unset; margin:0 auto;}
.f_ui ul .stick-info .m-quick-link {width:100%; height:auto; padding:calc(var(--spacing-default)*0.5) calc(var(--spacing-default)*0.2); display:flex; flex-direction:row; align-items:center; justify-content:space-around; background-color:rgba(0, 54, 94, 0.7); backdrop-filter:blur(3px); border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px;}
.item-wa, .item-ph {width:5vw; border-radius:0;}
.separator {border-right:1px solid #fff; height:5vw;}
.item-reg {margin-right:20vw;}
.rg-btn {position:relative; display:flex; align-items:center; justify-content:center; gap:1vw; border-radius:50vw !important; border:1px solid transparent !important; cursor:pointer; text-decoration:none !important; background:linear-gradient(90deg, #ff3a3b 51%, #ff3578 65%, #ff28e3 100%); width:19vw; padding:0vw 2vw; color:#fff; font-size:0.9vw; text-align:center; text-transform:uppercase; line-height:1.2; height:2.5vw; font-weight:600; width:fit-content; font-size:calc(var(--font-body) * 1.1); height:fit-content; padding:2vw 4.5vw; margin-right:5vw;}
.icn-enlarge {position:absolute; right:0; top:0; width:10vw; height:10vw; padding:2vw !important; background-color:rgba(255, 255, 255, 0.5); backdrop-filter:blur(1px);}
.gc-overlay-area {position:fixed; top:0; left:0; width:100%; height:100%; z-index:2147483647!important; background-color:#ccc; background-color:rgba(51, 51, 51, .95)}
.gc-overlay-gcontainer {position:relative; width:100%; height:100%; padding:0}
.gc-overlay-container {position:relative; overflow:auto; width:100%; height:100%; padding:0; overflow:hidden}
.gc-overlay-container-display {position:absolute; overflow:hidden; width:100%; height:100%; padding:0; visibility:hidden; opacity:0}
.zoom-wrapper {overflow:hidden; position:relative; background-size:cover; background-repeat:no-repeat;}
.glass-case {position:relative; height:auto !important; width:100% !important; margin-left:0; border:1px solid rgba(000, 000, 000, 0.2); overflow:hidden;}
.glass-case img {height:100vh !important; width:auto !important; max-width:unset !important;}
.gc-display-area {border:none !important; background-color:transparent !important; overflow:hidden !important;}
.sm-zoom-img .gc-display-container, .sm-zoom-img .gc-overlay-left-icons, .sm-zoom-img .gc-overlay-right-icons {display:none !important;}
.gc-noscroll .content-row, .gc-noscroll .stick-info, .gc-noscroll header {z-index:-1;}
.gc-noscroll .content-row.gc-wrap {z-index:999;}
.gc-overlay-top-icons {padding:0 !important;}
.gc-icon-close {font-size:5em !important; background:transparent !important; border:0 !important;}
.gc-noscroll div:not(.sm-zoom-img) {visibility:hidden;}
.gc-noscroll .gc-overlay-area, .gc-noscroll .gc-icon-close {visibility:visible !important;}
.sm-zoom-img {background-size:cover; background-repeat:no-repeat; background-position:center;}
.glass-case {position:relative; height:50vh !important; width:100% !important; margin-left:0; border:0; overflow:hidden;}
.glass-case img {height:100vh !important; width:auto !important;}
.gc-display-area, .gc-display-area-container {width:inherit!important; ; height:inherit!important; ;}
.gc-overlay-container-display {overflow:auto;}
.gc-display-area {border:none !important; background-color:transparent !important; overflow:hidden !important;}
.sm-zoom-img .gc-display-container, .sm-zoom-img .gc-overlay-left-icons, .sm-zoom-img .gc-overlay-right-icons {display:none !important;}
.portrait #rotate-device-lightbox {display:block;}
footer::before {left:var(--spacing-default); width:calc(100% - calc(var(--spacing-default)*2));}
.open-lightbox .f_ui, .open-lightbox footer {visibility:hidden;}
.contactMe .btn {padding:1.5vw 8vw; font-size:calc(var(--font-body) * 1.25);}
.thank-msg {top:20vw; left:0; width:calc(100% - 30px); margin-left:15px; margin-right:15px;}
}

@media (max-width: 767px) {
:root {--font-size-lg:calc(1rem + 2.0vw); --font-body:calc(0.65rem + 1.25vw); --spacing-default:4vw;}
header {height:80px;}
#logo {width:20vw;}
#logo img.white-logo {height:10vw;}
.button-wrap.right.menu.burger-lines {top:0;}
}

@media (max-width: 400px) {
:root {--font-body:calc(0.65rem + 1vw);}
}