@font-face {
  font-family: 'Interstate Light';
  src: url('fonts/interstate-light.eot');
  src: url('fonts/interstate-light.eot?#iefix') format('embedded-opentype'),
			url('fonts/interstate-light.woff') format('woff'),
			url('fonts/interstate-light.ttf')  format('truetype'),
			url('fonts/interstate-light.svg#b3f1eaab67ba33d7f766bdc7b12fbe90') format('svg');
  font-style:   normal;
  font-weight:  200;
}

@font-face {
  font-family: 'Interstate Regular';
  src: url('fonts/interstate-regular.eot');
  src: url('fonts/interstate-regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/interstate-regular.woff') format('woff'),
       url('fonts/interstate-regular.ttf')  format('truetype'),
       url('fonts/interstate-regular.svg#1f37beb4a93f8f59394ec7be812f4f6e') format('svg');
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'Interstate Bold';
  src: url('fonts/interstate-bold.eot');
  src: url('fonts/interstate-bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/interstate-bold.woff') format('woff'),
       url('fonts/interstate-bold.ttf')  format('truetype'),
       url('fonts/interstate-bold.svg#ae7901b26c7bc0ae18e1b2162d35ce34') format('svg');
       
  font-style:   normal;
  font-weight:  700;
}

@font-face {
  font-family: 'Adobe Garamond Pro Italic';
  src: url('fonts/adobe-garamond-pro-italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/adobe-garamond-pro-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/adobe-garamond-pro-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/adobe-garamond-pro-italic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/adobe-garamond-pro-italic.svg#e62a4d531f55b2f8bdfd398331ec8604') format('svg'); /* Legacy iOS */
       
  font-style:   italic;
  font-weight:  400;
}
@media (max-width: 920px) {
	.maw {
		width: 90%;
		max-width: 740px;
		margin: auto;
	}

	.maw img {
		max-width: 90%;
	}

	.maw br {display: none;}

	p.maw {
		margin: 20px auto;
	}
}

#top_blank {
	width: 100%; height: 100px;
}

