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

 body {
	 /* background:#ffffff; */
	 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: 400%;
					}

		}
 h4 {
	font-size: 125%;
	color: #ed1c2f;
	margin: 0px 0px 0px;
}

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

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

div.content p.instruct {
	color: #ed1c2f;
	font-size: 155%;
}

 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.View-Formulation-Card {text-decoration: none;}

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

.nobr {white-space:nowrap;}





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

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

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

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


div[class^="copyblock_prod"] p.footnote, .footnote {
	font-size: 90%;
}


	@media(min-width: 768px){

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

			div[class^="cardcopyfront"], div[class^="cardcopyback"] {
				/*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: 5%;
			}
	}


div.main {
	/*position: relative;*/
	display: block;
	background: #fff;
	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: 25% 25% 25% 25%;
	grid-template-columns: 25% 25% 25% 25%;
}


div[class^="cardflip"], div.details, div[class^="cardcopyback"] {
	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^="cardcopyback"] {
							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;
							}
							
							div[class^="cardflip"], div.details, div[class^="cardcopyback"] {
								text-align: right;
							}

					}

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

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


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

div[class^="copyblock_prod"] {
	background: #dfdfe3;
	text-align: center;
	padding: 0px 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;
	margin-bottom: 15%;
}

div[class^="selectprod"] {
	background-size: contain;
	background-position: bottom center;
	background-repeat: no-repeat;
	position: relative;
	height: 95%;
	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"] {
	top: 295px;
	left: 0%;
	width: 100%;
	height: auto;
	
	min-height: 75vh;
	
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
	padding: 0px 5%;
	box-sizing: border-box;
}

		@media(min-width: 768px){

				div[class^="formulation"] {
					top: 145px;
					min-height: 100vh;
				}
		}
		
div[class^="cardcopyback"] {
	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^="cardcopyback"] {
					margin: 0px 0px;
				}

				div[class^="cardcopyback"] 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"] {
							/*position: absolute;
							top: 10%;
							left: 10%;
							width: 90%;*/
							border-radius: 0px;
						}
						
						/*div[class^="selectprod"] {
							width:25%;
						}*/

						div[class^="formulation"] {
							min-height: 75vh;
							display: -ms-grid !important;
							display: grid !important;
							-ms-grid-columns: 20% 80%;
							grid-template-columns: 30% 70%;
							margin: 0px auto;
						}

						div[class^="cardcopyfront"], div[class^="cardcopyback"] {
							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%;
					}

			}




/* -------------------- 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;	
}

			@media(min-width: 768px){

					div.header {
						height:215px;
					}

					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: 24px 32px;
	width: 100%;
	transition: all 0.75s ease-out;
}

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


			@media(min-width: 768px){

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


			}

			@media(min-width: 980px){

					div.header div.tagline {
						width: 50%;
					}

			}

div.tagline {
	cursor:pointer;
}

div.header div.logo {
	text-align: center;
	position: inherit;
	width: 100%;
	background: url(../images/header-right-hair.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: 80%;
						width: auto;
						position: absolute;
						left: 0px;
						top: 35%;
						padding: 0px 0px;
						transform: translate(-50%, 0%);
					}
					
			}


			@media(min-width: 960px){

					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 {
  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 {
  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;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card__face--front, .card__face--front2, .card__face--front3, .card__face--front4 {
  background: #ffffff;
	border-radius: 24px;
}

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

div[class^="cardcopyback"] 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;	
}

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;
}

.card_formulation {
	margin-top: -15%;
}

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_formulation {
					margin-top: -25%;
				}

			}

			@media(min-width: 1024px){

				.card_formulation {
					margin-top: 0%;
				}

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

		div[class^="copyblock_prod"] img {
			width: 100%;
			height: auto;
		}
		
		div[class^="copyblock_prod"] h2 {
			color: #ed1c2f;
			font-size:250%;
			padding-left: 10%;
			padding-right: 10%;
		}
		
		div[class^="copyblock_prod"] h3 {
			color: #415465;
			font-size: 200%;
			border-top: 1px solid #787878;
			margin-left: 10%;
			margin-right: 10%;
			padding-top: 18px;
		}
		
				div[class^="copyblock_prod"] h3 span {
					font-size: 70%;
					display: block;
				}

		div[class^="copyblock_prod"] p {
			color: #415465;
			font-size:195;
			padding-left: 10%;
			padding-right: 10%;
			text-align: left;
		}

			@media(min-width: 960px){

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

				span[class^="formulation"] {
					background: #ed1c2f;
					color: #ffffff;
					text-decoration: none;
					padding: 12px 24px;
					border-radius: 6px;
					display: table;
					margin: 0px auto 24px;
					text-transform: uppercase;
					letter-spacing: 0.1em;
					font-size: 85%;
					cursor:pointer;
					text-align: center;
				}

		@media(min-width: 768px){

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

		}

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

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

div[class^="cardflip"] img, div.details img, div[class^="cardcopyback"] 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^="cardcopyback"] img {
					max-width: 64px;
				}

			}


		div.selectprod1 {
			background-image:url(../images/bkgrnd_product1.png);
			-webkit-animation: mover 3.6s;
			animation: mover 3.6s;
		}

		div.selectprod1.off {
			background-image:url(../images/bkgrnd_product1-over.png);
		}

				img.icon_product1 {
						-webkit-animation: fadein 0.5s;
						animation: fadein 0.5s;
						animation-delay: 4.0s;
						animation-fill-mode: forwards;
				}
				
		div.selectprod2 {
			background-image:url(../images/bkgrnd_product2.png);
			-webkit-animation: mover 3s;
			animation: mover 3s;
		}
		
		div.selectprod2.off {
			background-image:url(../images/bkgrnd_product2-over.png);
		}
		
				img.icon_product2 {
						-webkit-animation: fadein 0.5s;
						animation: fadein 0.5s;
						animation-delay: 3.5s;
						animation-fill-mode: forwards;
				}

		div.selectprod3 {
			background-image:url(../images/bkgrnd_product3.png);
			-webkit-animation: mover 2.5s;
			animation: mover 2.5s;
		}
		
		div.selectprod3.off {
			background-image:url(../images/bkgrnd_product3-over.png);
		}
		
				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/bkgrnd_product4.png);
			-webkit-animation: mover 2s;
			animation: mover 2s;
		}
		
		div.selectprod4.off {
			background-image:url(../images/bkgrnd_product4-over.png);
		}
		
				img.icon_product4 {
						-webkit-animation: fadein 0.5s;
						animation: fadein 0.5s;
						animation-delay: 2.5s;
						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: 215px;
	left: 0;
	width: 100%;
	height: auto;
	background: rgba(255,255,255,1.0);
	cursor: pointer;
}

span.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: 100%;
	height: 100%;
	overflow: hidden;
	object-fit: cover;
}

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;
}

}

/*	Formulation Link Formatting 	*/
.link {
	position: absolute;
	z-index: 50;
	display: block;
	top: 0%;
	left: 4%;
	height: 3%;
	min-width: 30%;
	/*background: rgba(0,0,0,0.15);*/
}
div.link:hover {
	cursor: pointer;
}


