.fullWindow{
	min-height:calc(100vh - var(--topbar-height) - var(--navbar-height));
  background-color:#fff;
  width:100%;
  overflow:hidden;
  position: relative;
}

.noNav .fullWindow{
	min-height:calc(100vh - var(--topbar-height) );
}



.fullWindow .content{
	position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: left;
  min-height: 100%;
  max-width: 40%;
  margin: 0;
  margin-left:4rem;
  text-align: left;
  color: #999;
}

.fullWindow .content a{
	text-decoration: none;
}


.fullWindow #homepageLogo{
	max-width:150px;
	position: relative;
	top:0rem;
	left:0rem;
	z-index:10;
}

.fullWindow .strapline{
	font-size:1.9rem;
	line-height:2.25rem;
}




.bigImageDesktop{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
	background-size: contain;
	opacity:1;
	background-repeat: no-repeat;
	background-position: right top;
}

.bigImageMobile{	position: relative;top:2em;z-index:2 }

.homepage .content div{	margin-top:1em; z-index: 3}
.homepage .bigImageMobile{position: relative;top:2rem;}


.helpfulpage .content div{	margin-top:8em; z-index: 3}
.helpfulpage .bigImageMobile{position: relative;top:8rem;}

.trialpage .content div{	margin-top:8em; z-index: 3}
.trialpage .bigImageMobile{position: relative;top:8rem;}

.futurepage .content div{	margin-top:8em; z-index: 3}
.futurepage .bigImageMobile{position: relative;top:8rem;}


@media (max-width: 1500px) {

	.fullWindow .content{
		max-width:60%;
	}
	.bigImageDesktop{	left:10%;	}
	.homepage .bigImageDesktop{	left:25%;	}
}

@media (max-width: 1200px) {

	.fullWindow .content{
		max-width:60%;
	  justify-content: unset;
	}

	.homepage .content div{	margin-top:9em; }
}

@media (max-width: 1024px) {
	.fullWindow .content{
		max-width:65%;
	}

}


@media (max-width: 768px) {
	.fullWindow .content{
		max-width:calc(100vw - 8rem);
	}

	.helpfulpage .bigImageMobile{	top:0; }
	.helpfulpage .content div{	margin-top:0em; }

	.trialpage .bigImageMobile{	top:0; }
	.trialpage .content div{	margin-top:0em; }

	.futurepage .bigImageMobile{	top:0; }
	.futurepage .content div{	margin-top:0em; }


	.bigImageDesktop{
		display: none;
	}
}















#videoPage{
	position: fixed;
	z-index: 999999999;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	border:1px solid red;
	background-color: rgba(255,255,255,0.7);
	display:none;
}

.video{
	max-width: 100%;
	cursor: pointer;
	filter: drop-shadow(0px 138px 55px rgba(0, 0, 0, 0.01)) drop-shadow(0px 78px 47px rgba(0, 0, 0, 0.05)) drop-shadow(0px 35px 35px rgba(0, 0, 0, 0.09)) drop-shadow(0px 9px 19px rgba(0, 0, 0, 0.1)) drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.1));
}






/* Normal content columns */

.col .content{
	font-size:1.25rem;
	padding-left:4rem;	
	padding-right:4rem;
}

.col .content > i{
	float:left;
	position: relative;
	left:-3rem;
	top:0.25rem;
	margin-right:-3.5rem;
	color:var(--mll-primary);
	font-size:2.5rem;
}


.col .content i.iNum{
	font-size:1.3em !important;
	text-align: center;
	font-style:normal;
	font-weight: normal;
	border:1px solid var(--mll-primary);
	line-height: 1.35em;
	width:1.4em;
	height:1.4em;
	border-radius: 50%;
	top:0.1em !important;
}






.col .contentLeft{
	padding-left:6rem;	
}
.col .contentRight{
	padding-right:6rem;	
}


@media (max-width: 1024px) {
	.col .contentLeft, .col .contentRight{
		padding-left:6rem;
			padding-right:6rem;
	}
}








/* Expandable sections */
.expandable header{
	color:var(--mll-primary);
	cursor: pointer;
}

.expandable header{
	display: none;
}

.expandable header:first-child{
	display: block;
}

.expandable.active header{
	display: block;
}

.expandable.active header:first-child{
	display: none;
}



.expandable:not(.active) footer {
    font-size: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    /* fade out, then shrink */
    transition: opacity .25s,
                font-size .5s .25s,
                margin .5s .25s,
                padding .5s .25s;
}

/* reveal */
.expandable.active footer {
    /* unshrink, then fade in */
    transition: font-size .25s,
                margin .25s,
                padding .25s,
                opacity .5s .25s;
}







.faqs>div{
	border-top:1px solid #ccc;
	position: relative;
	padding:1rem 2.5rem 0 0;
	color:var(--mll-primary);
	font-size:1.75rem;
	line-height: 2rem;
	cursor: pointer;

}

.faqs>div:first-child{
	border-top: none;
}

