html {
	overflow-y:  scroll;
}
body {
	min-width:320px;
	color: #221E1F;
	font-size: 13pt; 
	font-family: Geneva, Tahoma, sans-serif;
	font-weight: 400;
	line-height: 1.2;
}
a:link, a:active, a:visited { color: #5f7a8c; }
a:hover { color: #7191a6;cursor:pointer; } 

.footer-bottom a:link, .footer-bottom a:active, .footer-bottom a:visited, .footer-copyright a:link, .footer-copyright a:active, .footer-copyright a:visited { 
	color: #000000; 
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.35em;
}
sub {
  bottom: -0.25em;
}
.no-wrap {
	white-space: nowrap;
}
.grecaptcha-badge {
	display: none;
}
img {
	width:auto;
	max-width:100%;
	height:auto;
}
ul {
	padding-left:10px;
	margin-left:5px;
	list-style:square outside none;
}
nav ul {
	padding-left:0;
	margin-left:0;
	list-style:none;
}
hr {
	border-top: 1px solid #CCC;
}
h1 {
	font-family: MicrogrammaExtD-Bol;
	color: #000;
	font-size: 26pt;
	padding-top: 0;
	margin-top: 0;
	letter-spacing: 2px;
	line-height: 0.8;
}

h1 sup, h2 sup {
	font-size: 12px;
	top:-14px;
}
.headline {
	color: #444;
	font-size: 15pt; 
	padding-top: 0;
	margin-top: 0;
	font-weight:bold;
	line-height: 1.2;
	padding-bottom: 10px;

}
h2 {
	font-family: MicrogrammaExtD-Bol;
	color: #000;
	font-size: 25pt;
	padding-top: 0;
	margin-top: 0;
	letter-spacing: 2px;
	line-height: 0.8;
}
h3 {
	color: #333;
	font-size: 16pt; 
	padding-top: 0;
	margin-top: 0;
	font-weight:bold;
	line-height: 1;
	padding-bottom: 6px;
}
h4 {
	color: #666666;
	font-size: 16pt; 
	padding-top: 0;
	margin-top: 0;
	padding-bottom:14px;
	font-weight:bold;
}
h5 {
	color: #000;
	font-size: 14pt; 
	font-weight:bold;
	padding-top: 0;
	margin-top: 0;
}

.Microgramma {
	font-family: MicrogrammaExtD-Bol;
	letter-spacing: 2px;
	line-height: 0.9;
	font-size: 18pt; 
}
.Microgramma sup {
	font-size: 10px;
  	top: -11px;
}
.nav {
	background-color:#7191a6;
}
.mb-nav {
	background-color:#7191a6;
}
.sr-nav {
	background-color:#8ea28f;
}
.no-nav {
	background-color:#7191a6;
	color: #FFF;
	font-size: 12pt; 
	font-weight:bold;
	line-height: 1.4;
	padding-top: 8px;
	padding-bottom: 7px;
}

.menu .nav-tabs .nav-item.show .nav-link, .menu .nav-tabs .nav-link.active  {
    color: #fff;
    background-color: transparent;
    border: none;
}
.menu {	
	border:none;
	border-radius: 0px;
}
.menu .menu-container {	
	border:none;
	width:100%;
}
.menu-container li{
  	display: inline-block;
	float:none;
	text-align:center;
}
.menu .menu-container li a{
	border: 0px;
	border-radius: 0px;
    padding: 4px 7px 4px 7px;
	color: #ffffff;
	font-weight:bold;
	font-size:10pt;
    text-decoration: none;
	line-height:1.1;
}
.menu li a:hover, .menu .nav-tabs .nav-link:hover  {
	color: #ffe580;
	background-color:transparent;
	text-decoration:none;
	padding-bottom:4px;
}
.menu.cloned {
    box-shadow: 0px 2px 2px #999;
	background-color:#FFF;
}
.menu .navbar-toggle {
	background-color:#004990;	
	border-color:#fff;	
	float:right;
	margin-left:15px;
}
.menu .navbar-toggle .icon-bar {
	background-color:#fff;	
}
.caption {
	font-size:10pt;
	font-style:italic;
}
.container {
	position: relative; 
	margin: 0 auto;
	max-width:980px;
	width:auto;
}
.mb-gradient {
	background: url(/images/blue-gradient.jpg) repeat-x;
	background-color: #fff;
	padding-bottom:25px;
}
.mixing-blending-bar {
	background-color: #7191a6;
	min-height:22px;
	padding-top:1px;
	color:#FFF;
	text-align:center;
}
.sr-gradient {
	background: url(/images/green-gradient.jpg) repeat-x;
	background-color: #fff;
	padding-bottom:25px;
}
.size-reduction-bar {
	background-color: #8ea28f;
	min-height:22px;
	padding-top:1px;
	color:#FFF;
	text-align:center;
}
.content-container {
	max-width: 954px;
	min-width:320px;
	margin:0 auto;
}
.content-main {
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
	color:#222222;
	background-color:#FFF;
}
.content-info {
	font-size: 12pt;
	padding:0;
	background-color:#d2dad2;
}
.content-info-cosmetics {
	background-color:#f7e8d6;
}
.header {
	padding:24px 15px 10px 24px;
	font-size: 16px; 
	line-height:1.3;
}
.content-main .header {
	min-height: 90px;
}
.content-info .header {
	background-color:#FFF;
	height:141px;
	padding:0;
	padding-top:28px;
}

.content-info .header-cosmetics {
  height: 90px;
  padding-top: 0px;
}
	
.sticky-panel {
	background-color:#d2dad2;
	height:100%;
	display: table-cell;
}

.sticky-panel-cosmetics {
  background-color: #f7e8d6;
}
.sticky-panel .row, .sticky-panel .row .col-sm-12 {
	margin:0;
	padding:0;
}
#return-to-top {
    position: fixed;
    z-index: 101;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 70px;
    height: 31px;
    display: block;
    text-decoration: none;
    display: none;
	background: url(/includes/landing/images/chevron-up.png) no-repeat;
}
.CTA-group {
	position:relative;
	padding-left: 12px;
	padding-right: 0;
	border-bottom:solid 3px #FFF;	
	overflow:auto;
	cursor:pointer;
}
.CTA-title {
	margin-top:28px;
	font-size:18px;
	position:absolute;
	width:185px;
	line-height:1.2;
}
.CTA-title-cosmetics {
	  margin-top: 14px;
}
.compare-pdf, .get-pdf, .get-brochure, .get-quote {
	position:absolute;
	margin-top:130px;
}
footer {
	background-color: #e5e5e5;
	padding:30px 0;
}
footer a { color: #333333; }
footer a:hover { color: #004990; }
footer .container li {
	margin: 6px 0;
	list-style: none;
	font-size:9pt;
	line-height: 1.2;
}
footer .container .footer-bottom  li {
	font-size:10pt;
	display:block;
	padding-top:4px;
	padding-bottom:4px;
}
.site-links, .product-links{
	font-size:10pt;
	color:#333;
	margin-bottom: 10px;
}
.site-links ul, .product-links ul{
	list-style:none;
	margin: 0;
	padding: 0;
}
.site-links ul li, .product-links ul li{
	text-align:left;
	margin: 0;
	padding: 0;
}

.footer-test-lab .address{
	padding-top:11px;
	line-height:1.2;
}
.footer-info {
	font-size:8.5pt;
}
.divider {
	height:3px;
	margin:12px 0px;
	background-color: #CCC;
}
.divider-sub {
	height:1px;
	margin:12px 0px;
	background-color: #CCC;
}
.specs-table {
	font-size:9pt;
}
.specs-table th {
	font-size:8pt;
	background-color: #bacedb;
}
.specs-table th.green-panel {
	background-color: #c6d6c2;
}
.specs-table th.yellow-panel {
	background-color: #d6d0c3;
}
.specs-table tbody tr td, .specs-table tbody tr th, .specs-table tfoot tr td, .specs-table tfoot tr th, .specs-table thead tr td, .specs-table thead tr th {
	border-top: 1px solid #666;
	padding:4px;
	vertical-align:middle;
}
.specs-table td, .specs-table th {
	text-align:center;
}
.specs-table td:first-child, .specs-table th:first-child {
	text-align:left;
}

.legend ul li {
	display: inline-block;
	list-style: none;
	padding-left:20px;
}
.column-line {
	border-left: solid 1px #666;
	text-align:center !important;
}
.modal-body, .modal-footer {
	background-color:#FFF;
}
.modal-header {
	background-color: #7191a6;
	padding:5px 15px;
	border:none;
}
.modal-title{
	font-size:17px;
}
.modal-lg{
	width:95%;
	max-width:825px;
}
.checkbox .control-label {
	text-align:left;
}
body.modal-open {
    overflow: hidden;
}
.modal-body {
	padding-top: 0;
}
.form-description {
	font-size:15px;
	color: #333;
	text-align:center;
}
.form-horizontal .form-group-sm .control-label { 
	font-size: 14px;
	padding-bottom:4px;
}
.form-group.required .control-label:after { 
   content:"*";
   color:red;
   margin-left:2px;
}
.form-control {
	color:#000;
    margin-bottom: 10px;
}
.form-group-sm select.form-control, .select2-container .select2-selection--single {
	height:30px !important;
    line-height: 1.1 !important;	
    font-size: 11pt !important;
    border-radius: 3px !important;
	border: 1px solid #ced4da !important;
}
.select2-results__option {
    line-height: 1.1 !important;	
    font-size: 11pt !important;
}
.form-group-sm .form-control {
	height:30px;
    padding: 2px 5px;
    font-size: 11pt;
    line-height: 1.1;
    border-radius: 3px;
}
.form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}
.form-options {
	background-color:#CCC;
	padding-top: 15px;
	padding-bottom:15px;
	padding-left: 10px;
	padding-right:10px;
}
.form-options .col-sm-3, .form-options .col-sm-12 {
	padding-left:5px;
	padding-right:5px;
}
.form-option-caption {
	font-size:15px;
	font-weight: bold;
	padding-left: 10px;
	line-height:1.1;
	width:83%;
}
.custom-control {
    padding-left: 0;
}
.Brochure_checkbox, .Brochure_checkboxMB, .Brochure_checkboxSR, .Brochure_checkboxNutraMB, .Brochure_checkboxNutraSR, .Linecard_checkbox, .PDF_checkbox, .QRF_checkbox, .compareChart, .lineCard, .Brochure, .techCall, .nmbBrochure, .nsrBrochure, .nBrochure {
	display:none;
}

.btn span.fa-check {    			
	opacity: 0;				
}
.btn.active span.fa-check {				
	opacity: 1;				
}
.custom-control .btn-default {
	background-color:#FFF;
}
#PDF_checkbox,#Linecard_checkbox, #Brochure_checkbox, #QRF_checkbox, #display_checkbox {
	border-color:#666666;
	padding:3px 6px;
	font-size: 13px;
}
#LandingForm #submit-button {
	padding: 6px 12px;
	font-size: 16px;
	font-weight:bold;
}
.nav.form-group {
    margin-bottom: 0px;
}
.select2-selection {
	height:auto;
}
ul.no-margin, ol.no-margin, li.no-margin {
	padding-left:1.0em;
	margin-left:1.0em;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}