header { width: 100%; background: #fff; height: 100px; position: fixed;z-index: 9999; box-shadow: 0 0 5px #999;}
header.inner { padding: 45px 0 0; }

header h1 { width: 190px; height: 157px; position: fixed; right: 60px; top: 12px; z-index: 9999; }
header h1 a { display: block; /*width: 190px; height: 157px;*/ text-indent: -9999px; white-space: nowrap; overflow: hidden; background: url(../images/great-substance-logo.png) right top no-repeat; 
	background-size: auto 100%; height: 100%;
}

nav.language { margin: -25px 0 0; }
nav.language ul li { display: inline-block; margin: 0 6px 0 0; padding: 0 10px 0 0; color: #bcbebf; border-right: 1px solid #bcbebf; }
nav.language ul li:last-child { border-right: 0; }
nav.language ul li a { color: #bcbebf; text-decoration: none; }
nav.language ul li.current a { color: #272e7d; }

nav.main { margin: -6px 0 0; display: block;}
nav.main li { display: inline-block; margin: 0 11px 0 0; width: 130px; background: #fff; border-top: 5px solid #fff; }
nav.main li a { text-decoration: none; text-transform: lowercase; display: block; padding: 5px 0; font-weight: bold;}
nav.main li ul { display: none; }
nav.main li:hover ul { display: block; float: left; padding: 0; margin: 0 5px; position: relative; z-index: 10;}

/*=======
  d-d-double raaaaainnnbow
=======*/
nav.main li:first-child a { color: #272e7d; /* broke ass blue */ }
nav.main li:first-child:hover { border-top: 5px solid #272e7d; }
nav.main li:first-child ul { margin: 0 5px; }
nav.main li:first-child li a { color: #a4a6d3; font-weight: bold; }
nav.main li:first-child li a:hover { color: #272e7d; border-top: 1px solid #272e7d; }

nav.main li:nth-child(2) a { color: #414493; /* wannabe prince purple */ }
nav.main li:nth-child(2):hover { border-top: 5px solid #414493; }
nav.main li:nth-child(2) ul {margin: 0 5px; }
nav.main li:nth-child(2) li a { color: #a4a6d3; font-weight: bold; }
nav.main li:nth-child(2) li a:hover { color: #414493;  border-top: 1px solid #414493; }

nav.main li:nth-child(3) a { color: #786486; /* bruised purple */}
nav.main li:nth-child(3):hover { border-top: 5px solid #786486; }
nav.main li:nth-child(3) ul { margin: 0 5px; }
nav.main li:nth-child(3) li a { color: #786486; font-weight: bold; opacity: 0.6;}
nav.main li:nth-child(3) li a:hover { color: #786486;  border-top: 1px solid #786486; opacity: 1;}

nav.main li:nth-child(4) a { color: #ae8871; /* nauseous pink */ }
nav.main li:nth-child(4):hover { border-top: 5px solid #ae8871; }
nav.main li:nth-child(4) ul { margin: 0 5px; }
nav.main li:nth-child(4) li a { color: #ae8871; font-weight: bold; opacity: 0.6;}
nav.main li:nth-child(4) li a:hover { color: #ae8871; border-top: 1px solid #ae8871; opacity: 1;}

nav.main li:nth-child(5) a { color: #d3a45c; /* vomit orange */ }
nav.main li:nth-child(5):hover { border-top: 5px solid #d3a45c; }
nav.main li:nth-child(5) ul { margin: 0 5px; }
nav.main li:nth-child(5) li a { color: #d3a45c; font-weight: bold; opacity: 0.6;}
nav.main li:nth-child(5) li a:hover { color: #d3a45c; border-top: 1px solid #d3a45c; opacity: 1;}

nav.main li:last-child a { color: #f9c536; /* diabetic piss yellow */ }
nav.main li:last-child:hover { border-top: 5px solid #f9c536; }
nav.main li:last-child ul { margin: 0 5px; }
nav.main li:last-child li a { color: #f9c536; font-weight: bold; opacity: 0.6;}
nav.main li:last-child li a:hover { color: #f9c536;  border-top: 1px solid #f9c536; opacity: 1;}

/*=======
  second tier magic
=======*/
nav.main li ul li { display: block; margin: 0; width: 120px; font-size: .8575rem; }
nav.main li ul li { border-top: 0 !important; }
nav.main li ul li:hover { border-top: 0 !important; }

@media (max-width: 1120px) {
	header.inner {
		padding: 0 !important;
		height: 60px !important;
	}
	#top_blank {
		height: 60px !important;
	}
	header h1 {
		width: 94px !important; height: 35px !important;
		top: -9px !important;
	}
	header h1 a {
		background-image: url(../images/logo-mobile.png);
		background-position: top left;
	}
}

@media (max-width: 1025px) {
	nav.main li {
		margin: 0;
	}
}

#mobile_nav {display: none;cursor: pointer;}
@media (max-width: 970px) {
	#mobile_nav {
		bottom: 0; top: 0;
		display: inline-block;
		height: 22px;
		left: 30px;
		position: absolute;
		margin: auto;
	}
	nav.main {
		display: none;
		// display: block;
		position: relative;
		top: 10px;
	}
	nav.language {
		margin: 21px 0 0 30px;
	}
	nav.main li:hover ul {
		display: none;
		border: 0;
	}
	nav.main li {
		width: 90%;
		border-color: #E7E6DC;
		background-color: #E7E6DC;
	}
	nav.main li:hover {
		border-color: #E7E6DC !important;
	}
	nav.main li a {
		width: 50%;
		display: block;
		text-align: center;
		margin: auto;
		border-bottom: 1px solid #000;
	}
	nav.main li:last-child a {
		border: 0;
	}
}

/*=== 
  clearfix; remix 
===*/
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.ov-h { overflow: hidden; }
.ta-c {text-align: center;}

p {
	margin: 20px 0;
	line-height: 1.2;
}

.txt p{
	font-size: 20px;
}

body {
	line-height: 1.2;
	font-family: 'Interstate Light';
	margin: 0;
}

.purple {color: #800080;}
.pink {color:#EC008B;}
.yellow {color: #FFD100;}

.rainbow {
	position: absolute;
	left: 0; right: 0;
	margin: auto;
	z-index: 9;
	max-width: 990px;
	width: 90%;
}
.caption {
	display: block;
	margin: auto;
	top: 80px;
	position: relative;
}

.caption_logo {
	display: block;
	margin: auto;
	top: 120px;
	position: relative;
}

.skip_intro {
	display: block;
	position: absolute;
	z-index: 9;
	margin: auto;
	color: #fff;
	left: 0; right: 0;
	bottom: 30px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 14px;
	letter-spacing: 1px;
}

.round_border, .slider_link {
	border-radius: 100px;
	width: 100px; height: 100px;
	position: absolute;
	left: 0; right: 0;
	margin: auto;
	bottom: 120px;
	border: 2px solid #fff;
	text-align: center;
	font-size: 16px;
	z-index: 9;
}

.round_border:before, .slider_link:before {
	content: '';
	vertical-align: middle;
	height: 100%;
	display: inline-block;
}

.round_border span, .round_border a, .slider_link a {
	color: #fff;
	text-decoration: none;
	/*padding: 30px 10px;*/
	vertical-align: middle;
	display: inline-block;
	width: 100%; height: 100%;
}

.round_border {
	position: relative;
	top: 0;
}

.round_border a, .round_border span {
	color: inherit;
}

.slider_overlay {
	height: 100%;
	margin: auto;
	display: block;
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: 0;
}

.slider_txt {
	z-index: 1;
	position: relative;
	color: #fff;
	text-align: center;
	font-size: 20px;
	top: 100px;
}

.valign-middle { height: 100%; }

.valign-middle:before {
	content: '';
	vertical-align: middle;
	height: 100%;
	display: inline-block;
}

.valign-middle>div {
	vertical-align: middle;
	display: inline-block;
}

html, body {
	height: 100%;
}

.block {
	display: block;
}

.intro {
	text-align: center;
	min-height: 100%;
}

.we .intro {
	background: #86d7bf url(../images/bg-we.jpg) top left no-repeat;
	background-size: 100% auto;
	color: #fff;
	font-size: 20px;
}

#footer {
	text-align: center;
	padding: 30px;
	color: #9FA1A3;
	font-size: 10px;
	line-height: 1.8;
}

#footer .bigger {
	font-size: 14px;
}

#footer a {
	color: #0032A0;
	text-decoration: none;
}

.rmbr br {
	display: none;
}

#contact_ty {
	display: none;
}
#contact_form {
	font-family: 'Interstate Bold';
	font-size: 20px;
	background-color: #DEDBC3;
	padding: 30px;
	max-width: 900px;
	width: 90%;
	display: none;
}
#contact_form .notes {
	font-size: 10px;
	font-family: 'Interstate Light';
}
#contact_form table {
	width: 100%;
	margin: 30px 0 0;
}

#contact_form td {
	padding: 5px 0;
}

#contact_form .button {
	padding: 30px 0;
	color: #000;
}

#contact_form .button >*{
	font-size: 25px;
	font-family: 'Interstate Bold';
	background: none;
	border: 0;
	display: inline-block;
	width: auto;
	padding: 0;
}

#submit_btn {
	margin: 0 -5px;
}

#submit_btn, #form_cancel {
	cursor: pointer;
}

#contact_form .label {
	font-size: 18px;
	font-family: 'Interstate Light';
	width: 120px;
}

#contact_form input {
	width: 80%;
}

@media (max-width: 700px) {
	#contact_form input, .label, .input {
		display: block;
		width: 100%;
	}

	#contact_form .label, #contact_form .input {
		padding: 0 !important;
	}

	#contact_form .label {
		padding-top: 5px !important;
	}
}
@media (max-width: 500px) {
	#contact_form {
		padding: 0;
		width: 100%;
	}
}

.emptyField {border: 1px solid #f00;}
.invalidField {border: 1px solid #f00;color: #f00;}

.blue_title {
	color: #0032A0;
	font-size: 24px;
}

.notes p {
	margin-top: 0;
}