@charset "UTF-8";
body, html {
	width: 100%;
	height: 100%;
}

 body {
	 margin:0px;
	 padding:0px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:14px;
	 color:#415564;
 }

h1 {
	font-size: 325%;
	color: #ed1c2f;
	margin: 18px 0px 0px;
	padding: 0px;
}

		@media(min-width: 768px){
					h1 {font-size: 375%;}
		}

		@media(min-width: 1600px){
					h1 {font-size: 375%;}
		}
		
 h4 {
	font-size: 125%;
	color: #ed1c2f;
	margin: 0px 0px 0px;
}

ul {
	font-size: 110%;
	font-weight: 300;
	margin: 0px 0px 18px;
}

ul ul {
	font-size: 100%;
}

div.content p {
	font-size: 180%;
	line-height: 1.35;
}

div.content p.instruct {
	font-weight: bold;
	font-size: 155%;
}

div.content p.instruct img {
	float: left;
	margin: 0px 18px 0px 0px;
	max-width: 52px;
}

a {
	text-decoration: none;
}

 a.btn.btn-default {
	color: #ffffff;
	text-decoration: none;
	padding: 12px 24px;
	background: #000;
	border-radius: 6px;
	text-align: center;
	display: inline-block;
	margin: 12px 24px;
}

div.control {
	display:table;
	}
	
