@charset "utf-8";
/* CSS Document */

/*--| HOMEPAGE MODULES |--*/
/*BASE*/
div.updated-standards {
	margin: 0% auto;
	padding: 0% 0%;
	width: 100%;
	/*max-width: 960px;*/
	/*width: 100vw;
    max-width: 100vw;
    margin-left: calc((100vw - 100%) / -2);*/
}
div.updated-standards div.case {
	margin: 0% auto;
	padding: 0% 0%;
	width: 100%;
	max-width: 960px;
	position: relative;
}
div.updated-standards h2 {
	margin: 0% auto;
	/*padding: 0% 0% 15px 0%;*/
	padding: 0% 0% 10px 0%;
	width: 100%;
	font-family: Lato,helvetica,sans-serif;
	font-size: 36px;
	line-height: 38px;
	font-weight: 700;
	color: #000;
}
div.updated-standards h3 {
	margin: 0% auto;
	/*padding: 0% 0% 15px 0%;*/
	padding: 0% 0% 2px 0%;
	width: 100%;
	font-family: Lato,helvetica,sans-serif;
	font-size: 18px;
	line-height: 20px;
	/*font-weight: 400;*/
	font-weight: 600;
	color: #000;
}
div.updated-standards p {
	margin: 0% auto;
	/*padding: 0% 0% 15px 0%;*/
	padding: 0% 0% 8px 0%;
	width: 100%;
	font-family: Lato,helvetica,sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}