#divresults1, #divresults2, #divresults3, #divresults4 {
	display:none;
	border-bottom:solid 3px #FFF;	
	background-color:#CCC;
}
#success-pane, #error-pane {
	background-color: #FFFFFF;
	display:none;
}
.CTA-results-thumbs {
	padding-right:0;
	padding-left:0;
	position: relative;
	text-align:right;
}
.CTA-results {
	padding-top: 28px;
	padding-right:0;
}
.CTA-results-title {
	font-size:18px;
	line-height:1.2;
}
.absolute {
	position: absolute;
	z-index:55;
}
.lp-images {
	width:250px;
}
.mb-images {
	width:140px;
}
.mb-border {
	border-right:solid 1px #CCC;
}
.compare-label {
	color:#ed1c24;
	font-weight:bold;
	font-size:11pt;
}
.compare-excellent {
	color:#00a651;
	font-weight:bold;
	font-size:11pt;
}
.compare-good {
	color:#0089cf;
	font-weight:bold;
	font-size:11pt;
}
.compare-fair {
	color:#f58220;
	font-weight:bold;
	font-size:11pt;
}
.compare-poor {
	color:#ed1c24;
	font-weight:bold;
	font-size:11pt;
}
.compare-table tr th {
	border:none !important;
}
.compare-table tr th img {
	width:95%;
	height:95%;
}
.compare-table tr th, .compare-table tr td {
	padding-left:0 !important;
	padding-right:0 !important;
}