.pdf_4320_1 {top: 21.3%;	height: 5.5%;	left: 8.3%;}
.pdf_4320_2 {top: 33.5%;	height: 3%;		left: 8.3%;}
.pdf_4320_3 {top: 36.7%;	height: 3%;		left: 8.3%;}
.pdf_4320_4 {top: 52.4%;	height: 10.4%;	left: 8.3%;}

.pdf_4321_1 {top: 18%;		height: 5.75%;}
.pdf_4321_2 {top: 31.6%;	height: 5.5%;}
.pdf_4321_3 {top: 37.5%;	height: 3%;}

.pdf_4322_1 {top: 21.3%;	height: 5.5%;	left: 8.3%;}
.pdf_4322_2 {top: 27%;		height: 3%;		left: 8.3%;}
.pdf_4322_3 {top: 30%;		height: 5.5%;	left: 8.3%;}
.pdf_4322_4 {top: 42.25%;	height: 5.5%;	left: 8.3%;}

.pdf_4323_1 {top: 22%;	left: 8.3%;}
.pdf_4323_2 {top: 25.3%;height: 5.5%;	left: 8.3%;}
.pdf_4323_3 {top: 31.1%;left: 8.3%;}
.pdf_4323_4 {top: 38.2%;left: 8.3%;}



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

.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; text-decoration: none;}




/*      Dow Language selection menu formatting      */

.nav-menu__options {
	padding: .2rem 0 0;
	margin: 8px 0rem 0px -7.5rem;

	list-style-type: none;
	position: absolute;
	display: block;
	white-space: nowrap;
	color: #fff;
	right: 16px;
	z-index: 502;
	
}

.nav-menu__options a, .nav-menu__options a:link {
	color: #fff;
	text-decoration: underline;
	font-size: 90%;
	padding: 0% 10%;
}

.nav-menu__option {
	background: #415364;
	padding: 0.5em 3em 0.5em 1.5em;
	box-shadow: 0 0.5rem 0.5rem 0 rgba(44,42,41,0.9);
}

.nav-menu__option:first-child {
	border-radius: .2rem .2rem 0 0;
	padding-top: 1em;
	font-weight: 600;
}

.nav-menu__option:last-child {
	border-radius: 0 0 .2rem .2rem;
	padding-bottom: 1em;
}

.mega__menu--full-width .mega__main .nav-menu [aria-controls], .mega__menu--full-width .mega__main .nav-menu [aria-controls][aria-expanded="true"] {
	color: #fff;
}
.nav-icon__image {
	width: 1.1em;
	vertical-align: middle;
	margin-right: 0.5em;
	color: #ffffff;
	stroke: #fff;
	fill: #fff;
}
	svg use {
	pointer-events: none;
}
	
#nav-menu-z9cpbd2r7zm {display: none;}

.nav-icon {
	cursor: pointer;
	color: #fff;
	padding: 4px 8px;
}

.nav-menu {
	position: absolute;
	top: 24px;
	right: 24px;
	white-space: nowrap;
}

.nav-menu__disabled {
	color: rgba(255,255,255,0.5) !important;
	cursor: default;
	pointer-events: none;
}

.mega__menu--full-width .mega__main .nav-menu [aria-controls]::after {
	content: '';
	display: inline;
	margin-left: 5px;
	background-repeat: no-repeat;
	background-position: center center;
	height: 5px;
	width: 11px;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.936%22%20height%3D%225.382%22%20viewBox%3D%220%200%207.936%205.382%22%3E%3Cpath%20fill%3D'none'%20stroke%3D'%23fff'%20stroke-width%3D'2px'%20d%3D%22M0%2C3.261%2C3.261%2C0%2C6.521%2C3.261%22%20transform%3D%22translate(7.228%203.968)%20rotate(180)%22%2F%3E%3C%2Fsvg%3E");
}

img.icon {
	width: 24px;
	float: left;
}


span.nav-icon span {
	display: none;
}

	@media(min-width: 768px){
		span.nav-icon span {
			display: inline;
		}
		.nav-menu__options {
			margin: 8px 0rem 0px -0.5rem;
		}
}

.footer {
	height: 32px;
	width: 100%;
	background: #ffffff;
	font-size: 80%;
	text-align: center;
	padding: 24px 0px;
}


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

.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;
	text-decoration: none;
}

.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;
}