@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
* { box-sizing: border-box; font-family: 'prompt', sans-serif; }

html, body, div, span, applet, object, iframe,
h1:where(:not([data-was])),
:is(h1,h2,h3,h4,h5,h6,sh-text,sh-gap):where([data-was="h1"]), h2:where(:not([data-was])), :is(h1,h2,h3,h4,h5,h6,sh-text,sh-gap):where([data-was="h2"]), h3:where(:not([data-was])), :is(h1,h2,h3,h4,h5,h6,sh-text,sh-gap):where([data-was="h3"]), h4:where(:not([data-was])), :is(h1,h2,h3,h4,h5,h6,sh-text,sh-gap):where([data-was="h4"]), h5:where(:not([data-was])), :is(h1,h2,h3,h4,h5,h6,sh-text,sh-gap):where([data-was="h5"]), h6:where(:not([data-was])), :is(h1,h2,h3,h4,h5,h6,sh-text,sh-gap):where([data-was="h6"]), p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family:prompt;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

main { overflow:hidden; }

.btn { background:#000; color:#fff; border-radius:10px; padding:15px 30px; text-decoration:none; display:table; margin-top:10px; margin-bottom:10px; }

header { z-index:2; }

.center { text-align:center; }

.full { width:100%; }

.panel { float:left; display:block; width:100%; padding:100px 60px; }

.panel p { margin-bottom:20px; font-size:18px; line-height:23px; }

.panel p strong { font-weight:500; }

.panel h3:where(:not([data-was])) ,.panel :is(h1,h2,h3,h4,h5,h6,sh-text,sh-gap):where([data-was="h3"]) { width:100%; font-size:30px; font-weight:600; margin-bottom:20px; }

.panel h4:where(:not([data-was])) ,.panel :is(h1,h2,h3,h4,h5,h6,sh-text,sh-gap):where([data-was="h4"]) { width:100%; font-size:30px; font-weight:600; margin-bottom:20px; }

.panel ul { margin-top:10px; padding-left:40px; }

.panel ul li { margin-bottom:10px; font-size:18px; list-style:disc; }

.panel ul li strong { font-weight:500; }

.panel ol { margin-top:10px; padding-left:40px; }

.panel ol li { margin-bottom:10px; font-size:18px; list-style:decimal; }

.panel h5:where(:not([data-was])) ,.panel :is(h1,h2,h3,h4,h5,h6,sh-text,sh-gap):where([data-was="h5"]) { font-size:24px; font-weight:500; margin-top:10px; margin-bottom:10px; }

.col-2 { display:flex; flex-wrap:wrap; }

.col-2 h3:where(:not([data-was])) ,.col-2 :is(h1,h2,h3,h4,h5,h6,sh-text,sh-gap):where([data-was="h3"]) { width:100%; }

.col-2  > div { width:50%; padding-right:30px; }

.col-2  > a { width:50%; padding-right:30px; }

.col-3 { display:flex; flex-wrap:wrap; }

.col-3 h3:where(:not([data-was])) ,.col-3 :is(h1,h2,h3,h4,h5,h6,sh-text,sh-gap):where([data-was="h3"]) { width:100%; }

.col-3  > div { display:block; width:33.33%; padding-right:30px; }

.col-3  > a { display:block; width:33.33%; padding-right:30px; }

.col-4 { display:flex; flex-wrap:wrap; }

.col-4 h3:where(:not([data-was])) ,.col-4 :is(h1,h2,h3,h4,h5,h6,sh-text,sh-gap):where([data-was="h3"]) { width:100%; }

.col-4  > div { display:block; width:25%; padding-right:30px; }

.bandedLeft { display:flex; flex-wrap:wrap; flex-direction:row; }

.bandedLeft h3:where(:not([data-was])) ,.bandedLeft :is(h1,h2,h3,h4,h5,h6,sh-text,sh-gap):where([data-was="h3"]) { width:100%; font-size:30px; font-weight:600; margin-bottom:20px; }

.bandedLeft h4:where(:not([data-was])) ,.bandedLeft :is(h1,h2,h3,h4,h5,h6,sh-text,sh-gap):where([data-was="h4"]) { width:100%; font-size:30px; font-weight:600; margin-bottom:20px; }

.bandedLeft  > div { display:block; width:72%; padding-left:30px;  }

.bandedLeft  > div:first-of-type { width:28%; padding:0;  }

.bandedLeft  > div img { width:100%; }

@media only screen and (max-width: 1279px) {
	.col-2 > div,
	.col-3 > div { width:100%; }
}

@media only screen and (max-width: 992px) {
	
	.bandedLeft > div,
	.bandedLeft > div:first-of-type	{ width:100%; padding:0; }
	.bandedLeft > div img { width:500px; margin:0 auto; display:block; margin-bottom:50px; }

}

@media only screen and (max-width: 768px) {
	.panel { padding:80px 30px; }
	
	.bandedRight > div img,
	.bandedLeft > div img { width:100%; }
	
	.bandedRight h4:where(:not([data-was])),.bandedRight :is(h1,h2,h3,h4,h5,h6,sh-text,sh-gap):where([data-was="h4"]),
	.bandedLeft h4:where(:not([data-was]))	,
	.bandedLeft :is(h1,h2,h3,h4,h5,h6,sh-text,sh-gap):where([data-was="h4"])	{ font-size:22px; }
}

@media only screen and (max-width: 992px) {
		
		.header-ex3 .Navigation .elements .menuNav .menu .mobileMenu, .menu .mobileMenu::before { margin-top:15px; }

}

@media only screen and (max-width: 992px) {
	.menu .mobileMenu::after { filter:grayscale(1); }
	.menu .callAndClose { align-items:center; }
	.menu .callAndClose .callBtn,
	.menu .callAndClose .closeBtn { top:auto; }
	.menu ul.stMobileMenu { background-color:#241f20; }

}

@media only screen and (max-width: 992px) {
		
		.header-ex8 .Navigation .elements .menuNav .menu .mobileMenu, .menu .mobileMenu::before { margin-top:15px; }

}

@keyframes activeFade {
    from { opacity: 0; }
    to { opacity: 1; }
}

.stBanner { position: relative; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; }

.stBanner .stBanner-group { display: none; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; height: 780px; background: transparent center center no-repeat; background-size: cover; }

.stBanner .stBanner-group.active { display: flex; }

.stBanner .stBanner-group img { width: 100%; }

.stBanner .caption { width:100%; }

.stBanner .caption h1:where(:not([data-was])) ,.stBanner .caption :is(h1,h2,h3,h4,h5,h6,sh-text,sh-gap):where([data-was="h1"]) { font-size:105px; color:#fff; width:100%; text-align:center; }

.stBanner .caption p { text-align:center; margin:40px 0; color:#fff; font-size:24px; }

.stBanner .caption p span { border-right:3px solid #000; padding:0 10px 0 5px; }

.stBanner .caption p span:last-of-type { border:none; }

.stBanner .caption .btn { display:table; }

.stBanner .stBanner-Navigation { position: absolute; left: 0; right: 0; bottom: 0; height: 15%; display: flex; justify-content: center; align-items: center; }

.stBanner .stBanner-Navigation .left,
    .stBanner .stBanner-Navigation .right { display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; font-family: Prompt; cursor: pointer; }

.stBanner .stBanner-Navigation .right::before { content:''; height:30px; width:30px; background:url("/_sh/brand/img/arrow-white.png");background-image:image-set(url("/_sh/brand/img/arrow-white.webp") type("image/webp"),url("/_sh/brand/img/arrow-white.png") type("image/png")); background-size:cover;  }

.stBanner .stBanner-Navigation .left::before { content:''; height:30px; width:30px; background:url("/_sh/brand/img/arrow-white.png");background-image:image-set(url("/_sh/brand/img/arrow-white.webp") type("image/webp"),url("/_sh/brand/img/arrow-white.png") type("image/png")); background-size:cover; transform:rotate(180deg); }

.stBanner .stBanner-Navigation .left:hover::before,
        .stBanner .stBanner-Navigation .right:hover::before { color: blue; }

.stBanner > .left { position:absolute; left:0; z-index:1; }

.stBanner > .right { position:absolute; right:0; z-index:1; }

.stBanner .stBanner-Navigation .thumb { display:inline-block; width: 20px; height: 20px; filter: grayscale(0); cursor: pointer; background-color: #fff; margin: 0 5px; user-select: none; border-radius: 50px; }

.stBanner.dots .stBanner-Navigation .thumb.active { border: 1px solid #000; opacity: 1; background-color:#000; }

.stBanner.title .stBanner-Navigation .thumb { color: #fff; display:flex; justify-content:center; align-items:center; }

.stBanner.numbers .stBanner-Navigation .thumb { color: #fff;  display:flex; justify-content:center; align-items:center; }

.stBanner.dots .stBanner-Navigation .thumb { border-radius: 50px; }

@media only screen and (max-width: 1279px) {
	.stBanner .stBanner-group { height:600px; }
	.stBanner .caption h1:where(:not([data-was])) ,.stBanner .caption :is(h1,h2,h3,h4,h5,h6,sh-text,sh-gap):where([data-was="h1"]) { font-size:85px; }
	.stBanner .caption p { font-size:19px; }
}

@media only screen and (max-width: 991px) {
	.stBanner .caption p span { width:100%; display:block; border:none; }
}

#mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; }

@keyframes activeFade {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes snap {
  96% { scroll-snap-align: center; }
  97% { scroll-snap-align: none; }
  99% { scroll-snap-align: none; }
  100% { scroll-snap-align: center; }
}

.form-title { display:none; }

.form-title { display:none; }