@media only screen and (max-width: 900px) {
	.CTA-title {
		font-size:15px;
		width:125px;
	}
	.menu .menu-container li a{
	    padding: 6px 12px;
	}
	.menu li a:hover {
		padding-bottom:4px;
	}
	.checkbox input[type="checkbox"] {
		margin-left:0px;
	}	
}

@media only screen and (max-width: 767px) {
	img {
		margin:0 auto;
	}
	.menu {
		height:auto;
	}	
	.navbar-collapse.collapse{
	  display: block !important;
	}
	.nav {
		margin:0 auto;
	}
	.nav li a {
		padding:6px 10px;
	}
	.menu .menu-container li a{
		color: #000;
	    padding: 2px 15px;
	}
	.menu li a:hover {
		background-color: transparent;
		padding-bottom:0px;
	}
	.menu .menu-container {
		background-color: #ddd;
		padding-top:4px;
		padding-bottom:4px;
	}
	.content-main {
		font-size: 16px;
	}
	.caption {
		font-size: 14px;
	}
	.caption br {
		display:none;
	}
	.content-info{
		float:none;
		padding-bottom:20px;
	}
	.header, .content-container{
		background:none;
	}
	.CTA-title{
		font-size: 16px;
		width:50%;
	}
	.CTA-title br {
		display:none;
	}
	.CTA-group:nth-child(4) {
		border:none;
	}
	.footer-map {
		float:none
	}
	.footer-logo {
		position:relative;
	}	
	.footer-offices a {
		font-size: 12px;
	}
	.footer-info  {
		text-align:center;
		padding-top:20px;
	}
	h1 {
		font-size: 32px;
	}
	h2 {
		font-size: 25px;
	}
	h3 {
		font-size: 21px;
	}
	h4 {
		font-size: 18px;
	}
	.header{
		padding-top:15px;
	}
	.divider {
		margin:20px 0px 40px 0px;
	}	
	.col-sm-6 {
		margin-bottom:20px;
	}
	nav .col-sm-6 {
		margin-bottom:0;
	}
	.absolute {
		position:relative;
	}
	.sticky-panel, .original2  {
		width:100%;
		display: block;
	}	
}

