/* Content sections
black      #0b0c10
dark gray  #1f2833
light gray #c5c6c7
light blue #66fcf1
dark blue  #45a29e
*/
.content-container{
	display:block;
	margin:0;
	width:100%;
	background:#0b0c10;
	display: block;
	padding-bottom:3.5em;
}
.content {
	display:block;
	width:100%;
	text-align:center;
	min-height:100dvh;
	padding-top:6.0em;
	padding-bottom:8.0em;
	z-index:1;
}
.content.anyheight {min-height:0;}
.content.last {padding-bottom:0;}
.content.shift-up {margin-top:-3.5em;}
.content, .content *{color:#f5f5f5;}
.content .inner, .content .scroll-card{
	font-size:16px;
	display:inline-block;
	text-align:left; 
	width:50em;
	max-width:100vw;
	padding:2em 1.5em;
	white-space:normal;
}
.content .inner.nopad-hor{
	width:47em;
	max-width:80vw;
	padding-left:0;
	padding-right:0;
}
.content .inner.nopad-vert, .content .inner.nopad-top{padding-top:0;}
.content .inner.nopad-vert, .content .inner.nopad-btm{padding-bottom:0;}
.content .inner.small{width:30em;}
.content .scrollable { 
	width:100%; 
	overflow-x:auto; 
	white-space:nowrap;
	font-size:0; 
	overflow-y:hidden;
	border-left:0;
	border-right:0;
}
.content .scrollable > .scroll-card{ vertical-align:top; }
.content .scrollable .scroll-card{ 
	height:100%;
	max-width:80vw;
	overflow-y:auto;
	width:20em;
}
.content .scrollable, .content .scrollable .scroll-card{max-height:80dvh;}
.content .scrollable .scroll-card.col1{background:black;}
.content .scrollable .scroll-card.col2{background:#1f2833;}
.content .scrollable .scroll-card.col3{background:#45a29e;}

/* Actual content */
.content .center{
	text-align:center;
}
.content a[href] { 
	color:#66fcf1;
	border-bottom:1pt dotted #66fcf1;
}
.content a[href]:active {color:#45a29e;}
.content p, .content .p{margin-bottom:1em;margin-top:1em;}
.content p:last-child, .content .p:last-child{margin-bottom:0;}
.content hr { background:none; border:0; height:1em; }
.content ul {padding-left:2em;}
.content ul li {padding-left:0.5em;}
.content h1, .content h2, .content h3, .content h4 { 
	font-weight:normal; 
	line-height:1em; 
}
.content b, .content .b { font-weight:bold; }
.content .k { font-weight:900; }
.content i, .content .i{ font-style:italic; }
.content h1{
	font-size:2.5em;
	line-height:1em;
	margin-bottom:0.6em;
}
.content h2{
	font-size:2.0em;
	margin-bottom:0.75em;
}
.content h3{
	font-size:1.5em;
	margin-bottom:1.0em;
}
.content h4{
	font-size:1.0em;
	margin-bottom:1.5em;
}
.content .pic-centered {
	max-width:100%;
}
.content .inup, .content .inus {
  opacity: 0;
  transform: translateY(1.3em);
  transition: opacity 1.0s ease-out, transform 1.0s ease-out;
}
.content .inup.visible, .content .inus.visible{
	opacity: 1;
	transform: translateY(0);
}
.content .scroll-card p {
	font-size:0.9em;
	font-style:italic;
}

/* Content separators */
.cont-sep{
	display:block;
	position:relative;
	width:100%;
	margin-top:-6.0em;
	margin-bottom:-2.5em;
	z-index:2;
}
.cont-sep.last {
	margin-bottom:0;
	min-height:6.0em;
	margin-top:-4.0em;
}
.cont-sep .sep-area {
	background:#1f2833;
	border:1pt solid #66fcf1;
	border-left:0;
	border-right:0;
	width:100%;
	position:relative;
	z-index:0;
	overflow:hidden;
	height:14em;
	text-align:center;
	margin-top:-2.5em;
}
.sep-area.nomargin {margin-top:0;}
.cont-sep .sep-area.light-bg {background:#66fcf1;}
.cont-sep .sep-area.black-bg {background:black;}
.cont-sep .sep-area.bigger {height:19em;}
.cont-sep .continue {
	display:block;
	position:relative;
	width:100%;
	text-align:center;
	margin-top:auto; 
	z-index:2;
}
.cont-sep .continue .box{
	cursor:pointer;
	width:10em;
	max-width:100%;
	line-height:2em;
	display:inline-block;
	height:5em;
	border:0;
	white-space:nowrap;
	border:1pt solid #66fcf1;
	background:#0b0c10;
	color:#66fcf1;
	border-radius:0.3em;
}
.cont-sep .continue .box::before,
.cont-sep .continue .box::after{
	content:' ';
	position:absolute;
	display:block;
	width:4.42em;
	height:0.2em;
	left:50%;
	margin-top:1.2em;
	background:#66fcf1;
	border-radius:0.1em;
	margin-left:-0.21em;
}
.cont-sep .continue .box::before{
	top:2em;
	margin-left:-4.21em;
	transform:rotate(20deg);
}
.cont-sep .continue .box::after{transform:rotate(-20deg);}
.cont-sep .continue .box:active{color:#45a29e;} 
.cont-sep .continue .box:active::before, 
.cont-sep .continue .box:active::after {background:#45a29e;}
.cont-sep .continue.btn-only .box{
	font-weight:bold;
	width:10em;
	line-height:3.5em;
	height:3.5em;
	font-size:1.5em;
	padding:0;
}
.cont-sep .continue.btn-only .box::before,
.cont-sep .continue.btn-only .box::after{display:none;}
.cont-sep .logo-container{
	width:10em;
	height:10em;
	top:3.5em;
	left:50%;
	margin-left:-5em;
	position:absolute;
}
.cont-sep .logo{
	width:100%;
	height:100%;
}
.cont-sep .title-like {
	background:#0b0c10;
	white-space:nowrap;
	width:200%;
	left:-50%;
	height:1.5em;
	line-height:1.5em;
	z-index:0;
	top:7.75em;
	text-align:center;
	transform:rotate(-45deg);
	margin:0;
	position:absolute;
}
.cont-sep .title-like .title {
	display:inline-block;
	text-transform:uppercase;
	font-weight:900;
	font-style:italic;
	color:#1f2833;
}
.cont-sep .pic-centered{
	width:1100%;
	left:-500%;
	text-align:center;
	position:relative;
	height:100%;
	z-index:-1;
}
.cont-sep .pic-centered img{height:100%;}
.cont-sep .pic-centered.area-bg{
	height:200%;
	top:-50%;
}
.cont-sep .sep-area-caption{
	position:absolute;
	bottom:0;
	width:100%;
	z-index:1;
	height:1.8em;
	text-align:right;
	padding:0 1em;
}
.cont-sep .sep-area-caption span{
	font-size:0.8em;
	font-style:italic;
	color:white;
	background:black;
}

/* Snort slider */
.snort-slider-container{
	margin-top:2em;
	margin-bottom:2em;
	display:block;
	position: relative;
}
@media screen and (max-width:320px){ .snort-slider-container{font-size:5vw} }
.snort-slider {
	display:block;
	width: 100%;
	height:10em;
	overflow:hidden;
}
.snort-slider .line-area {
	z-index:0;
	position: absolute;
	top: 0;
	left: 9em;
	right: 1em;
	height:100%;
	overflow:hidden;
}
.snort-slider .line {
	z-index:0;
	position: absolute;
	bottom:0;
	left: 0;
	width:100%;
	height: 1.0em;
	background: white;
	border-radius: 50%;
}
.snort-slider .slider, .snort-slider .cover {transition: margin 1.5s ease;}
.snort-slider .cover {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:transparent;
	margin-left:-100%;
}
.snort-slider .cover.cover-2 {margin-left:100%;}
.snort-slider .cover.cover-1{z-index:1;}
.snort-slider .cover.cover-2{z-index:2;}
.snort-slider .cover.cover-3{z-index:3;}
.snort-slider.sl-1 .cover.cover-1,
.snort-slider.sl-2 .cover.cover-2,
.snort-slider.sl-3 .cover.cover-3{margin-left:0%;}
.snort-slider .cover .cov, .snort-slider .cover.cov {
	position:absolute;
	width:100%;
	background:#0b0c10;
}
.snort-slider .cover .cov.cov11 { height:0.2em; bottom:0.0em; }
.snort-slider .cover .cov.cov12 { height:0.5em; bottom:0.3em; }
.snort-slider .cover .cov.cov21 { height:0.8em; bottom:0.0em; }
.snort-slider .slider {
	z-index:5;
	position: absolute;
	top:0;
	height:100%;
	left:-10em;
	width:10em;
}
.snort-slider .slider,
.snort-slider.sl-2 .slider,
.snort-slider.sl-1.sl-2 .slider{margin-left:10em;}
.snort-slider.sl-1 .slider,
.snort-slider.sl-3 .slider,
.snort-slider.sl-1.sl-2.sl-3 .slider{margin-left:100%;}
.snort-slider .straw{
	width:13.0em;
	position:absolute;
	top:50%;
	margin-top:-1em;
	height:2em;
	line-height:2em;
	font-weight:900;
	color:#45a29e;
	left:-1.5em;
	border-radius:1em;
	background:#66fcf1;
	border:1pt solid #0b0c10;
	transform:rotate(45deg);
	transform-origin: center;
	background: linear-gradient(to bottom, #66fcf1, #45a29e);
	cursor:pointer;
	text-align:center;
}
.snort-slider.sl-wait .straw{cursor:default;}


/* Footer */
.content.foot{
	padding-top:0;
	padding-bottom:1em;
	min-height:0;
}
.content.foot *{color:#0b0c10;}
.content.foot a[href]{
	color:#45a29e;
	border:0;
	text-decoration:underline;
}
.foot .copyright {
	text-align:center;
	font-weight:bold;
}
.foot .links {
	text-align:center;
}
.foot .disclaimer {
	font-size:0.7em;
}