a.flip1 {color: #ffffff; text-decoration:none;margin: 20px;}

.nobr {white-space:nowrap;}
sup, sub {font-size: 75%;}

iframe {
	width: 100%;
	height: 100%;
	display: block;
}

div[class*="cardflip"] {
	position: inherit;
	text-align: right;
}

div[class^="cardcopyfront"], div[class^="cardcopyfront"] {
	position: initial;
	width: 100%;
	box-sizing: border-box;
	text-align: right;
}

		div[class^="cardcopyfront"] {
			text-align: left;
		}

div.details {
	position: inherit;
	text-align: right;
}

	@media(min-width: 768px){

			div.details {
				position: absolute;
				top: 70px;
				right: 10%;
			}

			div[class^="cardcopyfront"], div[class^="cardcopyfront"] {
				position: absolute;
				top: 10%;
				left: 5%;
				width: 50%;
				box-sizing: border-box;
				text-align: left;
			}
				
			div[class*="cardflip"] {
				position: absolute;
				top: 0px;
				right: 10%;
			}

	}

	@media(min-width: 1024px){

			div.details {
				top:  auto;
				bottom: 0px;
				right: 10%;
			}

	}

div.main {
	position: relative;
	display: block;
	margin-bottom: 48px;

}

div.content {
	padding: 32px 10%;
	font-size: 70%;
}

div.content, div.products {
	display: block;
	position: inherit;
	font-size: 120%;
}

		@media(min-width: 768px){

					div.content, div.products {
						font-size: 80%;
					}

		}

div.products {
	position: relative;
	width: 100%;
	display: -ms-grid;
	display:grid;
	-ms-grid-columns: 20% 20% 20% 20% 20%;
	grid-template-columns: 20% 20% 20% 20% 20%;
}


div[class*="cardflip"], div.details, div[class^="cardcopyfront"] {
	text-transform: uppercase;
	font-size: 80%;
	vertical-align: middle;
	font-weight: 600;
	text-align: right;
	margin: 32px 0px;
}

					@media(min-width: 768px){

						div[class*="cardflip"], div.details, div[class^="cardcopyfront"] {
							text-align: right;
						}


					}
					
					@media(min-width: 980px){
													
							div.products {
								height: 80%;
							}
					
					}

					@media(min-width: 1024px){

							div.main {
								display: -ms-grid;
								display:grid;
								-ms-grid-columns: 35% 64%;
								grid-template-columns: 35% 64%;
								min-height: 70%;
							}
														
							div.content, div.products {
								position:relative;
								font-size: 75%;
							}

							div.products {
								white-space: nowrap;
								padding-top: 24px;
							}
							
							div[class*="cardflip"], div.details, div[class^="cardcopyfront"] {
								text-align: right;
								font-size:55%;
							}

					}

					@media(min-width: 1200px){
													
							div.main {
								-ms-grid-columns: 35% 60%;
								grid-template-columns: 35% 60%;
							}
														
							div.products {
								height: 90%;
							}
					
					}

					@media(min-width: 1400px){
													
							div.main {
								-ms-grid-columns: 35% 55%;
								grid-template-columns: 35% 55%;
							}
														
							div.content, div.products {
								font-size: 80%;
							}
							
							div.products {
								height: 100%;
							}

							div[class*="cardflip"], div.details, div[class^="cardcopyfront"] {
								font-size:70%;
							}
					
					}

					@media(min-width: 1600px){
													
							div.content, div.products {
								font-size: 100%;
							}
					
					}

img[class^="icon_product"] {
	position: relative;
	bottom: 18px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: all 0.2s ease-out;
	padding: 170% 18% 0%;
	max-width:48px;
}

div[class^="copyblock_prod"] {
	/*background: #dfdfe3;
	text-align: center;*/
	padding: 36px 0px 24px;
/*	opacity: 0;
	-webkit-animation: fadein 1.5s;
	animation: fadein 1.5s;
	animation-delay: .5s;
	animation-fill-mode: forwards;
	position: relative;
	top: 5%;
	left: 0%;
*/	width: 100%;
	font-size: 90%;
	border-radius: 16px;
}

		div[class^="copyblock_prod"] img {
			max-height: 620px;
			max-width: 100%;
		}

		div[class^="copyblock_prod"] p.tip {
			background: #f1a91d;
			color: #fff;
			text-transform: uppercase;
			padding: 8px 12px;
			margin: 0px 10% 0px;
			text-align: left;
			font-weight: bold;
			display: inline;
			font-size: 130%;
		}

div[class^="selectprod"] {
	background-size: auto 100%;
	background-position: bottom center;
	background-repeat: no-repeat;
	position: relative;
	height: 100%;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	border: none;
	padding: 0px;
	margin: 0px;
	outline: none;
	transition: all 0.2s ease-out;
}

div[class^="formulation"], div[class^="application"] {
	position: absolute;
	top: 10%;
	left: 0%;
	width: 100%;
	height: auto;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
	padding: 0px 5%;
	box-sizing: border-box;
}

div[class^="application"] {
	top: 5%;
	left: 0%;
	width: 100%;
	height: 80%;
	display: block;
	padding: 0px 5%;
	box-sizing: border-box;
}

		@media(min-width: 768px){

				div[class^="formulation"], div[class^="application"] {
					top: 5%;
				}
		}
		
div[class^="cardcopyfront"] {
	top: 0%;
}

				span.details span, span.details img, span.download span {
					display: inline-block;
				}
				
				span.details span, span.download span {
					max-width: 50%;
					vertical-align: middle;
				}

				div[class*="cardflip"], div.details, div[class^="cardcopyfront"] {
					margin: 0px 0px;
				}

				div[class^="cardcopyfront"] div, div[class^="links"] div {
					margin: 18px 0px;
				}

		@media(max-width: 768px){

		}



					@media(min-width: 1024px){

						img[class^="icon_product"] {
							position: absolute;
						}
						
						div[class^="copyblock_prod"] {
							width: 95%;
							border-radius: 0px;
							margin: 32px 0% 32px 0%;
							display: -ms-grid;
							display:grid;
							-ms-grid-columns: 37.5% 17.5% 45%;
							grid-template-columns: 37.5% 17.5% 45%;
						}						

						div[class^="formulation"] {
							min-height: 75%;
							display: -ms-grid !important;
							display: grid !important;
							-ms-grid-columns: 20% 80%;
							grid-template-columns: 20% 80%;
						}

						div[class^="application"] {
							display: block;
						}
						
						div[class^="application"] div.application_video {
							height:100%;
							width:100%;
							display:block;
						}

						div[class^="cardcopyfront"], div[class^="cardcopyfront"] {
							position: absolute;
							top: 25%;
							left: 5%;
							width: 85%;
						}
						

					}

.card_copy {
	padding: 48px 10% 18px 24px;
	text-align: left;
	color: #ffffff;
	font-size: 135%;
	position: relative;
}


			@-moz-document url-prefix() {
				.card_copy {
					height: auto;
				}
			}

			@media(min-width: 1024px){

					.card_copy {
						padding: 160px 10% 18px 24px;
						font-size: 165%;
					}

			}


div.popups {
	background: #979799;
	box-sizing: border-box;
	padding: 5% 0% 5% 5%;
}

.inline {margin-top: 32px;}

@media(min-width: 1024px){
	div.inline {
		display: inline-block;
		vertical-align: top;
		width: 48%;
		margin-top: 0px;
	}
}

/* -------------------- Mobile Card Layout  -------------------- 



		/* -------------------- Layout  -------------------- */

div.header {
	background: #415465;
	height:auto;
	vertical-align: middle;
	position:relative;
	opacity: 0;
	-webkit-animation: fadein 0.5s;
	animation: fadein 0.5s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
	transition: all 0.75s ease-out;	
	z-index: 50;
}

			@media(min-width: 768px){

					div.header {
						height:125px;
					}

			}

div.header.min {
	height:145px;
}

div.header div.tagline, div.header div.logo {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	box-sizing: border-box;
}

div.header div.tagline {
	padding: 0px 32px 12px;
	width: 100%;
	transition: all 0.75s ease-out;
}

.tagline h2 {
	color: #ffffff;
	font-size: 215%;
	transform: translateY(10%);
}

			@media(min-width: 720px){
					.tagline h2 {
						transform: translateY(5%);
					}
			}

			@media(min-width: 1024px){
					.tagline h2 {
						font-size: 215%;
						transform: translateY(50%);
					}
			}

			@media(min-width: 1280px){
					.tagline h2 {
						transform: translateY(50%);
					}
			}

			@media(min-width: 1440px){
					.tagline h2 {
						font-size: 255%;
						transform: translateY(20%);
					}
			}





			@media(min-width: 768px){
					div.header div.tagline {
						width: 50%;
					}
			}

			@media(min-width: 980px){
					div.header div.tagline {
						width: 60%;
					}
			}

div.header div.tagline img {
	height: 100%;
	max-width: 100%;
}

div.tagline {
	cursor:pointer;
}

div.header div.logo {
	text-align: center;
	position: inherit;
	width: 100%;
	background: url(../images/header-right-cream.jpg) no-repeat center center;
	background-size: cover;
	display: block;
	min-height: 150px;
}

div.header div.logo img {
	max-width: 50%;
	width: auto;
	padding: 28px 0px;
	transition: all 0.75s ease-out;
}

div.header.min div.logo img {
	max-width: 70%;
	top: 30%;
}

			@media(min-width: 768px){

					div.header div.logo {
						text-align: right;
						position: absolute;
						right: 0px;
						top: 0px;
						width: 30%;
						min-height: inherit;
					}

					div.header div.logo img {
						max-width: 180px;
						width: auto;
						position: absolute;
						left: 0px;
						top: 25%;
						padding: 0px 0px;
						transform: translate(-50%, 0%);
					}
					
			}


			@media(min-width: 1024px){

					div.header div.logo img {
						top: 25%;
					}
				
				div.header.min div.logo img {
					max-width: 40%;
				}

			}
			

		/* -------------------- Flipping Transition -------------------- */


.scene {
	width: 100%;
	height: 100%;
	border: 0px solid #CCC;
	margin: 0px 0;
	perspective: 1200px;
}

div[class*="cardflip"] {
	cursor:pointer;
}

.card, .card2, .card3, .card4, .card5 {
  width: 100%;
  height: auto;
  transition: transform 1s;
  transform-style: preserve-3d;
  cursor: pointer;
  position: relative;
}

.card.is-flipped, .card2.is-flipped, .card3.is-flipped, .card4.is-flipped, .card5.is-flipped {
  transform: rotateY(180deg);
}

.card__face {
  position: absolute;
  width: 100%;
  height: auto;
  line-height: 12px;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 40px;
	z-index: 25;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card__face--front, .card__face--front2, .card__face--front3, .card__face--front4, .card__face--front5 {
  /*background: #ffffff;*/
}

.card__face--back, .card__face--back2, .card__face--back3, .card__face--back4, .card__face--back5 {
  /*background: #ffffff;*/
  transform: rotateY(180deg);
}

div[class^="cardcopyfront"] a, div[class^="cardcopyfront"] a {
	text-decoration: none;
	color: #ffffff;
}

		/* -------------------- Animation Transition -------------------- */

img[class^="product"] {
	position:relative;
	animation-fill-mode: forwards;
	animation-delay: 0s;
	transition: all 0.2s ease-out;	
	width: 100%;
}

img[class^="product"]:hover {
	opacity: 0.3;
	cursor:pointer;
}

div[class^="selectprod"] img:hover {
	filter: grayscale(1.0);
}

div[class^="selectprod"]:hover {
	cursor: pointer;
}

div.copyblock_main {

}

.headlinefade {
	opacity: 0;
	-webkit-animation: headline 1.5s;
	animation: headline 1.5s;
	animation-delay: .5s;
	animation-fill-mode: forwards;
}

.card_copy, .card_formulation {
	display: block;
	padding: 24px 0px 0px;
	min-height: 225px;
}

div.card_copy {
	width: 100%;
	display: -ms-grid;
	display:grid;
	-ms-grid-columns: 50% 50% ;
	grid-template-columns: 50% 50% ;
}

			@media(min-width: 768px){

			div.card_copy {
				width: 100%;
				display: block;
			}

			}
			
.card__face img {
	width: 100%;
	box-shadow: 4px 4px 16px 0 rgba(0,0,0,0.65);
	border-radius: 16px;
}

		/*div[class^="copyblock_prod"] img {
			width: 100%;
			height: auto;
		}*/

		div[class^="copyblock_prod"] div.back {
			text-align: right;
			width: 100%;
			padding-right: 5%;
			box-sizing: border-box;
		}

		div[class^="copyblock_prod"] img.details_back {
			max-width: 200px;
			cursor: pointer;
		}
		
			@media(min-width: 768px){

				/*div[class^="copyblock_prod"] img.details_back {
					transform: translateY(-36px);
				}*/
		
			}

		div[class^="copyblock_prod"] h1 {
			color: #ed1c2f;
			font-size: 320%;
			padding: 0% 10%;
			margin: 0px 0px 4px;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		div[class^="copyblock_prod"] h2 {
			color: #ed1c2f;
			font-size: 320%;
			border-top: 0px solid #787878;
			margin: 0% 10% 54px;
			padding-top: 0px;
			font-family: Arial, Helvetica, sans-serif;
		}
		
				div[class^="copyblock_prod"] h2 span {
					font-size: 70%;
					display: block;
				}

		div[class^="copyblock_prod"] p {
			color: #415465;
			font-size:195%;
			padding: 0% 10%;
			line-height: 150%;
		}

		div[class^="copyblock_prod"] .inline p {
			text-align: center;
			font-size: 115%;
		}

			@media(min-width: 1024px){

					div[class^="copyblock_prod"] p {
						font-size:150%;
					}
		
			}


			@media(max-width: 1024px){

				/*.prod_copy {
					display: inline-block;
					max-width: 60%;
					vertical-align: top;
				}
				
				.prod_image {
					display: inline-block;
					max-width: 30%;
					vertical-align: bottom;
					padding-bottom: 48px;
				}*/
				
			}
		
					@media(min-width: 1024px){
		
						.prod_copy, .prod_image {
							display: block;
							max-width: 100%;
							padding-bottom: 8px;
						}
										
					}


			span[class^="formulation"] {
				color: #ffffff;
				text-decoration: none;
				border-radius: 6px;
				text-transform: uppercase;
				letter-spacing: 0.1em;
				cursor: pointer;
				text-align: center;
			}

			span[class^="application"] {
				color: #ffffff;
				text-decoration: none;
				border-radius: 6px;
				text-transform: uppercase;
				letter-spacing: 0.1em;
				cursor: pointer;
				text-align: center;
			}

			span[class^="application"] img, span[class^="formulation"] img {
				width: 100%;
				padding-bottom: 18px;
			}

		@media(min-width: 768px){

					/*span[class^="formulation"] {
						font-size: 90%;
					}*/

		}

div[class^="cardcopyfront"], div[class^="cardcopyfront"] {
	display: block;
	padding: 0% 0% 0% 0%;
}

		div[class^="cardcopyfront"] div, div[class^="cardcopyfront"] div {
			margin: 18px 0px;
		}

div[class*="cardflip"] img, div.details img, div[class^="cardcopyfront"] img {
	vertical-align: middle;
	padding: 0px 0px 0px 12px;
	max-width: 48px;
}

			@media(min-width: 640px){

				div[class*="cardflip"] img, div.details img, div[class^="cardcopyfront"] img {
					max-width: 64px;
				}

			}

		div.selectprod1 {
			background-image:url(../images/detail-main-product1.png);
			-webkit-animation: mover 2s;
			animation: mover 2s;
		}

				img.icon_product1 {
						-webkit-animation: fadein 0.5s;
						animation: fadein 0.5s;
						animation-delay: 2.0s;
						animation-fill-mode: forwards;
				}
				
		div.selectprod2 {
			background-image:url(../images/detail-main-product2.png);
			-webkit-animation: mover 2.5s;
			animation: mover 2.5s;
		}
		
		div.selectprod2.off {
			background-image:url(../images/detail-product2.png);
		}
		
				img.icon_product2 {
						-webkit-animation: fadein 0.5s;
						animation: fadein 0.5s;
						animation-delay: 2.5s;
						animation-fill-mode: forwards;
				}

		div.selectprod3 {
			background-image:url(../images/detail-main-product3.png);
			-webkit-animation: mover 3s;
			animation: mover 3s;
		}
		
				img.icon_product3 {
						-webkit-animation: fadein 0.5s;
						animation: fadein 0.5s;
						animation-delay: 3.0s;
						animation-fill-mode: forwards;
				}

		div.selectprod4 {
			background-image:url(../images/detail-main-product4.png);
			-webkit-animation: mover 3.5s;
			animation: mover 3.5s;
		}
		
				img.icon_product4 {
						-webkit-animation: fadein 0.5s;
						animation: fadein 0.5s;
						animation-delay: 3.5s;
						animation-fill-mode: forwards;
				}


		div.selectprod5 {
			background-image:url(../images/detail-main-product5.png);
			-webkit-animation: mover 4s;
			animation: mover 4s;
		}
		
				img.icon_product5 {
						-webkit-animation: fadein 0.5s;
						animation: fadein 0.5s;
						animation-delay: 4.0s;
						animation-fill-mode: forwards;
				}

		
				img[class^="icon_product"].active, img[class^="icon_product"]:hover  {
					transition: all 0.2s ease-out;
					filter: grayscale(1.0);
				}



		/* -------------------- Keyframe Formatting -------------------- */

				@-webkit-keyframes mover {
					0% { transform: translateY(-1000px); opacity: 0; }
					50% { opacity: 0; }
					100% { transform: translateY(0px); opacity: 1; }
				}
				@keyframes mover {
					0% { transform: translateY(-1000px); opacity: 0; }
					50% { opacity: 0; }
					100% { transform: translateY(0px); opacity: 1; }
				}

				@-webkit-keyframes headline {
					0% { transform: translateX(100px); opacity: 0; }
					50% { opacity: 0; }
					100% { transform: translateX(0px); opacity: 1; }
				}
				@keyframes headline {
					0% { transform: translateX(100px); opacity: 0; }
					50% { opacity: 0; }
					100% { transform: translateX(0px); opacity: 1; }
				}

				@-webkit-keyframes fadein {
					  0%   { opacity: 0; }
					  100% { opacity: 1; }
				}
				@keyframes fadein {
					  0%   { opacity: 0; }
					  100% { opacity: 1; }
				}
		


		/* -------------------- Lightbox Formatting -------------------- */


div.mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	cursor: pointer;
}

span.featherlight-close {
	cursor:pointer;
}

div.close {
	position: absolute;
	top: 10%;
	right: 5%;
	z-index: 100;
	background: #333333;
	padding: 38px;
	color: #fff;
	border-radius: 96px;
	font-size: 300%;
	line-height: 100%;
	cursor: pointer;
}



			@media all {
				.lightbox { display: none; }
				.fl-page h1,
				.fl-page h3,
				.fl-page h4 {
					font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif;
					font-weight: 100;
					letter-spacing: 1px;
				}
				.fl-page h1 { font-size: 110px; margin-bottom: 0.5em; }
				.fl-page h1 i { font-style: normal; color: #ddd; }
				.fl-page h1 span { font-size: 30px; color: #333;}
				.fl-page h3 { text-align: right; }
				.fl-page h3 { font-size: 15px; }
				.fl-page h4 { font-size: 2em; }
				.fl-page .jumbotron { margin-top: 2em; }
				.fl-page .doc { margin: 2em 0;}
				.fl-page .btn-download { float: right; }
				.fl-page .btn-default { vertical-align: bottom; }

				.fl-page .btn-lg span { font-size: 0.7em; }
				.fl-page .footer { margin-top: 3em; color: #aaa; font-size: 0.9em;}
				.fl-page .footer a { color: #999; text-decoration: none; margin-right: 0.75em;}
				.fl-page .github { margin: 2em 0; }
				.fl-page .github a { vertical-align: top; }
				.fl-page .marketing a { color: #999; }

				/* override default feather style... */
				.fixwidth {
					background: rgba(256,256,256, 0.8);
				}
				.fixwidth .featherlight-content {
					width: 500px;
					padding: 25px;
					color: #fff;
					background: #111;
				}
				.fixwidth .featherlight-close {
					color: #fff;
					background: #333;
				}

			}
			@media(max-width: 768px){
				.fl-page h1 span { display: block; }
				.fl-page .btn-download { float: none; margin-bottom: 1em; }
			}

div.video, video {
	width: 90%;
	max-height: 90%;
	margin: 0px auto 0px;
	display: block;
	transform: translateY(5%);
}

div.card_copy_ie {
	display:none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
	 
	 body {overflow-x: hidden}
	 
	 div[class^="formulation"], div.contents, div.main, div.products, div.card_copy {
		 display: block;
	 }

	 div[class^="formulation"], div.main, div.products, div.card_copy {
		 position: inherit;
	 }

div.products {
	min-height: inherit;
	height:auto;
	display:block;
}

div[class^="selectprod"] {
	width: 25%;
	display: inline-block;
	min-height:640px;
}

img[class^="icon_product"] {
	opacity: 1;
}

div[class^="copyblock_prod"] {
	position: relative;
	display:table;
}

div.header {height:auto;}

/*div.header.min {
	height:auto;
}*/

div.header div.tagline img {
	height: 65%;
	max-width: 100%;
	padding:4% 0% 0%;
}

div.card_copy_ie div span a {
	text-transform: uppercase;
	font-size: 80%;
	font-weight: 600;
	text-align: right;
	color:#333333;
	text-decoration:none;
}

div.card_copy_ie div span a img {
	width: 48px;
	height:auto;
	display:inline-block;
	vertical-align:middle;
	padding: 0px 0px 8px 12px;
}


div.card_formulation, div.card_copy {display:none;}

div.card_copy_ie {
	display:block;
}

div.card_front, div.card_back {
	padding:12px 0px 36px;
}

div.card_front img, div.card_back img {
	max-width: 100%;
	height:auto;
	-webkit-box-shadow: 2px 4px 18px 0 #333333;
	box-shadow: 2px 4px 18px 0 #333333;
}

div.details {
	right:0%;
	padding-bottom: 24px;
	position: relative;
}

				div.header.min div.logo img {
					max-width: 100%;
					/*top:20%;*/
				}

div.header div.logo img {
	width: 180px;
	height: 60px;
}

}

footer {
	height:32px; 
	width:100%;
	position:absolute;
	bottom:0px;
	left: 0px;
	z-index:150;
	background: #bb1212;
}



/*	Formulation Link Formatting 	*/
.link {
	position: absolute;
	z-index: 50;
	display: block;
	top: 0%;
	left: 0%;
	height: 6.5%;
	min-width: 43%;
	/*background: rgba(0,0,0,0.15);*/
}

div.link:hover {
	cursor: pointer;
}

.pdf_4381_1 {
	top: 17.5%;
	left: 5%;
}

.pdf_4382_1 {
	top: 17.5%;
	left: 5%;
}

.pdf_4383_1 {
	top: 17.5%;
	left: 5%;
}

.pdf_4384_1 {
	top: 17.5%;
	left: 5%;
}

.pdf_4384_2 {
	top: 39%;
	left: 5%;
	height: 4.5%;
}

.pdf_4385_1 {
	top: 34.6%;
	left: 5%;
}


/* - - - -  - - -  - - - - - - - - - Content Block Formatting - - - -  - - -  - - - - - - - - - */


.block.contact {
	padding: 48px 5% 4px;
	position: relative;
	text-align: center;
	margin-top: 5%;
}

.bkgrnd_yellow {background: #feba17;}

p.chat {
	display: block;
	box-sizing: border-box;
	max-width: 360px;
	margin: 0px auto 0px;
	width: 100%;
	padding: 36px 0px 0px;
}

p.chat img {
	width: 100%;
}

div.content.contact.top_padding {
	padding-top: 2%;
}

	@media(min-width: 1024px){
		div.content.contact.top_padding {padding-top: 2%;}
	}

	@media(min-width: 1400px){
		div.content.contact.top_padding {padding-top: 2%;}
	}

div.content.contact {
	padding: 32px 0%;
	font-size: 70%;
}

div.content.contact {
	display: block;
	position: inherit;
	font-size: 120%;
}

		@media(min-width: 768px){

					div.content.contact {
						font-size: 80%;
					}

		}

.contact h1 {
	font-size: 255%;
	line-height: 1.05;
	color: #ed1c2f;
	margin: 18px 0px 0px;
	padding: 0px;
	font-weight: bold;
}

.contact h1 a:link, .contact h1 a:visited, .contact h1 a {
	color: #ed1c2f;
	text-decoration: none;
}

div.content.contact p {
	font-size: 180%;
	line-height: 1.35;
}

div.block.contact p.subhead {
	color: #ed1c2f;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 125%;
	line-height: 150%;
}

/* - - - - - - - - - - - Block: Ask an Expert - - - - - - - - - - - */

.center {text-align: center;}

		h3.askexpert {
			color: #ed1c2f;
			font-size: 320%;
			padding: 0% 10%;
			margin: 0px 0px 4px;
		}

p.subhead {
	color: #ed1c2f;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 125%;
	line-height: 150%;
}

/* - - - - - - - - - - - ADA Contrast for Contact an Expert - - - - - - - - - - - */

	h3.askexpert, h3.askexpert a:link, h3.askexpert a:visited, h3.askexpert + p.subhead {color: #415364;}



/* - - - -  - - -  - - - - - - - - - Secondary Nav Formatting - - - -  - - -  - - - - - - - - - */

.navigation {
	display: block;
	opacity: 1;
	width: 100%;
	background: #193f5e;
	margin: 0px auto;
	text-align: center;
}

.navigation ul {
	padding: 0px;
}

.navigation li {
	list-style: none;
}

	@media(min-width: 1024px){
		.navigation li {
			display: inline-block;
		}
	}


.navigation li a {
	color: #ffffff;
	text-decoration: none;
	padding: 16px 24px;
	display: block;
	text-transform: uppercase;
	font-size: 110%;
	transition: all 0.2s ease-out;
}


	@media(min-width: 768px){
		.navigation li a {
			padding: 8px 24px;
			font-size: 80%;
		}
	}

	@media(min-width: 1024px){
		.navigation li a {
			padding: 18px 48px;
		}
	}

.navigation li a:hover {
	color: #ed1c2f;
	text-decoration: underline;
}

/* - - - -  - - -  - - - - - - - - - Formulation Table Formatting - - - -  - - -  - - - - - - - - - */

div[class^="copyblock"] {
	width: 100%;
	border-radius: 0px;
	padding: 32px 5% 32px 5%;
	box-sizing: border-box;
}
	@media(min-width: 768px){
		
		div[class^="copyblock"] {
			padding: 32px 10% 32px 5%;
		}
		
	}

table.formulation {
	vertical-align: top;
	overflow: visible;
	padding: 0px;
	margin: 12px 0px 0px;
	max-width: 1440px;
	border: 1px solid #333;
}
	
table.formulation tr td.axis {
	background: #E0E0E3;
	text-align: center;
}

table.formulation tr td.axis.dark {
	background: #acacac;
}

table.formulation tr td {
	padding: 4px 8px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
}

table.formulation tr td:last-child {
	border-right: 0px solid #333;
}

table.formulation tr:first-child td {
	border-top: 0px solid #333;
}


table.formulation tr td p{
	margin: 0px 0px;
	padding: 0px 0px;
}

table.formulation tr:first-child td {
	background: #415465;
	color: #ffffff;
	vertical-align: middle;
}
	
table.formulation a, table.formulation a:link {
	font-weight: bold;
	color: #00B2AD;
}

.txt_dow_red {color:#e80033;}

.txt_dow_red a:link, .txt_dow_red a:visited {color:#e80033;}


.copyblock.alignment {
	padding: 8px 10% 32px 10%;
}

	@media(min-width: 1024px){
		.copyblock.alignment {
			padding: 8px 14% 32px 14%;
		}
	}


table + h4 {
	margin-top: 18px;
}

/* - - - - - - - - - - - - - - Call to Action Buttons - - - - - - - - - - - - - - */

p span[class^="formulation"].button, p span[class^="application"].button {
	font-size: 12px;
	padding: 16px 32px;
	background: #e80033;
	border-radius: 6px;
	letter-spacing: 0.15rem;
	font-weight: bold;
	display: block;
}

	@media(min-width: 768px){
		p span[class^="formulation"].button, p span[class^="application"].button {
			font-size: 65%;
			/*white-space: nowrap;*/
			display: inline-block;
			line-height: 135%;
		}
	}