@media only screen and (max-width: 320px) {
	.content-info{
		padding-bottom:0px;
	}
	.footer-info, .footer-offices {
		text-align:left;
	}	
	.footer-info div, .footer-offices div {
		display: block;
	}
	.footer-info div:after  {
	   content:"";
	   margin-left:0px;
	}
	.footer-main .text-center {
		text-align:left;
	}
	.container-fluid {
		padding:0;
	}
	.compare-table tr th, .compare-table tr td {
		padding-left:8px !important;
		padding-right:8px !important;
	}
}

@media print {
	a[href]:after {
		content: none;
	}
	h1, h2, h3, h4, h5, h6 {
	    page-break-after: avoid;
	}
    .nav, nav, .content-info, #return-to-top {
        display: none !important;
		position: relative !important;
    }
	.content-main {
		width:100%;
	}
	.content-container {
	    max-width: 100%;
	    min-width: 0px;
	    margin: 0;
	}
	.header{
		padding-top:0px;
		min-height:auto;	
	}
	.col, .col-1, .col-10, .col-11, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		width:100%;
		font-size:14pt;
		padding:0 5px;
	}
}

 
@font-face {font-family: 'MicrogrammaExtD-Bol';src: url('/includes/webfonts/32AD1C_0_0.eot');src: url('/includes/webfonts/32AD1C_0_0.eot?#iefix') format('embedded-opentype'),url('/includes/webfonts/32AD1C_0_0.woff2') format('woff2'),url('/includes/webfonts/32AD1C_0_0.woff') format('woff'),url('/includes/webfonts/32AD1C_0_0.ttf') format('truetype');}