div.updated-standards .txt-center {
	text-align: center;
}
div.updated-standards span.br-txt {
	display: block;
}
div.updated-standards .button, div.updated-standards .buttonstyle, 
div.updated-standards button, div.updated-standards input[type=button] {
    display: inline-block;
	/*margin: 0% auto 15px auto;*/
	margin: 1% auto 30px auto;
	padding: 12px 5%;
	width: auto;
	min-height: 1px;
	font-family: Lato,helvetica,sans-serif;
    font-weight: 700;
    font-size: 16px;
	line-height: 16px;
    color: #fff;
    cursor: pointer;
    background-color: #000;
    border: none;
    border-radius: 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
div.updated-standards .button:hover:not([disabled]):not(.disabled):not(.button-text):not(.menu-toggle):not(.change-store-submit):not(.dw-apple-pay-button), 
div.updated-standards .buttonstyle:hover:not([disabled]):not(.disabled):not(.button-text):not(.menu-toggle):not(.change-store-submit):not(.dw-apple-pay-button), 
div.updated-standards button:hover:not([disabled]):not(.disabled):not(.button-text):not(.menu-toggle):not(.change-store-submit):not(.dw-apple-pay-button), 
div.updated-standards input[type=button]:hover:not([disabled]):not(.disabled):not(.button-text):not(.menu-toggle):not(.change-store-submit):not(.dw-apple-pay-button) {
	/*border-color: #035583;*/
	background-color: #777;
	color: #fff;
}
div.updated-standards .button-reg {
	display: inline-block;
	margin: 0% auto 30px auto;
	padding: 0% 0% 3px 0%;
	width: auto;
	font-family: Lato,helvetica,sans-serif;
    font-weight: 700;
    font-size: 16px;
	line-height: 16px;
    color: #000;
    cursor: pointer;
	text-decoration: none;
	text-transform: uppercase;
    letter-spacing: 1px;
	vertical-align: top;
	border-bottom: 2px solid #000;
}
div.updated-standards div.img-shell {
	margin: 0% auto;
	padding: 0% 0%;
	width: 100%;
}
div.updated-standards span.hard-br {
	display: none;
}

/*TILES*/
div.tiles {
	display: block;
	margin: 0% auto;
	padding: 0% 0%;
	width: 100%;
	max-width: 960px;
	text-align: center;
	/*border: 1px solid #f00;*/
}
div.tiles div {
	display: inline-block;
	margin: 2% .75% 2% .75%;
	padding: 0% 0%;
	width: 100%;
	max-width: 960px;
	vertical-align: top;
	/*border: 1px solid #f00;*/
}
div.quint div {
	width: 17.5%;
}
div.quad div {
	width: 22.4%;
}
div.tiles div.img-shell {
	display: block;
	margin: 0% auto 8% auto;
	padding: 0% 0%;
	width: 100%;
	/*border: 1px solid #f00;*/
}
div.updated-standards div.img-shell picture, div.updated-standards div.img-shell img {
	display: block;
	margin: 0% auto;
	padding: 0% 0%;
	width: 100%;
}

/*COLLAGE*/
div.collage {
	display: block;
	margin: 0% auto 2% auto;
	padding: 2% 0%;
	width: 100%;
	/*max-width: 960px;*/
	/*width: 100vw;
    max-width: 100vw;
    margin-left: calc((100vw - 100%) / -2);*/
	text-align: center;
	/*border: 1px solid #f00;*/
}
/*
div.collage div.case {
	background-color: #fafafa;
}
*/
div.trend-shell div.case {
	background-color: #fafafa;
}
div.collage div.area {
	display: inline-block;
	margin: 0% .75% 0% .75%;
	padding: 0% 0%;
	width: 46.5%;
	vertical-align: top;
	text-align: left;
	/*border: 1px solid #f00;*/
}
div.center-cont div.area {
	text-align: center;
}
div.collage div.sec {
	display: block;
	margin: 0% auto 0% auto;
	padding: 0% 0%;
	width: 100%;
	/*border: 1px solid #f00;*/
}
div.collage div.sec div {
	margin: 0% auto 4% auto;
}
div.collage div.img-shell {
	position: relative;
	overflow: hidden;
	/*text-align: center;*/
}
div.collage h2 {
    margin: 0% auto;
    /* padding: 0% 0% 15px 0%; */
    padding: 10px 0% 10px 0%;
    width: 100%;
    font-family: Lato,helvetica,sans-serif;
    font-size: 36px;
    line-height: 38px;
    font-weight: 700;
}
div.collage div.img-shell a.link-modal {
	display: block;
	position: absolute;
	margin: 0% auto;
	padding: 0% 0%;
	width: 100%;
	font-size: 1000px;
	line-height: 100px;
	text-decoration: none;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 100;
}
/**/
div.collage a.learn-more {
	margin: 0% 0% 0% 6%;
}
div.cta-spc .button, div.cta-spc .buttonstyle, 
div.cta-spc button, div.cta-spc input[type=button] {
    margin: 0% auto 50px auto;
}
div.cta-spc .button-reg {
    margin: 0% auto 50px auto;
}
div.collage div.m-hide {
	display: block;
}
div.collage div.m-show {
	display: none;
}



/*SLIDE*/
div.slide-sec {
	display: table;
	margin: 0% auto 2% auto;
	padding: 2% 0% 2% 0%;
	width: 100%;
	/*max-width: 960px;*/
	/*width: 100vw;
    max-width: 100vw;
    margin-left: calc((100vw - 100%) / -2);*/
	position: relative;
	background-color: #dbe1f9;
	/*border: 1px solid #f00;*/
}
div.slide-sec div.txt-sec {
	display: inline-block;
	vertical-align: middle;
	margin: 0% auto 0% auto;
	padding: 0% 0% 0% 0%;
	width: 100%;
	text-align: center;
	/*border: 1px solid #f00;*/
}
div.slide-sec div.ind-msg {
	display: table;
}
div.ind-msg {
	display: table;
}
div.multi-msg {
	display: table;
	min-height: 540px;
}
div.multi-msg div.case {
	display: table;
	width: 100%;
	min-height: 540px;
}
div.multi-msg div.txt-sec {
	display: table-cell;
	vertical-align: middle;
	margin: 0% auto 0% auto;
	padding: 0% 0% 0% 0%;
	width: 100%;
	text-align: center;
	/*border: 1px solid #f00;*/
}
div.slide-sec h2 {
    margin: 0% auto;
    padding: 0% 0% 10px 0%;
    width: 100%;
    font-family: Lato,helvetica,sans-serif;
    font-size: 36px;
    line-height: 38px;
    font-weight: 700;
	color: #000;
}
div.slide-sec h3 {
    margin: 0% auto;
    padding: 0% 0% 2px 0%;
    width: 100%;
    font-family: Lato,helvetica,sans-serif;
    font-size: 18px;
    line-height: 20px;
    /* font-weight: 400; */
    font-weight: 600;
	color: #000;
}
div.slide-sec p {
    margin: 0% auto;
    padding: 0% 0% 0% 0%;
    width: 100%;
    font-family: Lato,helvetica,sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
	color: #000;
}
div.ind-msg p.callout-msg {
	display: block;
    margin: 0% auto;
    padding: 1% 0% 1% 0%;
    width: 100%;
    font-family: Lato,helvetica,sans-serif;
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
	letter-spacing: 2px;
}
div.multi-msg p.callout-msg {
	display: block;
    margin: 0% auto;
    padding: 2% 0% 2% 0%;
    width: 100%;
    font-family: Lato,helvetica,sans-serif;
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
	letter-spacing: 2px;
}
div.slide-sec .button, div.slide-sec .buttonstyle, 
div.slide-sec button, div.slide-sec input[type=button] {
    margin: 0% auto 15px auto;
}
div.slide-sec .button-reg {
    margin: 0% auto 15px auto;
}
/*INVERT-ED*/
div.invert {
    background-color: #000;
}
div.invert h2 {
    color: #fff;
}
div.invert h3 {
    color: #fff;
}
div.invert p {
    color: #fff;
}
div.invert .button, div.invert .buttonstyle, 
div.invert button, div.invert input[type=button] {
    color: #000;
	background-color: #fff;
}
div.invert .button-reg {
    color: #fff;
	border-bottom: 2px solid #fff;
}



/*SLAB*/
div.slab-sec {
	display: block;
	margin: 0% auto 0% auto;
	padding: 0% 0% 2% 0%;
	width: 100%;
	/*max-width: 960px;*/
	/*width: 100vw;
    max-width: 100vw;
    margin-left: calc((100vw - 100%) / -2);*/
	position: relative;
	/*border: 1px solid #f00;*/
}
div.slab-sec div.img-shell {
	display: block;
	margin: 0% auto 0% auto;
	padding: 0% 0%;
	width: 100%;
	/*border: 1px solid #f00;*/
}
div.slab-sec div.txt-sec {
	display: block;
	margin: 0% auto 0% auto;
	padding: 0% 0%;
	width: 50%;
	text-align: center;
	position: absolute;
	/*border: 1px solid #f00;*/
}
div.slab-sec img.brand-logo {
	display: block;
	margin: 0% auto;
	padding: 0% 0%;
	width: auto;
}
div.slab-sec div.l-side {
	display: block;
	margin: -38% 0% 0% 0%;
	padding: 0% 0%;
	width: 50%;
}
div.slab-sec div.r-side {
	display: block;
	margin: -38% 0% 0% 50%;
	padding: 0% 0%;
	width: 50%;
}

@media only screen and (max-width: 768px) {
	div.updated-standards h2 {
		margin: 0% auto;
		padding: 0% 0% 2.5vw 0%;
		font-size: 6.5vw;
		line-height: 7.5vw;
		font-weight: 700;
	}
	div.updated-standards h3 {
		margin: 0% auto;
		/*padding: 0% 0% 2.5vw 0%;*/
		padding: 0% 0% 0% 0%;
		width: 100%;
		font-size: 5vw;
		line-height: 6vw;
		font-weight: 400;
		letter-spacing: .2vw;
	}
	div.updated-standards p {
		margin: 0% auto;
		/*padding: 0% 0% 4vw 0%;*/
		padding: 0% 0% 2vw 0%;
		width: 100%;
		font-size: 3.5vw;
		line-height: 5vw;
		font-weight: 400;
	}
	div.updated-standards span.br-txt {
		display: inline;
	}
	div.updated-standards .button, div.updated-standards .buttonstyle, 
	div.updated-standards button, div.updated-standards input[type=button] {
		display: inline-block;
		margin: 0% auto 4vw auto;
		padding: 14px 4%;
		width: auto;
		min-height: 1px;
		font-family: Lato,helvetica,sans-serif;
		font-weight: 700;
		font-size: 16px;
		line-height: 16px;
	}
	div.updated-standards .button-reg {
		display: inline-block;
		margin: 0% auto 4vw auto;
		padding: 0% 0% 3px 0%;
		width: auto;
		min-height: 1px;
		font-family: Lato,helvetica,sans-serif;
		font-weight: 700;
		font-size: 16px;
		line-height: 16px;
	}
	div.updated-standards span.hard-br {
		display: block;
		margin: 0% auto;
		padding: 0% 0%;
	}
	
	/*TILES*/
	div.tiles {
		display: block;
		margin: 0% auto;
		padding: 4% 0% 4% 0%;
		width: 100%;
		max-width: 960px;
		text-align: center;
	}
	div.tiles div {
		display: inline-block;
		margin: 4% 2% 0% 2%;
		padding: 0% 0%;
		width: 100%;
		max-width: 960px;
		vertical-align: top;
	}
	div.quint div {
		/*margin: 4% 2% 4% 2%;*/
		width: 43%;
	}
	div.quad div {
		/*margin: 4% 2% 4% 2%;*/
		width: 43%;
	}
	div.quint div.m-hide {
		display: none;
	}
	
	/*COLLAGE*/
	div.collage {
		display: block;
		margin: 0% auto 2% auto;
		padding: 4% 4%;
		width: 92%;
	}
	div.collage div.area {
		display: block;
		margin: 0% auto 0% auto;
		padding: 0% 0%;
		width: 100%;
		vertical-align: top;
		text-align: center;
	}
	div.collage div.sec {
		display: block;
		margin: 0% auto 6% auto;
		padding: 0% 0%;
		width: 100%;
	}
	div.collage a.learn-more {
		margin: 0% auto;
	}

	/*
	div.collage div.sec div {
		margin: 0% auto 4% auto;
	}
	*/
	div.collage div.m-hide {
		display: none;
	}
	div.collage div.m-show {
		display: block;
	}


	/*SLAB*/
	div.slab-sec {
		display: block;
		margin: 0% auto 0% auto;
		padding: 0% 4% 6% 4%;
		width: 92%;
	}
	div.slab-sec div.txt-sec {
		position: static;
		display: block;
		margin: 4% auto 0% auto;
		padding: 0% 0%;
		width: 100%;
	}
	div.slab-sec img.brand-logo {
		display: block;
		margin: 0% auto;
		padding: 0% 0%;
		width: 90%;
		max-width: 320px;
	}

	div.div.slab-sec h2 span.br-txt {
		display: block;
	}
	
	
	/*SLIDE*/
	div.slide-sec {
		margin: 0% auto 4% auto;
		padding: 4% 0% 4% 0%;
		width: 100%;
	}
	div.slide-sec h2 {
		margin: 0% auto;
		padding: 0% 0% 2.5vw 0%;
		font-size: 6.5vw;
		line-height: 7.5vw;
		font-weight: 700;
	}
	div.slide-sec h3 {
		margin: 0% auto;
		/*padding: 0% 0% 2.5vw 0%;*/
		padding: 0% 0% 0% 0%;
		width: 100%;
		font-size: 4vw;
		line-height: 5vw;
		font-weight: 400;
		letter-spacing: .2vw;
	}
	div.slide-sec p {
		margin: 0% auto;
		/*padding: 0% 0% 4vw 0%;*/
		padding: 0% 0% 0% 0%;
		width: 100%;
		font-size: 3.5vw;
		line-height: 3.5vw;
		font-weight: 400;
	}
	div.ind-msg p.callout-msg {
		display: block;
		margin: 0% auto;
		padding: 2vw 0% 2vw 0%;
		width: 100%;
		font-size: 5.5vw;
		line-height: 6vw;
		font-weight: 700;
	}
	div.multi-msg p.callout-msg {
		display: block;
		margin: 0% auto;
		padding: 2vw 0% 2vw 0%;
		width: 100%;
		font-size: 5.5vw;
		line-height: 6vw;
		font-weight: 700;
	}
	div.slide-sec .button, div.slide-sec .buttonstyle, 
	div.slide-sec button, div.slide-sec input[type=button] {
		margin: 2vw auto 4vw auto;
	}
	div.slide-sec .button-reg {
		margin: 2vw auto 4vw auto;
	}
	
}
@media only screen and (max-width: 460px) {

}
/*--| END: HOMEPAGE MODULES |--*/