.faqs header{
	position:absolute;
	right:0.5rem;
	top:0.5rem;
	font-size:2.5rem;
}

.faqs footer{
	font-size:1rem;
	padding:1rem 0;
	color:#666;
	line-height: 1.3rem;
}





/* Cards */
.card{
	flex:1;
	padding:4rem;
	font-size:1.25rem;
	background-color: #fff;
	margin-bottom: 2rem;
	box-shadow: 0px 138px 55px rgba(0, 0, 0, 0.01), 0px 78px 47px rgba(0, 0, 0, 0.05), 0px 35px 35px rgba(0, 0, 0, 0.09), 0px 9px 19px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.card i{
	color:var(--mll-primary);
	font-size:4rem;
	font-weight: 300;
}

.card h4{
	color:var(--mll-primary);
	font-size:2rem;
	margin-top:1rem;
	margin-bottom:1rem;
	font-family: "Foundry Sterling Bold";
}

.card.headshot{
	margin-bottom:9rem;
	padding-top:6rem;
}

.card.headshot img{
	padding-top:0.1rem;
	width:10rem;
	height:10rem;
	border:2px solid var(--mll-primary);
	border-radius: 5rem;
	position:absolute;
	top:-5rem;
	overflow: hidden;
}





/* Cards with image */

.cardWithImageRow{
	padding:0rem 0rem 0 2rem;
	flex-wrap: wrap;
	display:flex;
	
	position: relative;
	width: calc(100% - 6rem);
	margin: 0;
	xbox-sizing: border-box;
	xclear:both;
	xdisplay: flex;
	text-align: left;
}

.cardWithImage {
    flex: 0 0 calc(100% - 1rem); /* default to full width */
    box-sizing: border-box;
    display: flex; /* make sure items stretch to the same height */
    align-items: stretch; /* stretch items to fill container */
	padding:0rem;
	font-size:1.25rem;
	background-color: #fff;
	margin-bottom: 2rem;
	margin-left: 2rem;
	box-shadow: 0px 138px 55px rgba(0, 0, 0, 0.01), 0px 78px 47px rgba(0, 0, 0, 0.05), 0px 35px 35px rgba(0, 0, 0, 0.09), 0px 9px 19px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
	flex-direction:column;
	border-radius:2rem;
	overflow:hidden;

}

.cardWithImage > div{
	display:flex;
	flex-direction: row;
	padding:2rem 0 2rem 2rem;
}

.cardWithImage > div > div{
	padding-right:2rem;
	text-align:left;
}

.cardWithImage > div > div:first-child{
	display:flex;
	align-items: center;
	flex-direction:row;
	color:var(--mll-primary);
	font-size:3rem;
}



@media screen and (min-width: 768px) {
    .cardWithImage {
        flex: 0 0 calc(50% - 2rem); /* 2 per row */
    }
}

@media screen and (min-width: 1200px) {
    .cardWithImage {
        flex: 0 0 calc(33.33% - 2rem); /* 3 per row */
    }
}




/* who slider */

#who_slides{
	display:block;
	overflow:hidden;
	position:relative;
	box-shadow: 0px 138px 55px rgba(0, 0, 0, 0.01), 0px 78px 47px rgba(0, 0, 0, 0.05), 0px 35px 35px rgba(0, 0, 0, 0.09), 0px 9px 19px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
	border-radius:2rem;
	z-index:1;
	margin-bottom: 1rem;
	width:90%;
	margin-left: 5%;
}

.who_slide{
	position:absolute;
	border-radius:2rem;
	overflow:hidden;
	display:flex;
	left:100%;
	top:0;
	width:100%;
	transition: 1.5s;
	z-index:1;
}

#who_slides_0{
	position:relative;
	opacity:0;
	box-shadow:none;
}

.who_slide.active{
		left:0%;
}
.who_slide.done{
		left:-100%;
}


.who_slide_arrow{
	display:inline-block;cursor:pointer;font-size:2rem;
	color:var(--mll-primary);
	position:relative;
	top:2px;
	margin:0.5rem;
}
.who_slide_dot{
	width:1rem;
	height:1rem;
	border:2px solid var(--mll-primary);
	border-radius:1rem;
	display:inline-block;
	margin:0.5rem;
	xbackground-color:#fff;
	z-index:2;
	position:relative;
	color:transparent;
	cursor:pointer;
}

.who_slide_dot.active{
	background-color:var(--mll-primary);
}


/* Dual Wear slider */
#dualwear_slider{
	position:relative;
	overflow:hidden;
	width:80%;
	margin-left:0%;
	margin-top:5rem;
}
@media screen and (max-width: 768px) {

	#dualwear_slider{
		margin-left:10%;
		margin-top:3.5rem;
	}
}

.dw_left{
	position:absolute;
	left:-50%;
	top:0;
}


.dw_right{
	position:absolute;
	left:100%;
	top:0;
}

.dw_left.active{
	left:0%;
}

.dw_right.active{
	left:50%;
}

.dw_left.done{
	opacity:0;
}

.dw_right.done{
	opacity:0;
}


.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}