@font-face {
font-family: "sequel_sansbold_disp";
src: url("/Content/fonts/sequel_sans_bold_disp-webfont.woff2") format("woff2"), url("/Content/fonts/sequel_sans_bold_disp-webfont.woff") format("woff");
font-weight: normal;
font-style: swap;
font-display: swap; }
@font-face {
font-family: "sequel_sansbook_body";
src: url("/Content/fonts/sequel_sans_book_body-webfont.woff2") format("woff2"), url("/Content/fonts/sequel_sans_book_body-webfont.woff") format("woff");
font-weight: normal;
font-style: swap;
font-display: swap; }
@font-face {
font-family: "sequel_sansheavy_body";
src: url("/Content/fonts/sequel_sans_heavy_body-webfont.woff2") format("woff2"), url("/Content/fonts/sequel_sans_heavy_body-webfont.woff") format("woff");
font-weight: normal;
font-style: swap;
font-display: swap; }
@font-face {
font-family: "sequel_sansmedium_body";
src: url("/Content/fonts/sequel_sans_medium_body-webfont.woff2") format("woff2"), url("/Content/fonts/sequel_sans_medium_body-webfont.woff") format("woff");
font-weight: normal;
font-style: swap;
font-display: swap; }
@font-face {
font-family: "sequel_sanssemi_bold_body";
src: url("/Content/fonts/sequel_sans_semi_bold_body-webfont.woff2") format("woff2"), url("/Content/fonts/sequel_sans_semi_bold_body-webfont.woff") format("woff");
font-weight: normal;
font-style: swap;
font-display: swap; }
@font-face {
font-family: "sequel_sanssemi_bold_disp";
src: url("/Content/fonts/sequel_sans_semi_bold_disp-webfont.woff2") format("woff2"), url("/Content/fonts/sequel_sans_semi_bold_disp-webfont.woff") format("woff");
font-weight: normal;
font-style: swap;
font-display: swap; }
@font-face {
font-family: "sequel_sanssemi_bold_head";
src: url("/Content/fonts/sequel_sans_semi_bold_head-webfont.woff2") format("woff2"), url("/Content/fonts/sequel_sans_semi_bold_head-webfont.woff") format("woff");
font-weight: normal;
font-style: swap;
font-display: swap; }
@font-face {
font-family: "Space Grotesk Light";
src: url("/Content/fonts/SpaceGrotesk-Light.woff2") format("woff2"), url("/Content/fonts/SpaceGrotesk-Light.woff") format("woff"), url("/Content/fonts/SpaceGrotesk-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap; }
@font-face {
font-family: "Space Grotesk Medium";
src: url("/Content/fonts/SpaceGrotesk-Medium.woff2") format("woff2"), url("/Content/fonts/SpaceGrotesk-Medium.woff") format("woff"), url("/Content/fonts/SpaceGrotesk-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap; }
@font-face {
font-family: "Space Grotesk Regular";
src: url("/Content/fonts/SpaceGrotesk-Regular.woff2") format("woff2"), url("/Content/fonts/SpaceGrotesk-Regular.woff") format("woff"), url("/Content/fonts/SpaceGrotesk-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap; }
@font-face {
font-family: "Space Grotesk Bold";
src: url("/Content/fonts/SpaceGrotesk-Bold.woff2") format("woff2"), url("/Content/fonts/SpaceGrotesk-Bold.woff") format("woff"), url("/Content/fonts/SpaceGrotesk-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal;
font-display: swap; }
@font-face {
font-family: "Space Grotesk SB";
src: url("/Content/fonts/SpaceGrotesk-SemiBold.woff2") format("woff2"), url("/Content/fonts/SpaceGrotesk-SemiBold.woff") format("woff"), url("/Content/fonts/SpaceGrotesk-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap; }
@font-face {
font-family: "sequel_sansbold_disp";
src: url("/Content/fonts/sequel_sans_bold_disp-webfont.woff2") format("woff2"), url("/Content/fonts/sequel_sans_bold_disp-webfont.woff") format("woff");
font-weight: normal;
font-style: swap;
font-display: swap; }
@font-face {
font-family: "sequel_sansbook_body";
src: url("/Content/fonts/sequel_sans_book_body-webfont.woff2") format("woff2"), url("/Content/fonts/sequel_sans_book_body-webfont.woff") format("woff");
font-weight: normal;
font-style: swap;
font-display: swap; }
@font-face {
font-family: "sequel_sansheavy_body";
src: url("/Content/fonts/sequel_sans_heavy_body-webfont.woff2") format("woff2"), url("/Content/fonts/sequel_sans_heavy_body-webfont.woff") format("woff");
font-weight: normal;
font-style: swap;
font-display: swap; }
@font-face {
font-family: "sequel_sansmedium_body";
src: url("/Content/fonts/sequel_sans_medium_body-webfont.woff2") format("woff2"), url("/Content/fonts/sequel_sans_medium_body-webfont.woff") format("woff");
font-weight: normal;
font-style: swap;
font-display: swap; }
@font-face {
font-family: "sequel_sanssemi_bold_body";
src: url("/Content/fonts/sequel_sans_semi_bold_body-webfont.woff2") format("woff2"), url("/Content/fonts/sequel_sans_semi_bold_body-webfont.woff") format("woff");
font-weight: normal;
font-style: swap;
font-display: swap; }
@font-face {
font-family: "sequel_sanssemi_bold_disp";
src: url("/Content/fonts/sequel_sans_semi_bold_disp-webfont.woff2") format("woff2"), url("/Content/fonts/sequel_sans_semi_bold_disp-webfont.woff") format("woff");
font-weight: normal;
font-style: swap;
font-display: swap; }
@font-face {
font-family: "sequel_sanssemi_bold_head";
src: url("/Content/fonts/sequel_sans_semi_bold_head-webfont.woff2") format("woff2"), url("/Content/fonts/sequel_sans_semi_bold_head-webfont.woff") format("woff");
font-weight: normal;
font-style: swap;
font-display: swap; }
@font-face {
font-family: "Space Grotesk Light";
src: url("/Content/fonts/SpaceGrotesk-Light.woff2") format("woff2"), url("/Content/fonts/SpaceGrotesk-Light.woff") format("woff"), url("/Content/fonts/SpaceGrotesk-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap; }
@font-face {
font-family: "Space Grotesk Medium";
src: url("/Content/fonts/SpaceGrotesk-Medium.woff2") format("woff2"), url("/Content/fonts/SpaceGrotesk-Medium.woff") format("woff"), url("/Content/fonts/SpaceGrotesk-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap; }
@font-face {
font-family: "Space Grotesk Regular";
src: url("/Content/fonts/SpaceGrotesk-Regular.woff2") format("woff2"), url("/Content/fonts/SpaceGrotesk-Regular.woff") format("woff"), url("/Content/fonts/SpaceGrotesk-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap; }
@font-face {
font-family: "Space Grotesk Bold";
src: url("/Content/fonts/SpaceGrotesk-Bold.woff2") format("woff2"), url("/Content/fonts/SpaceGrotesk-Bold.woff") format("woff"), url("/Content/fonts/SpaceGrotesk-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal;
font-display: swap; }
@font-face {
font-family: "Space Grotesk SB";
src: url("/Content/fonts/SpaceGrotesk-SemiBold.woff2") format("woff2"), url("/Content/fonts/SpaceGrotesk-SemiBold.woff") format("woff"), url("/Content/fonts/SpaceGrotesk-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap; }
:root {
--btn-edge-size: 0.75em; }
.btn-primary {
text-decoration: none;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 5px 12px;
font-family: "sequel_sansheavy_body";
font-size: clamp(16px, 1.2vw, 24px);
text-transform: capitalize;
line-height: 1.2;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
padding: 10px 15px;
color: #ffffff;
background: #0038ff;
height: clamp(53px, 3vw, 60px);
min-width: 200px;
border-radius: 2px;
overflow: hidden;
isolation: isolate;
font-weight: 500;
will-change: color;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--btn-edge-size)), calc(100% - var(--btn-edge-size)) 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--btn-edge-size)), calc(100% - var(--btn-edge-size)) 100%, 0 100%);
cursor: pointer; }
.btn-primary.small-text {
font-size: 16px; }
.btn-primary.text-left {
text-align: left; }
.btn-primary:disabled {
cursor: not-allowed;
-webkit-filter: grayscale(1);
filter: grayscale(1);
opacity: 0.5; }
@media screen and (max-width: 550px) {
.btn-primary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 350px;
margin-inline: auto; } }
.btn-primary:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--btn-edge-size)), calc(100% - var(--btn-edge-size)) 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--btn-edge-size)), calc(100% - var(--btn-edge-size)) 100%, 0 100%); }
@media (hover: hover) {
.btn-primary:not(:disabled):focus-visible, .btn-primary:not(:disabled):hover {
-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--btn-edge-size)), calc(100% - var(--btn-edge-size)) 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--btn-edge-size)), calc(100% - var(--btn-edge-size)) 100%, 0 100%);
color: #0038ff; }
.btn-primary:not(:disabled):focus-visible:after, .btn-primary:not(:disabled):hover:after {
--hover-edge-size: 4px;
background-color: #ffffff; }
@supports ((-webkit-clip-path: polygon(var(--hover-edge-size) var(--hover-edge-size), calc(100% - var(--hover-edge-size)) var(--hover-edge-size), calc(100% - var(--hover-edge-size) * 0.5) calc(100% - var(--btn-edge-size) - var(--hover-edge-size)), calc(100% - var(--btn-edge-size) - var(--hover-edge-size)) calc(100% - var(--hover-edge-size)), var(--hover-edge-size) calc(100% - var(--hover-edge-size)))) or (clip-path: polygon(var(--hover-edge-size) var(--hover-edge-size), calc(100% - var(--hover-edge-size)) var(--hover-edge-size), calc(100% - var(--hover-edge-size) * 0.5) calc(100% - var(--btn-edge-size) - var(--hover-edge-size)), calc(100% - var(--btn-edge-size) - var(--hover-edge-size)) calc(100% - var(--hover-edge-size)), var(--hover-edge-size) calc(100% - var(--hover-edge-size))))) {
.btn-primary:not(:disabled):focus-visible:after, .btn-primary:not(:disabled):hover:after {
-webkit-clip-path: polygon(var(--hover-edge-size) var(--hover-edge-size), calc(100% - var(--hover-edge-size)) var(--hover-edge-size), calc(100% - var(--hover-edge-size)) calc(100% - var(--btn-edge-size) - var(--hover-edge-size) * 0.5), calc(100% - var(--btn-edge-size) - var(--hover-edge-size) * 0.5) calc(100% - var(--hover-edge-size)), var(--hover-edge-size) calc(100% - var(--hover-edge-size)));
clip-path: polygon(var(--hover-edge-size) var(--hover-edge-size), calc(100% - var(--hover-edge-size)) var(--hover-edge-size), calc(100% - var(--hover-edge-size)) calc(100% - var(--btn-edge-size) - var(--hover-edge-size) * 0.5), calc(100% - var(--btn-edge-size) - var(--hover-edge-size) * 0.5) calc(100% - var(--hover-edge-size)), var(--hover-edge-size) calc(100% - var(--hover-edge-size))); } } }
.btn-primary:after {
content: "";
display: block;
position: absolute;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
z-index: -1;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--btn-edge-size)), calc(100% - var(--btn-edge-size)) 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--btn-edge-size)), calc(100% - var(--btn-edge-size)) 100%, 0 100%);
border-radius: 2px; }
.btn-primary:not(.btn-primary-cta).btn-expand.active, .btn-primary:not(.btn-primary-cta)[href^="#"].active {
-webkit-filter: grayscale(1);
filter: grayscale(1); }
.btn-primary:not(.btn-primary-cta).btn-expand.active::after, .btn-primary:not(.btn-primary-cta)[href^="#"].active::after {
-webkit-transform: translateY(2px) rotate(-225deg);
-ms-transform: translateY(2px) rotate(-225deg);
transform: translateY(2px) rotate(-225deg); }
.btn-primary:not(.btn-primary-cta).btn-expand::after, .btn-primary:not(.btn-primary-cta)[href^="#"]::after {
content: "";
display: block;
border-left: 3px solid currentColor;
border-bottom: 3px solid currentColor;
height: 12px;
width: 12px;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-transform: translateY(-2px) rotate(-45deg);
-ms-transform: translateY(-2px) rotate(-45deg);
transform: translateY(-2px) rotate(-45deg);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.btn-primary:not(.btn-primary-cta).btn-expand.flip-chevron::after, .btn-primary:not(.btn-primary-cta)[href^="#"].flip-chevron::after {
-webkit-transform: translateY(2px) rotate(135deg);
-ms-transform: translateY(2px) rotate(135deg);
transform: translateY(2px) rotate(135deg); }
.btn-primary.btn-next::after {
content: "";
background: url("/Content/images/icons/arrowRight.png") center/contain no-repeat;
height: 25px;
width: 25px;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
@media (hover: hover) {
.btn-primary.btn-next:not(:disabled):focus-visible::after, .btn-primary.btn-next:not(:disabled):hover::after {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px); } }
.btn-primary.btn-prev::before {
content: "";
background: url("/Content/images/icons/arrowLeft.png") center/contain no-repeat;
height: 25px;
width: 25px;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
@media (hover: hover) {
.btn-primary.btn-prev:not(:disabled):focus-visible::before, .btn-primary.btn-prev:not(:disabled):hover::before {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px); } }
.btn-primary img {
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 23px;
max-height: 23px; }
.btn-primary svg {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 23px;
height: 23px; }
.btn-accent {
text-decoration: none;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 5px 12px;
font-family: "sequel_sansheavy_body";
font-size: clamp(16px, 1.2vw, 24px);
text-transform: capitalize;
line-height: 1.2;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
padding: 10px 15px;
color: #ffffff;
background: #f23c13;
height: clamp(53px, 3vw, 60px);
min-width: 200px;
border-radius: 2px;
overflow: hidden;
isolation: isolate;
font-weight: 500;
will-change: color;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--btn-edge-size)), calc(100% - var(--btn-edge-size)) 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--btn-edge-size)), calc(100% - var(--btn-edge-size)) 100%, 0 100%);
cursor: pointer; }
.btn-accent.small-text {
font-size: 16px; }
.btn-accent.text-left {
text-align: left; }
.btn-accent:disabled {
cursor: not-allowed;
-webkit-filter: grayscale(1);
filter: grayscale(1);
opacity: 0.5; }
@media screen and (max-width: 550px) {
.btn-accent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 350px;
margin-inline: auto; } }
.btn-accent:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--btn-edge-size)), calc(100% - var(--btn-edge-size)) 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--btn-edge-size)), calc(100% - var(--btn-edge-size)) 100%, 0 100%); }
@media (hover: hover) {
.btn-accent:not(:disabled):focus-visible, .btn-accent:not(:disabled):hover {
-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--btn-edge-size)), calc(100% - var(--btn-edge-size)) 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--btn-edge-size)), calc(100% - var(--btn-edge-size)) 100%, 0 100%);
color: #f23c13; }
.btn-accent:not(:disabled):focus-visible:after, .btn-accent:not(:disabled):hover:after {
--hover-edge-size: 4px;
background-color: #ffffff; }
@supports ((-webkit-clip-path: polygon(var(--hover-edge-size) var(--hover-edge-size), calc(100% - var(--hover-edge-size)) var(--hover-edge-size), calc(100% - var(--hover-edge-size) * 0.5) calc(100% - var(--btn-edge-size) - var(--hover-edge-size)), calc(100% - var(--btn-edge-size) - var(--hover-edge-size)) calc(100% - var(--hover-edge-size)), var(--hover-edge-size) calc(100% - var(--hover-edge-size)))) or (clip-path: polygon(var(--hover-edge-size) var(--hover-edge-size), calc(100% - var(--hover-edge-size)) var(--hover-edge-size), calc(100% - var(--hover-edge-size) * 0.5) calc(100% - var(--btn-edge-size) - var(--hover-edge-size)), calc(100% - var(--btn-edge-size) - var(--hover-edge-size)) calc(100% - var(--hover-edge-size)), var(--hover-edge-size) calc(100% - var(--hover-edge-size))))) {
.btn-accent:not(:disabled):focus-visible:after, .btn-accent:not(:disabled):hover:after {
-webkit-clip-path: polygon(var(--hover-edge-size) var(--hover-edge-size), calc(100% - var(--hover-edge-size)) var(--hover-edge-size), calc(100% - var(--hover-edge-size)) calc(100% - var(--btn-edge-size) - var(--hover-edge-size) * 0.5), calc(100% - var(--btn-edge-size) - var(--hover-edge-size) * 0.5) calc(100% - var(--hover-edge-size)), var(--hover-edge-size) calc(100% - var(--hover-edge-size)));
clip-path: polygon(var(--hover-edge-size) var(--hover-edge-size), calc(100% - var(--hover-edge-size)) var(--hover-edge-size), calc(100% - var(--hover-edge-size)) calc(100% - var(--btn-edge-size) - var(--hover-edge-size) * 0.5), calc(100% - var(--btn-edge-size) - var(--hover-edge-size) * 0.5) calc(100% - var(--hover-edge-size)), var(--hover-edge-size) calc(100% - var(--hover-edge-size))); } } }
.btn-accent:after {
content: "";
display: block;
position: absolute;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
z-index: -1;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--btn-edge-size)), calc(100% - var(--btn-edge-size)) 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--btn-edge-size)), calc(100% - var(--btn-edge-size)) 100%, 0 100%);
border-radius: 2px; }
.btn-accent:not(.btn-primary-cta).btn-expand.active, .btn-accent:not(.btn-primary-cta)[href^="#"].active {
-webkit-filter: grayscale(1);
filter: grayscale(1); }
.btn-accent:not(.btn-primary-cta).btn-expand.active::after, .btn-accent:not(.btn-primary-cta)[href^="#"].active::after {
-webkit-transform: translateY(2px) rotate(-225deg);
-ms-transform: translateY(2px) rotate(-225deg);
transform: translateY(2px) rotate(-225deg); }
.btn-accent:not(.btn-primary-cta).btn-expand::after, .btn-accent:not(.btn-primary-cta)[href^="#"]::after {
content: "";
display: block;
border-left: 3px solid currentColor;
border-bottom: 3px solid currentColor;
height: 12px;
width: 12px;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-transform: translateY(-2px) rotate(-45deg);
-ms-transform: translateY(-2px) rotate(-45deg);
transform: translateY(-2px) rotate(-45deg);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.btn-accent:not(.btn-primary-cta).btn-expand.flip-chevron::after, .btn-accent:not(.btn-primary-cta)[href^="#"].flip-chevron::after {
-webkit-transform: translateY(2px) rotate(135deg);
-ms-transform: translateY(2px) rotate(135deg);
transform: translateY(2px) rotate(135deg); }
.btn-accent.btn-next::after {
content: "";
background: url("/Content/images/icons/arrowRight.png") center/contain no-repeat;
height: 25px;
width: 25px;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
@media (hover: hover) {
.btn-accent.btn-next:not(:disabled):focus-visible::after, .btn-accent.btn-next:not(:disabled):hover::after {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px); } }
.btn-accent.btn-prev::before {
content: "";
background: url("/Content/images/icons/arrowLeft.png") center/contain no-repeat;
height: 25px;
width: 25px;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
@media (hover: hover) {
.btn-accent.btn-prev:not(:disabled):focus-visible::before, .btn-accent.btn-prev:not(:disabled):hover::before {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px); } }
.btn-accent img {
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 23px;
max-height: 23px; }
.btn-accent svg {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 23px;
height: 23px; }
.btn-black {
text-decoration: none;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 5px 12px;
font-family: "sequel_sansheavy_body";
font-size: clamp(16px, 1.2vw, 24px);
text-transform: capitalize;
line-height: 1.2;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
padding: 10px 15px;
color: #ffffff;
background: #000000;
height: clamp(53px, 3vw, 60px);
min-width: 200px;
border-radius: 2px;
overflow: hidden;
isolation: isolate;
font-weight: 500;
will-change: color;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--btn-edge-size)), calc(100% - var(--btn-edge-size)) 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--btn-edge-size)), calc(100% - var(--btn-edge-size)) 100%, 0 100%); }
.btn-black.small-text {
font-size: 16px; }
.btn-black.text-left {
text-align: left; }
.btn-black:disabled {
cursor: not-allowed;
-webkit-filter: grayscale(1);
filter: grayscale(1);
opacity: 0.5; }
@media screen and (max-width: 550px) {
.btn-black {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 350px;
margin-inline: auto; } }
.btn-black:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--btn-edge-size)), calc(100% - var(--btn-edge-size)) 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--btn-edge-size)), calc(100% - var(--btn-edge-size)) 100%, 0 100%); }
@media (hover: hover) {
.btn-black:not(:disabled):focus-visible, .btn-black:not(:disabled):hover {
-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--btn-edge-size)), calc(100% - var(--btn-edge-size)) 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--btn-edge-size)), calc(100% - var(--btn-edge-size)) 100%, 0 100%);
color: #000000; }
.btn-black:not(:disabled):focus-visible:after, .btn-black:not(:disabled):hover:after {
--hover-edge-size: 4px;
background-color: #ffffff; }
@supports ((-webkit-clip-path: polygon(var(--hover-edge-size) var(--hover-edge-size), calc(100% - var(--hover-edge-size)) var(--hover-edge-size), calc(100% - var(--hover-edge-size) * 0.5) calc(100% - var(--btn-edge-size) - var(--hover-edge-size)), calc(100% - var(--btn-edge-size) - var(--hover-edge-size)) calc(100% - var(--hover-edge-size)), var(--hover-edge-size) calc(100% - var(--hover-edge-size)))) or (clip-path: polygon(var(--hover-edge-size) var(--hover-edge-size), calc(100% - var(--hover-edge-size)) var(--hover-edge-size), calc(100% - var(--hover-edge-size) * 0.5) calc(100% - var(--btn-edge-size) - var(--hover-edge-size)), calc(100% - var(--btn-edge-size) - var(--hover-edge-size)) calc(100% - var(--hover-edge-size)), var(--hover-edge-size) calc(100% - var(--hover-edge-size))))) {
.btn-black:not(:disabled):focus-visible:after, .btn-black:not(:disabled):hover:after {
-webkit-clip-path: polygon(var(--hover-edge-size) var(--hover-edge-size), calc(100% - var(--hover-edge-size)) var(--hover-edge-size), calc(100% - var(--hover-edge-size)) calc(100% - var(--btn-edge-size) - var(--hover-edge-size) * 0.5), calc(100% - var(--btn-edge-size) - var(--hover-edge-size) * 0.5) calc(100% - var(--hover-edge-size)), var(--hover-edge-size) calc(100% - var(--hover-edge-size)));
clip-path: polygon(var(--hover-edge-size) var(--hover-edge-size), calc(100% - var(--hover-edge-size)) var(--hover-edge-size), calc(100% - var(--hover-edge-size)) calc(100% - var(--btn-edge-size) - var(--hover-edge-size) * 0.5), calc(100% - var(--btn-edge-size) - var(--hover-edge-size) * 0.5) calc(100% - var(--hover-edge-size)), var(--hover-edge-size) calc(100% - var(--hover-edge-size))); } } }
.btn-black:after {
content: "";
display: block;
position: absolute;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
z-index: -1;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--btn-edge-size)), calc(100% - var(--btn-edge-size)) 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--btn-edge-size)), calc(100% - var(--btn-edge-size)) 100%, 0 100%);
border-radius: 2px; }
.btn-black:not(.btn-primary-cta).btn-expand.active, .btn-black:not(.btn-primary-cta)[href^="#"].active {
-webkit-filter: grayscale(1);
filter: grayscale(1); }
.btn-black:not(.btn-primary-cta).btn-expand.active::after, .btn-black:not(.btn-primary-cta)[href^="#"].active::after {
-webkit-transform: translateY(2px) rotate(-225deg);
-ms-transform: translateY(2px) rotate(-225deg);
transform: translateY(2px) rotate(-225deg); }
.btn-black:not(.btn-primary-cta).btn-expand::after, .btn-black:not(.btn-primary-cta)[href^="#"]::after {
content: "";
display: block;
border-left: 3px solid currentColor;
border-bottom: 3px solid currentColor;
height: 12px;
width: 12px;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-transform: translateY(-2px) rotate(-45deg);
-ms-transform: translateY(-2px) rotate(-45deg);
transform: translateY(-2px) rotate(-45deg);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.btn-black:not(.btn-primary-cta).btn-expand.flip-chevron::after, .btn-black:not(.btn-primary-cta)[href^="#"].flip-chevron::after {
-webkit-transform: translateY(2px) rotate(135deg);
-ms-transform: translateY(2px) rotate(135deg);
transform: translateY(2px) rotate(135deg); }
.btn-black.btn-next::after {
content: "";
background: url("/Content/images/icons/arrowRight.png") center/contain no-repeat;
height: 25px;
width: 25px;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
@media (hover: hover) {
.btn-black.btn-next:not(:disabled):focus-visible::after, .btn-black.btn-next:not(:disabled):hover::after {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px); } }
.btn-black.btn-prev::before {
content: "";
background: url("/Content/images/icons/arrowLeft.png") center/contain no-repeat;
height: 25px;
width: 25px;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
@media (hover: hover) {
.btn-black.btn-prev:not(:disabled):focus-visible::before, .btn-black.btn-prev:not(:disabled):hover::before {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px); } }
.btn-black img {
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 23px;
max-height: 23px; }
.btn-black svg {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 23px;
height: 23px; }
@font-face {
font-family: "sequel_sansbold_disp";
src: url("/Content/fonts/sequel_sans_bold_disp-webfont.woff2") format("woff2"), url("/Content/fonts/sequel_sans_bold_disp-webfont.woff") format("woff");
font-weight: normal;
font-style: swap;
font-display: swap; }
@font-face {
font-family: "sequel_sansbook_body";
src: url("/Content/fonts/sequel_sans_book_body-webfont.woff2") format("woff2"), url("/Content/fonts/sequel_sans_book_body-webfont.woff") format("woff");
font-weight: normal;
font-style: swap;
font-display: swap; }
@font-face {
font-family: "sequel_sansheavy_body";
src: url("/Content/fonts/sequel_sans_heavy_body-webfont.woff2") format("woff2"), url("/Content/fonts/sequel_sans_heavy_body-webfont.woff") format("woff");
font-weight: normal;
font-style: swap;
font-display: swap; }
@font-face {
font-family: "sequel_sansmedium_body";
src: url("/Content/fonts/sequel_sans_medium_body-webfont.woff2") format("woff2"), url("/Content/fonts/sequel_sans_medium_body-webfont.woff") format("woff");
font-weight: normal;
font-style: swap;
font-display: swap; }
@font-face {
font-family: "sequel_sanssemi_bold_body";
src: url("/Content/fonts/sequel_sans_semi_bold_body-webfont.woff2") format("woff2"), url("/Content/fonts/sequel_sans_semi_bold_body-webfont.woff") format("woff");
font-weight: normal;
font-style: swap;
font-display: swap; }
@font-face {
font-family: "sequel_sanssemi_bold_disp";
src: url("/Content/fonts/sequel_sans_semi_bold_disp-webfont.woff2") format("woff2"), url("/Content/fonts/sequel_sans_semi_bold_disp-webfont.woff") format("woff");
font-weight: normal;
font-style: swap;
font-display: swap; }
@font-face {
font-family: "sequel_sanssemi_bold_head";
src: url("/Content/fonts/sequel_sans_semi_bold_head-webfont.woff2") format("woff2"), url("/Content/fonts/sequel_sans_semi_bold_head-webfont.woff") format("woff");
font-weight: normal;
font-style: swap;
font-display: swap; }
@font-face {
font-family: "Space Grotesk Light";
src: url("/Content/fonts/SpaceGrotesk-Light.woff2") format("woff2"), url("/Content/fonts/SpaceGrotesk-Light.woff") format("woff"), url("/Content/fonts/SpaceGrotesk-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap; }
@font-face {
font-family: "Space Grotesk Medium";
src: url("/Content/fonts/SpaceGrotesk-Medium.woff2") format("woff2"), url("/Content/fonts/SpaceGrotesk-Medium.woff") format("woff"), url("/Content/fonts/SpaceGrotesk-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap; }
@font-face {
font-family: "Space Grotesk Regular";
src: url("/Content/fonts/SpaceGrotesk-Regular.woff2") format("woff2"), url("/Content/fonts/SpaceGrotesk-Regular.woff") format("woff"), url("/Content/fonts/SpaceGrotesk-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap; }
@font-face {
font-family: "Space Grotesk Bold";
src: url("/Content/fonts/SpaceGrotesk-Bold.woff2") format("woff2"), url("/Content/fonts/SpaceGrotesk-Bold.woff") format("woff"), url("/Content/fonts/SpaceGrotesk-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal;
font-display: swap; }
@font-face {
font-family: "Space Grotesk SB";
src: url("/Content/fonts/SpaceGrotesk-SemiBold.woff2") format("woff2"), url("/Content/fonts/SpaceGrotesk-SemiBold.woff") format("woff"), url("/Content/fonts/SpaceGrotesk-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap; }
a {
position: relative;
font-weight: bold;
text-decoration: none; }
a.accent {
color: #f23c13; }
a.primary {
color: #0038ff; }
:root {
--mobile-nav-mq: 1200px; }
body:not(.p-home) header {
position: fixed;
top: 0;
z-index: 99;
-webkit-box-shadow: 0px 0.8px 2.2px rgba(0, 0, 0, 0.02), 0px 2px 5.3px rgba(0, 0, 0, 0.028), 0px 3.8px 10px rgba(0, 0, 0, 0.035), 0px 6.7px 17.9px rgba(0, 0, 0, 0.042), 0px 12.5px 33.4px rgba(0, 0, 0, 0.05), 0px 30px 80px rgba(0, 0, 0, 0.07);
box-shadow: 0px 0.8px 2.2px rgba(0, 0, 0, 0.02), 0px 2px 5.3px rgba(0, 0, 0, 0.028), 0px 3.8px 10px rgba(0, 0, 0, 0.035), 0px 6.7px 17.9px rgba(0, 0, 0, 0.042), 0px 12.5px 33.4px rgba(0, 0, 0, 0.05), 0px 30px 80px rgba(0, 0, 0, 0.07); }
header {
position: relative;
width: 100%;
top: -100%;
display: block;
background: white;
z-index: 2;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease; }
@media screen and (max-width: 1200px) {
header {
padding-block: 10px; } }
header .hamburgerMenu {
display: none; }
header a {
background-image: none !important; }
header a:not([href]) {
cursor: default; }
header#js-header {
position: fixed;
width: 100%;
z-index: 99;
top: 0;
-webkit-transform: translateY(-110%);
-ms-transform: translateY(-110%);
transform: translateY(-110%);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease; }
@media screen and (max-width: 1200px) {
header#js-header {
display: none; } }
header#js-header.slide-down {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
-webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease; }
header#js-header .hamburgerMenu {
display: none; }
header .header-nav {
margin: 0 auto;
width: 100%;
max-width: unset;
padding-inline: var(--pad-x);
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
header .header-nav input {
display: none; }
header .header-nav input:checked ~ .hamburgerMenu .line {
padding: 0;
width: 28px;
height: 4px;
background-color: #000000;
display: block;
position: absolute;
-webkit-transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1), -webkit-transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.4s;
transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1), -webkit-transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.4s;
-o-transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1), transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.4s;
transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1), transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.4s;
transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1), transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.4s, -webkit-transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.4s; }
header .header-nav input:checked ~ .hamburgerMenu .line.line-1 {
top: 13.5px;
background-color: transparent; }
header .header-nav input:checked ~ .hamburgerMenu .line.line-2 {
left: 0px;
width: 30px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
header .header-nav input:checked ~ .hamburgerMenu .line.line-3 {
left: 0;
width: 30px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
header .header-nav input:checked ~ .hamburgerMenu .line.line-4 {
background-color: transparent; }
header .header-nav input:checked ~ .hamburgerMenu .line.line-5 {
bottom: 13.5px;
background-color: transparent; }
header .header-nav input:checked ~ .nav-list {
top: calc(100% + 10px);
opacity: 1;
pointer-events: all;
-webkit-box-shadow: 0px 0.8px 2.2px rgba(0, 0, 0, 0.02), 0px 2px 5.3px rgba(0, 0, 0, 0.028), 0px 3.8px 10px rgba(0, 0, 0, 0.035), 0px 6.7px 17.9px rgba(0, 0, 0, 0.042), 0px 12.5px 33.4px rgba(0, 0, 0, 0.05), 0px 30px 80px rgba(0, 0, 0, 0.07);
box-shadow: 0px 0.8px 2.2px rgba(0, 0, 0, 0.02), 0px 2px 5.3px rgba(0, 0, 0, 0.028), 0px 3.8px 10px rgba(0, 0, 0, 0.035), 0px 6.7px 17.9px rgba(0, 0, 0, 0.042), 0px 12.5px 33.4px rgba(0, 0, 0, 0.05), 0px 30px 80px rgba(0, 0, 0, 0.07); }
header .header-nav .hamburgerMenu {
display: none;
width: 28px;
height: 26px;
position: relative;
cursor: pointer;
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
-ms-flex-negative: 0;
flex-shrink: 0; }
@media screen and (max-width: 1200px) {
header .header-nav .hamburgerMenu {
display: block; } }
header .header-nav .hamburgerMenu .line {
padding: 0;
width: 28px;
height: 4px;
background-color: #000000;
display: block;
position: absolute;
-webkit-transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1), -webkit-transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.4s;
transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1), -webkit-transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.4s;
-o-transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1), transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.4s;
transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1), transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.4s;
transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1), transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.4s, -webkit-transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.4s; }
header .header-nav .hamburgerMenu .line.line-1 {
top: 0; }
header .header-nav .hamburgerMenu .line.line-2 {
top: 10.5px;
width: 1px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
left: 12.5px; }
header .header-nav .hamburgerMenu .line.line-3 {
width: 1px;
top: 10.5px;
left: 12.5px; }
header .header-nav .hamburgerMenu .line.line-4 {
bottom: auto;
top: 10.5px; }
header .header-nav .hamburgerMenu .line.line-5 {
bottom: 0px; }
header .header-nav .logo-link {
-ms-flex-negative: 0;
flex-shrink: 0; }
@media screen and (min-width: 1201px) {
header .header-nav .logo-link {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
header .header-nav .logo-link:hover img {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px); } }
@media screen and (max-width: 1200px) {
header .header-nav .logo-link {
-ms-flex-negative: 1;
flex-shrink: 1;
margin-right: 20px; } }
header .header-nav .logo-link img.desktop {
max-width: 370px;
max-width: clamp(200px, 18.5vw, 370px);
width: 100%;
height: auto;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease; }
@media screen and (max-width: 1200px) {
header .header-nav .logo-link img.desktop {
display: none; } }
header .header-nav .logo-link img.mobile {
display: none; }
@media screen and (max-width: 1200px) {
header .header-nav .logo-link img.mobile {
display: block;
max-width: 180px;
width: 100%;
height: auto; } }
header .header-nav .nav-list {
padding: 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-left: auto;
margin-right: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
list-style: none; }
@media screen and (max-width: 1200px) {
header .header-nav .nav-list {
margin: 0 auto;
width: 100%;
max-width: unset;
padding-inline: var(--pad-x);
position: relative;
padding-block: 20px;
position: absolute;
top: 60%;
right: 0%;
width: 400px;
background: white;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
opacity: 0;
pointer-events: none;
border-radius: 2px;
-webkit-transition: 0.5s all cubic-bezier(0.65, 0.05, 0.36, 1);
-o-transition: 0.5s all cubic-bezier(0.65, 0.05, 0.36, 1);
transition: 0.5s all cubic-bezier(0.65, 0.05, 0.36, 1); } }
@media screen and (max-width: 520px) {
header .header-nav .nav-list {
width: 100%; } }
@media screen and (max-width: 1200px) {
header .header-nav .nav-list > li {
width: 100%; } }
@media screen and (max-width: 1420px) {
header .header-nav .nav-list > li:last-of-type {
display: none; } }
@media screen and (max-width: 1200px) {
header .header-nav .nav-list > li:not(:nth-last-of-type(2)) > a {
border-bottom: 2px solid #bebebe; } }
header .header-nav .nav-list > li a:not(.btn-accent) {
font-size: clamp(15px, 0.9vw, 18px);
display: block;
color: #000000;
padding: clamp(20px, 2.75vw, 55px) clamp(10px, 0.9vw, 18px);
text-decoration: none;
text-transform: uppercase;
font-family: "sequel_sansmedium_body";
font-weight: 200;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease; }
header .header-nav .nav-list > li a:not(.btn-accent).accent {
color: #f23c13;
font-family: "sequel_sansheavy_body";
font-size: clamp(16px, 1.2vw, 24px); }
header .header-nav .nav-list > li a:not(.btn-accent).accent:hover {
color: #972208; }
header .header-nav .nav-list > li a:not(.btn-accent):hover {
color: #f23c13; }
header .header-nav .nav-list > li.has-dropdown {
position: relative; }
@media screen and (min-width: 1201px) {
header .header-nav .nav-list > li.has-dropdown:hover > label > a {
color: #f23c13; }
header .header-nav .nav-list > li.has-dropdown:hover > label > a > .plus:before, header .header-nav .nav-list > li.has-dropdown:hover > label > a > .plus:after {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-ms-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg); }
header .header-nav .nav-list > li.has-dropdown:hover > label > a > .plus:before {
width: 0; }
header .header-nav .nav-list > li.has-dropdown:hover .dropdown {
top: 100%;
opacity: 1;
pointer-events: all;
-webkit-filter: drop-shadow(0px 0.8px 2.2px rgba(0, 0, 0, 0.02), 0px 2px 5.3px rgba(0, 0, 0, 0.028), 0px 3.8px 10px rgba(0, 0, 0, 0.035), 0px 6.7px 17.9px rgba(0, 0, 0, 0.042), 0px 12.5px 33.4px rgba(0, 0, 0, 0.05), 0px 30px 80px rgba(0, 0, 0, 0.07));
filter: drop-shadow(0px 0.8px 2.2px rgba(0, 0, 0, 0.02), 0px 2px 5.3px rgba(0, 0, 0, 0.028), 0px 3.8px 10px rgba(0, 0, 0, 0.035), 0px 6.7px 17.9px rgba(0, 0, 0, 0.042), 0px 12.5px 33.4px rgba(0, 0, 0, 0.05), 0px 30px 80px rgba(0, 0, 0, 0.07)); }
header .header-nav .nav-list > li.has-dropdown:hover .dropdown ul {
--cut-border-size: 17px; } }
header .header-nav .nav-list > li.has-dropdown a {
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;
gap: 5px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
@media screen and (max-width: 1200px) {
header .header-nav .nav-list > li.has-dropdown a {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 2px solid #bebebe;
pointer-events: all; } }
header .header-nav .nav-list > li.has-dropdown a .plus {
width: 16px;
height: 16px;
position: relative; }
header .header-nav .nav-list > li.has-dropdown a .plus:before, header .header-nav .nav-list > li.has-dropdown a .plus:after {
content: "";
display: block;
position: absolute;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
background: #0038ff;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
header .header-nav .nav-list > li.has-dropdown a .plus:before {
width: 14px;
height: 4px; }
header .header-nav .nav-list > li.has-dropdown a .plus:after {
height: 14px;
width: 4px; }
@media screen and (max-width: 1200px) {
header .header-nav .nav-list > li.has-dropdown a {
pointer-events: none; } }
@media screen and (max-width: 1200px) {
header .header-nav .nav-list > li.has-dropdown input label {
cursor: pointer; }
header .header-nav .nav-list > li.has-dropdown input:checked ~ .dropdown {
max-height: 200px; }
header .header-nav .nav-list > li.has-dropdown input:checked ~ .dropdown a {
padding-inline: 20px; }
header .header-nav .nav-list > li.has-dropdown input:checked ~ .dropdown-toggle > a {
color: #f23c13; }
header .header-nav .nav-list > li.has-dropdown input:checked ~ .dropdown-toggle > a > .plus:before, header .header-nav .nav-list > li.has-dropdown input:checked ~ .dropdown-toggle > a > .plus:after {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-ms-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg); }
header .header-nav .nav-list > li.has-dropdown input:checked ~ .dropdown-toggle > a > .plus:before {
width: 0; } }
header .header-nav .nav-list > li.has-dropdown .dropdown {
border-top: 4px solid #f23c13;
border-radius: 2px;
pointer-events: none;
position: absolute;
left: 0;
top: 80%;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
opacity: 0;
z-index: 200; }
@media screen and (min-width: 1201px) {
header .header-nav .nav-list > li.has-dropdown .dropdown:hover {
top: 100%;
opacity: 1;
pointer-events: all;
-webkit-filter: drop-shadow(0px 0.8px 2.2px rgba(0, 0, 0, 0.02), 0px 2px 5.3px rgba(0, 0, 0, 0.028), 0px 3.8px 10px rgba(0, 0, 0, 0.035), 0px 6.7px 17.9px rgba(0, 0, 0, 0.042), 0px 12.5px 33.4px rgba(0, 0, 0, 0.05), 0px 30px 80px rgba(0, 0, 0, 0.07));
filter: drop-shadow(0px 0.8px 2.2px rgba(0, 0, 0, 0.02), 0px 2px 5.3px rgba(0, 0, 0, 0.028), 0px 3.8px 10px rgba(0, 0, 0, 0.035), 0px 6.7px 17.9px rgba(0, 0, 0, 0.042), 0px 12.5px 33.4px rgba(0, 0, 0, 0.05), 0px 30px 80px rgba(0, 0, 0, 0.07)); }
header .header-nav .nav-list > li.has-dropdown .dropdown:hover ul {
--cut-border-size: 17px; } }
@media screen and (max-width: 1200px) {
header .header-nav .nav-list > li.has-dropdown .dropdown {
opacity: 1;
position: relative;
display: block;
max-height: 0;
overflow: hidden;
border-top: none;
pointer-events: all; } }
header .header-nav .nav-list > li.has-dropdown .dropdown ul {
--cut-border-size: 0px;
min-width: 200px;
display: block;
list-style: none;
padding: 0px;
background: #ffffff;
border-radius: 2px;
-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--cut-border-size)), calc(100% - var(--cut-border-size)) 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--cut-border-size)), calc(100% - var(--cut-border-size)) 100%, 0 100%);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease; }
@media screen and (max-width: 1200px) {
header .header-nav .nav-list > li.has-dropdown .dropdown ul {
--cut-border-size: 17px;
padding: 5px 0px; } }
header .header-nav .nav-list > li.has-dropdown .dropdown ul li {
display: block; }
header .header-nav .nav-list > li.has-dropdown .dropdown ul li.mobile {
display: none; }
@media screen and (max-width: 1200px) {
header .header-nav .nav-list > li.has-dropdown .dropdown ul li.mobile {
display: block; } }
header .header-nav .nav-list > li.has-dropdown .dropdown ul li a {
position: relative;
text-transform: capitalize;
font-weight: 500;
padding: 12px clamp(10px, 0.9vw, 18px);
font-family: "sequel_sansbook_body";
isolation: isolate;
border-bottom: none;
font-size: 18px;
font-size: clamp(16px, 0.9vw, 18px);
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease; }
@media screen and (min-width: 1201px) {
header .header-nav .nav-list > li.has-dropdown .dropdown ul li a:hover {
color: #ffffff;
background: #f23c13; } }
@media screen and (max-width: 1200px) {
header .header-nav .nav-list > li.has-dropdown .dropdown ul li a {
text-align: left;
border: none;
pointer-events: all; } }
header .header-nav .btn-accent {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
@media screen and (max-width: 1200px) {
header .header-nav .btn-accent {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-left: auto;
margin-right: clamp(10px, 5vw, 30px);
max-width: 150px;
min-width: unset;
height: 50px; } }
footer {
background: black;
font-family: "sequel_sansbook_body";
font-size: 18px;
position: relative;
z-index: 98;
overflow-x: clip; }
footer a {
background-image: none !important;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease; }
footer a:hover {
color: #f23c13 !important; }
footer a.btn-accent:hover:after {
background-color: #000000 !important; }
footer .vcard {
margin: 0 auto;
width: 100%;
max-width: unset;
padding-inline: var(--pad-x);
position: relative;
padding-block: clamp(20px, 2.5vw, 50px) clamp(20px, 2vw, 40px);
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr clamp(50px, 7.5vw, 150px) 3fr;
grid-template-columns: 1fr 3fr;
-webkit-column-gap: clamp(50px, 7.5vw, 150px);
column-gap: clamp(50px, 7.5vw, 150px);
row-gap: 25px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-grid-rows: auto 25px auto;
grid-template-areas: "logo links"
"contact copy"; }
@media screen and (max-width: 1300px) {
footer .vcard {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-template-areas: "logo logo"
"contact contact"
"quote quote"
"links links"
"copy copy";
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; } }
footer .vcard .logo-container {
-ms-grid-row: 1;
-ms-grid-column: 1;
grid-area: logo;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
padding-bottom: 20px; }
footer .vcard .logo-container:hover img {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px); }
@media screen and (max-width: 1850px) {
footer .vcard .logo-container {
-ms-flex-item-align: start;
align-self: flex-start; } }
@media screen and (max-width: 1300px) {
footer .vcard .logo-container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-inline: auto; } }
footer .vcard .logo-container img {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease; }
footer .vcard .quote-container {
grid-area: quote;
display: none; }
@media screen and (max-width: 1300px) {
footer .vcard .quote-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; } }
footer .vcard .link-container {
-ms-grid-row: 1;
-ms-grid-column: 3;
grid-area: links;
padding-top: 10px; }
@media screen and (max-width: 1300px) {
footer .vcard .link-container {
margin-top: 3vw; } }
footer .vcard .link-container nav {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[8];
grid-template-columns: repeat(8, 1fr);
row-gap: 30px; }
@media screen and (max-width: 1850px) {
footer .vcard .link-container nav {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr); } }
@media screen and (max-width: 1300px) {
footer .vcard .link-container nav {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 1000px;
margin-inline: auto; } }
@media screen and (max-width: 760px) {
footer .vcard .link-container nav {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr); } }
@media screen and (max-width: 500px) {
footer .vcard .link-container nav {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr; } }
footer .vcard .link-container nav ul {
list-style: none;
padding: 0; }
footer .vcard .link-container nav ul li a {
display: block;
color: white;
font-weight: normal;
text-decoration: none; }
@media screen and (max-width: 1300px) {
footer .vcard .link-container nav ul li a {
text-align: center;
margin-inline: auto;
font-size: 20px; } }
footer .vcard .link-container nav ul li a.uppercase {
text-transform: uppercase;
font-family: "sequel_sansmedium_body"; }
@media screen and (max-width: 1300px) {
footer .vcard .link-container nav > div {
display: none; } }
footer .vcard .link-container nav > div > .btn-accent {
-webkit-transform: translateY(-25%);
-ms-transform: translateY(-25%);
transform: translateY(-25%);
max-width: 200px; }
footer .vcard .contact-container {
-ms-grid-row: 3;
-ms-grid-column: 1;
grid-area: contact;
color: #ffffff; }
footer .vcard .contact-container a,
footer .vcard .contact-container a.js-phoneswap,
footer .vcard .contact-container address {
display: block;
text-decoration: none;
color: #ffffff;
font-style: normal;
font-family: "sequel_sansmedium_body";
font-weight: 300;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content; }
@media screen and (max-width: 1300px) {
footer .vcard .contact-container a,
footer .vcard .contact-container a.js-phoneswap,
footer .vcard .contact-container address {
text-align: center;
margin-inline: auto; } }
@media screen and (max-width: 1300px) {
footer .vcard .contact-container address {
margin-bottom: 15px; } }
@media screen and (max-width: 1300px) {
footer .vcard .contact-container address a {
font-size: 14px; } }
@media screen and (max-width: 1300px) {
footer .vcard .contact-container a {
font-size: 30px; } }
footer .vcard .copyright {
-ms-grid-row: 3;
-ms-grid-column: 3;
grid-area: copy;
font-size: clamp(12px, 0.8vw, 16px);
font-family: "sequel_sansmedium_body";
color: #404040; }
@media screen and (max-width: 1300px) {
footer .vcard .logo-container {
-ms-grid-row: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 2; }
footer .vcard .quote-container {
-ms-grid-row: 3;
-ms-grid-column: 1;
-ms-grid-column-span: 2; }
footer .vcard .link-container {
-ms-grid-row: 4;
-ms-grid-column: 1;
-ms-grid-column-span: 2; }
footer .vcard .contact-container {
-ms-grid-row: 2;
-ms-grid-column: 1;
-ms-grid-column-span: 2; }
footer .vcard .copyright {
-ms-grid-row: 5;
-ms-grid-column: 1;
-ms-grid-column-span: 2; } }
@media screen and (max-width: 1300px) {
footer .vcard .copyright {
margin: 25px auto 0;
text-align: center; } }
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
max-width: 100vw; }
:root {
--pad-x: calc(min(3.75vw, 75px));
--header-height: 142px; }
@media screen and (max-width: 1000px) {
:root {
--pad-x: 30px;
--header-height: 90px; } }
@media screen and (max-width: 640px) {
:root {
--pad-x: 25px; } }
@media screen and (max-width: 450px) {
:root {
--pad-x: 20px; } }
html {
scrollbar-color: #0038ff #000000;
scrollbar-width: thin; }
html::-webkit-scrollbar {
width: 10px;
height: 10px; }
html::-webkit-scrollbar-thumb {
background: #0038ff; }
html::-webkit-scrollbar-track {
background: #000000; }
html {
scrollbar-face-color: #0038ff;
scrollbar-track-color: #000000; }
body {
position: relative;
background: #fff;
font-family: "sequel_sansbook_body";
font-size: clamp(14px, 20px); }
body:not(.p-home) main {
margin-top: 142px;
margin-top: attr(data-header); }
.SiteContent,
header:not(#js-header),
footer {
max-width: 100vw;
overflow-x: clip; }
.slide-in {
opacity: 0;
-webkit-transition: all 0.8s cubic-bezier(0.4, 0.2, 0.1, 1);
-o-transition: all 0.8s cubic-bezier(0.4, 0.2, 0.1, 1);
transition: all 0.8s cubic-bezier(0.4, 0.2, 0.1, 1); }
.slide-in.left {
-webkit-transform: translateY(20%);
-ms-transform: translateY(20%);
transform: translateY(20%); }
.slide-in.right {
-webkit-transform: translateY(20%);
-ms-transform: translateY(20%);
transform: translateY(20%); }
.slide-in.bottom {
-webkit-transform: translateY(20%);
-ms-transform: translateY(20%);
transform: translateY(20%); }
.slide-in.active {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.mobileDropShow {
display: none !important; }
@media only screen and (max-width: 1250px) {
.mobileDropShow {
display: block !important; } }