@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@500&display=swap');  /* for headings */

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400&display=swap');  /* for paragraphs */

/*@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300&display=swap');
*/
/* Main CSS for cbrnintl.com */
/* @import "css/reset.css";     path error*/
/* @import "reset.css";   messing up list formats, works better without. 4/12/16 ceg */
/*----*****---- << General >> ----*****----*/
/* NEW FOR STICKY FOOTER */
html, body {
/*	height: 100%; */ /* sticky footer not working commented 9/19/19 */
	margin: 0;
	background: #f3F3F3;
	font-family: Nunito, sans-serif;
	font-size:17px;
}

body {
		
	margin: 0;
	color: #4a4a4a;
}


/* for Top of Page button added 6/3/19 */
#myBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: teal;
	color: white;
	line-height: .5em;
	cursor: pointer;
	padding: 5px 15px 15px 15px;
	border-radius: 8px;
}
#myBtn:hover {
	background-color: #00b3b3;
}
/* end of top-of-page button */

/*----*****---- << Fonts >> ----*****----*/
h1, h2, h3, h4, h5, h6, .slider-content ul li, #layerslider ul li, #jq_fmslideshow #fmslideshow .txtMedium, #jq_fmslideshow #fmslideshow .txtLarge, #expand-toggle .expand, ul.menu li a, ul.menu li ul li a, .slider-content .short-desc, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #jq_fmslideshow #fmslideshow .txtNormal, #jq_fmslideshow #fmslideshow .txtExNormal, #layerslider .subtitle {
font-family: mulish, sans-serif;
	font-weight: 400;
}
/*----*****---- << Headings >> ----*****----*/

h1 {
	font-size: 50px;
	margin-bottom: 10px;
}
h2 {
	font-size: 35px;
	margin: 10px 0 10px 0;
}
h3 {
	font-size: 25px;
	line-height: 29px;
	margin-bottom: 15px;
}
h4 {
	font-size: 21px;
	line-height: 23px;
	margin-bottom: 15px;
} 
h5 {
	font-size: 14px;
	line-height: 15px;
	margin-bottom: 10px;
}
h6 {
	font-size: 15px;
	line-height: 15px;
	margin-bottom: 10px;
	font-weight: 700;
}
h1.product_name {
	font-size: 70px;
	margin: 10px 0 0 0;
	
}
h1.product_name + h2 {
	margin-top: 0px;
}
h1.with-subtitle {
	margin-bottom: 5px;
}
h6.subtitle {
	margin-bottom: 30px;
}
/*----*****---- << Text Elements >> ----*****----*/
a {
	text-decoration: underline;
	transition: all .1s linear;
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
	-webkit-transition: all .1s linear;
}
a {
	border: none;
	color: teal;
}
a:hover {
	color: #009E9E;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
p {
	line-height: 24px;
	margin-bottom: 10px;
	color: #4a4a4a;
}

ul {
	list-style-type: disc;
	list-style-position: outside;
}
ul li {
	padding-bottom: 10px;
}
ul ul {
	list-style-type: circle;
	padding-left: 20px;
	margin: 10px 0px 0px;
} 
ul li ul {
	list-style-type: circle;
	padding-left: 20px;
	margin: 10px 0px 0px;
}
ul ul ul {
	margin-bottom: 0px;
	list-style-type: square;
}
ul.tight {
	padding-left: 17px;
	margin: 0;
} 
ol {
	list-style-type: decimal;
	list-style-position: outside;
	padding-left: 20px;
	padding-top: 10px;
}
ol li {
	padding-bottom: 10px;
}
ol li ol {
	margin-bottom: 0px;
	list-style-type: lower-alpha;
}
ol ol ol {
	margin-bottom: 0px;
	list-style-type: lower-roman;
}
ul.export {
	line-height: 24px;
} 
blockquote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-bottom: 14px;
}
pre, code {
	display: block;
	padding: 10px;
	font-size: 11px;
	font-family: monospace;
}
hr {
	border: none;
	height: 1px;
	margin: 30px 0;
	clear: both;
}
/* due to IE <HR> margin bugs I had to made classed and apply them to div to achieve the effect of a <HR> */
.hr {
	width: 100%;
	height: 2px;
	clear: both;
	float: left;
	margin: 10px 0 20px 0;
	position: relative;
	z-index: 1;
}
.hr-invisible {
	float: left;
	width: 100%;
	margin: 20px 0px;
}
.hr-border {
	height: 2px;
	float: left;
	clear: both;
	width: 100%;
	margin: 20px 0px;
	position: relative;
	z-index: 1;
}
.hr {
	background: url(../images/splitter.jpg) repeat-x;
}
.hr-border {
	background: url(../images/dashed-splitter.png) repeat-x;
}
.clear {
	float: none;
	clear: both;
	margin: 0px;
	padding: 0px;
}
.float-right {
	float: right;
}
.float-left {
	float: left;
}
.center {
	width: 100%;
	text-align: center;
}
.separator {
	margin-right: 10px;
	border-right: thin solid silver;
}
/*----*****---- << Tables >> ----*****----*/
table {
	border-collapse: separate;
	border-spacing: 0;
	border-top-width: 1px;
	margin-bottom: 1px;
	width: 100%;
	clear: both;
}
th {
	padding: 5px 5px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
td {
	text-align: left;
	padding: 5px 5px;
	vertical-align: top;
} 
/* added 2/7/17 to use on Request Quote page for alignment purposes in checkbox section. */
table.no-see-um > tbody > tr > td:first-child {
	width: 20px;
}
/* specification tables for product pages */
table.specs {
	margin-top: 20px;
	border-collapse: separate;
	border: none;
	border-top: 1px solid silver;
}
table.specs td {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	font-size: 16px;
	border: none;
	background-color: white;
	border-bottom: 1px solid silver;
}
table.specs td:first-child {
	font-weight: 700;
}
table.specs tr:hover td {
	background-color: #EBEBEB;
}
table.specs th {
	background-color: #dddddd;
	text-align: left;
	font-weight: 700;
	padding-left: 10px;
	border-bottom: thin solid silver
}
/* --------------------end spec table  --------------------------------------*/
/*----*****---- << Definition Lists >> ----*****----*/

/*dl {
	margin: 0px 20px;
}
dl.gallery-item {
	margin: 0px;
}
.gallery-caption {
	margin-bottom: 10px;
}
dt {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}
dd {
	margin-bottom: 20px;
	line-height: 20px;
}*/
/*----*****---- << Buttons >> ----*****----*/
.button {
	display: inline-block;
	display: inline;
	zoom: 1;
	margin: 10px 0px 0px;
	cursor: pointer;
	border-radius: 5px;
	behavior: url(PIE.htc);
}
.button:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
/*.button.small {
	padding: 5px 15px 6px;
	font-size: 13px;
}
.button.medium {
	padding: 9px 22px 10px;
	font-size: 16px;
}
.button.large {
	padding: 11px 26px 13px;
	font-size: 20px;
}
.button.xlarge {
	padding: 14px 30px 16px;
	font-size: 24px;
}
.button.light-grey:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.button.heart-icon span {
	padding: 6px 0 4px 27px;
	display: block;
}
.button.rss-icon span {
	padding: 6px 0 4px 23px;
	display: block;
}
.button.mail-icon span {
	padding: 6px 0 4px 26px;
	display: block;
}
.button.refresh-icon span {
	padding: 6px 0 4px 24px;
	display: block;
}
.button.zoom-icon span {
	padding: 6px 0 4px 23px;
	display: block;
}
.button.download-icon span {
	padding: 6px 0 4px 24px;
	display: block;
}
.button.delete-icon span {
	padding: 6px 0 4px 23px;
	display: block;
}
.button.warning-icon span {
	padding: 6px 0 4px 24px;
	display: block;
}
.button.chat-icon span {
	padding: 6px 0 4px 24px;
	display: block;
}
.button.star-icon span {
	padding: 6px 0 4px 23px;
	display: block;
}
.button.heart-icon, .button.rss-icon, .button.mail-icon, .button.refresh-icon, .button.zoom-icon, .button.download-icon, .button.delete-icon, .button.warning-icon, .button.chat-icon, .button.star-icon {
	padding: 0px 15px 0px 10px;
	line-height: 20px;
}*/
input.button {
	overflow: visible; /* remove padding from left/right */ width: auto !important;
}
/*----*****---- << Forms >> ----*****----*/
label {
	font-size: 14px;
}
fieldset {
	padding: 15px;
	margin: 0 0 20px 0;
	background-color: #3A3D3E
}
legend {
	font-weight: bold;
}
form p {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 0px;
}
input[type=text], input[type=password], input[type=email], input.text, textarea {
	padding: 10px;
	display: block;
	font: normal 12px Tahoma, Geneva, sans-serif;
}
input[type=text], input[type=password], input[type=email], input.text {
	width: 51%;
}
textarea {
	width: 82%;
	height: 120px;
}
select {
	padding: 10px 25px 10px 10px;
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	border-radius: 5px;
	behavior: url(PIE.htc);
}
.content input[type=text], .content input[type=password], .content input[type=email], .content input.text, .content textarea {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	border-radius: 5px;
}
input[type=submit] {
	padding: 6px 15px 7px;
	display: inline-block;
	display: inline;
	zoom: 1;
	margin: 10px 0px 0px;
	font: normal 13px;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	overflow: visible;
	transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	border-radius: 5px;
	behavior: url(PIE.htc);
}
input[type=submit]:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
input[type=text], input[type=email], input[type=password], input.text, textarea, select {
	margin: 5px 0 10px;
}
/* from red.css july 2019 */
label {
	color: #6a6a6a;
}
label span.required {
	color: #ff0000;
}
fieldset {
	border: 1px solid #efefef;
}
input[type=text], input[type=email], input[type=password], input.text, textarea {
	background: #f1efef url(../images/textbox-bg.jpg) repeat-x;
	border: 1px solid #d8d8d8;
	color: #4e4635;
}
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input.text:focus, textarea:focus {
	border-color: #c1c1c1;
}
select {
	background: #f1efef url(../images/textbox-bg.jpg) repeat-x;
	border: 1px solid #d8d8d8;
}
/*----*****---- << Images >> ----*****----*/
/*.content {
	max-width: 100%;
}
.post-content input[type="submit"] {
	float: none;
}
.wp-caption {
	margin-bottom: 20px;
	max-width: 96%;
	padding: 10px 0px 10px 10px;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.wp-caption {
	border: none;
}
.wp-caption a {
	line-height: 0;
	display: block;
	width: 100%;
}
.wp-caption .wp-caption-text {
	text-align: center;
	padding-top: 10px;
	margin: 0px;
}*/
.size-auto, .size-large, .size-full, .size-medium {
	max-width: 99.6%;
	height: auto;
}
.alignleft, .alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
}
.alignright, .alignright {
	display: inline;
	float: right;
	margin-left: 20px;
}
.aligncenter, .aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft, .alignright, .aligncenter, .alignnone, .alignleft, .alignright, .aligncenter {
	margin-bottom: 15px;
}
/*----*****---- << Columns >> ----*****----*/
.column {
	margin: 0px 2% 0px 0px;
	float: left;
	min-height: 1px;
	position: relative;
}
.column.last {
	margin-right: 0px;
}
.one-fourth {
	width: 23.4%;
}
.one-half {
	width: 48.9%;
}
.one-third {
	width: 31.9%;
}
.three-fourth {
	width: 74.5%;
}
.two-third {
	width: 65.8%;
}
.one-fifth {
	width: 18.3%;
}
.four-fifth {
	width: 79.6%;
}
.three-fifth {
	width: 59.2%;
}
.two-fifth {
	width: 38.8%;
}
.one-half, .one-third, .one-fourth, .three-fourth, .two-third {
	max-width: 100%;
}
.one-half, .one-third, .one-fourth, .three-fourth, .two-third {
	max-width: 100%;
}
/*----*****---- << Lists >> ----*****----*/
ul.green-arrow, ul.check-list, ul.rounded-arrow, ul.rounded-check {
	list-style-type: none;
	list-style-position: outside;
}
ul.green-arrow li {
	display: block;
	padding-left: 22px;
}
ul.check-list li {
	display: block;
	padding-left: 22px;
}
ul.rounded-arrow li {
	display: block;
	padding-left: 20px;
}
ul.rounded-check li {
	display: block;
	padding-left: 20px;
}
/*----*****---- << Widgets >> ----*****----*/
.widget {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px 0px 20px;
}
.widget h2.widgettitle {
	font-size: 18px;
}
.widget ul {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
}
.widget ul li {
	float: left;
	clear: both;
	display: block;
	width: 100%;
}
.widget ul ul {
	margin-top: 10px;
	margin-left: 20px;
}
.widget ul ul li {
	width: 90%;
}
.widget_categories ul li {
	position: relative;
	float: none;
}
.widget_categories ul li a {
	font-size: 14px;
	padding: 12px 0px 12px 23px;
	display: block;
}
.widget_categories ul li a span {
	position: absolute;
	right: 0px;
}
.widget ul.contact-details li p {
	margin: 0px;
}
.widget ul.contact-details span {
	text-align: center;
	float: left;
	margin: 0px 2% 0px 0px;
	width: 10%;
}
.widget ul.contact-details p {
	float: left;
	margin-bottom: 0px;
	width: 87%;
}
.widget .thumb {
	padding: 3px 4px 4px;
}
.widget .thumb {
	float: left;
	margin: 2px 10px 10px 0px;
}
.widget.widget_recent_entries h6, .widget.widget_popular_entries h6 {
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	font-family: Tahoma, Geneva, sans-serif;
	margin-bottom: 5px;
}
.widget.widget_recent_entries p, .widget.widget_popular_entries p {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 0px;
}
.widget.widget_recent_entries li, .widget.widget_popular_entries li {
	float: left;
	display: block;
	clear: both;
	padding: 0px 0px 10px;
}
.widget.widget_recent_entries li:last-child, .widget.widget_popular_entries li:last-child {
	padding-bottom: 0px;
}
/*----*****---- << Layout >> ----*****----*/
/*----*****---- << Container >> ----*****----*/
.container {
	width: 1000px;
	margin: 0 auto;
}
/*----*****---- << Header >> ----*****----*/
#header {
	min-height: 92px;
	width: 100%;
	float: left;
	background-color: #191B1D;
}
#logo {
	float: left;
	margin: 5px 0px 0px;
}
#logo img {
	border: none;
}  /* for IE */
#print-logo {
	display: none;
} /* 6/6/16 ceg this div used by print-style.css */
/*.social-icons {
	float: left;
	margin: 32px 20px 10px 0px;
	padding: 0px;
}
.social-icons a {
	float: left;
	margin: 0px 5px;
	padding: 0px;
	width: 30px;
	height: 30px;
	transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-webkit-transition: all .3s linear;
}*/
#searchform {
	float: left;
	margin: 28px 0px 0px;
	padding: 0px;
	background: #610000;
	border: none;
}
#searchform fieldset {
	padding: 0px;
	border: none;
	margin: 0px;
}
#searchform input[type="text"] {
	color: #feffff;
	background: none;
	border: none;
	float: left;
	font-size: 11px;
	text-transform: uppercase;
	/*	font-weight:bold;*/
	/*	padding:11px 10px 12px 15px; *             testing  11/19/2018    */
	padding: 11px 0px 12px 15px;
	margin: 0px;
	width: 125px;
	transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#searchform input[type="text"]:hover, #searchform input[type="text"]:focus {
	width: 200px;
}
#searchform input[type="submit"] {
	float: right;
	cursor: pointer;
	border: none;
	margin: 6px 6px 0px 0px;
	padding: 0px;
	width: 22px;
	height: 22px;
	position: relative;
	z-index: 9999;
	background: url(../images/search-ico.png) no-repeat;
}
/*----*****---- << Menu >> ----*****----*/
#top-menu {
	background-color: #0C7990;
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 52px;
	position: relative;
	z-index: 9999;
}
ul.menu {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
ul.menu li {
	background: #0C7990;
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	height: 52px;
	position: relative;
}
ul.menu li a {
	text-shadow: none;
	text-decoration: none;
	float: left;
	font-size: 16px;
	line-height: 52px;
	text-transform: uppercase;
	padding: 0px 27px;
	position: relative;
	z-index: 1;
	transition: none;
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	border-bottom: none;
	color: #ffffff;
	font-weight: 500;
	letter-spacing: .8px;
}
ul.menu li.home a {
	width: 31px;
	height: 31px;
	margin: 0px;
	padding: 11px 15px 10px;
	font-size: 0;
	text-align: center;
}
ul.menu li:last-child {
	border: none;
}
ul.menu li.home li a {
	text-align: left;
}
ul.menu li .hoverL, ul.menu li .hoverR {
	background: #009EB8;
	opacity: 0;
	filter: alpha(opacity=0);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
ul.menu li.current_page_item .hoverL, ul.menu li.current_page_item .hoverR, ul.menu li:hover .hoverL, ul.menu li:hover .hoverR {
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	opacity: 1;
	filter: alpha(opacity=100);
}
ul.menu li ul {
	background: #0C7990;
	border: 2px solid #009EB8;
	display: none;
	position: absolute;
	z-index: 9999;
	top: 52px;
	left: 0px;
	width: 300px;
	padding: 0px;
	margin: 0px;
}
ul.menu li ul li, ul.menu li.home ul li {
	height: auto;
	border-right: 0px;
	clear: both;
	width: 100%;
}
ul.menu li ul li a, ul.menu li.home ul li a {
	/*font-size: 14px;*/
	line-height: normal;
	line-height: 20px;
	padding: 10px 15px 9px;
	width: 280px;
	font-weight: 600;
	text-transform: none;
}
ul.menu li.home ul li a {
	background: none;
	height: auto;
}
ul.menu li ul li.current_page_item, ul.menu li ul li:hover {
	behavior: url(PIE.htc);
	background: #009EB8;
}
ul.menu li ul ul {
	left: 200px;
	top: -2px;
}
ul.menu-rounded li {
	border: none;
	margin: 10px 5px 10px;
	height: 32px;
	border-radius: 20px;
	behavior: url(PIE.htc);
}
ul.menu-rounded li a {
	line-height: 32px;
	text-shadow: none;
	padding: 0px 23px;
	font-size: 13px;
}
ul.menu-rounded li.home.current_page_item {
	background: none;
}
ul.menu-rounded li.home {
	margin: 0px;
}
ul.menu-rounded li.home, ul.menu-rounded li.home:hover {
	background: none;
}
ul.menu-rounded li.home ul {
	top: 52px;
}
ul.menu-rounded li.hasSubmenu:hover {
	border-radius: 20px 20px 0px 0px;
}
ul.menu-rounded li ul {
	top: 32px;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0px 20px 20px 20px;
	behavior: url(PIE.htc);
}
ul.menu-rounded li ul li {
	margin: 0px;
	border-radius: 0px;
	border: none;
}
ul.menu-rounded li ul li a {
	padding: 12px 15px 12px;
	font-weight: normal;
}
ul.menu-rounded li ul ul {
	border-radius: 20px;
	top: 0px;
	behavior: url(PIE.htc);
}
/*----*****---- << Main >> ----*****----*/
#wrapper {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#main {
	float: left;
	width: 100%;
	clear: both;
	margin: 0px;
	/*padding: 10px 0px 40px;*/
	padding: 10px 10px 40px 10px; /*test 10/14/2020 to keep text from hitting edge at 770 px viewport*/
	min-height: 300px;
}  /* changed from 75px to 40px experimental 4/13/16 CEG */
.home #main {
	padding: 10px 0px 75px;
}
.content {
	width: 675px;
	float: left;
	margin: -30px 0px 0px;
	padding: 30px 30px 0px 0px;
	position: relative;
}
/*.inner-with-sidebar {
	position: absolute;
	right: 0px;
	bottom: -35px;
	width: 54px;
	height: 60px;
	z-index: -1;
}*/
.content.content-full-width {
	width: 100%;
	padding: 0px;
	margin: 0px;
	background: none;
}
/*.sidebar {
	width: 235px;
	float: left;
	position: relative;
	margin: -30px 0px 0px;
	padding: 30px 0px 60px 20px;
}
.inner-sidebar {
	bottom: -25px;
	height: 60px;
	position: absolute;
	right: 0;
	width: 257px;
}
.content.with-left-sidebar {
	float: right;
	padding: 30px 0px 0px 30px;
}
.content.with-left-sidebar .inner-with-sidebar {
	left: 0px;
	right: inherit;
}
.sidebar.left-sidebar {
	width: 255px;
	padding-left: 0px;
}
.sidebar.left-sidebar .inner-sidebar {
	left: 0;
	right: inherit;
}*/
/*----*****---- << Content >> ----*****----*/
/*----*****---- << 404 >> ----*****----*/
.errorpage-info {
	float: left;
	width: 100%;
	text-align: center;
}
.errorpage-info h2 {
	font-size: 72px;
	margin-bottom: 10px;
	line-height: normal;
}
.errorpage-info h3 {
	font-size: 24px;
	text-transform: none;
	margin-bottom: 20px;
}
.errorpage-info h4 {
	font-size: 20px;
	text-transform: none;
}
/*----*****---- << Team >> ----*****----*/
.contact-info {
	font-size: 16px;
	line-height: 28px;
	font-style: italic;
	margin-bottom: 30px;
}
.main-contact-details {
	float: left;
	clear: both;
	margin: 15px 0px 0px;
	width: 96%;
	padding: 15px 2% 10px;
}
.main-contact-details ul.contact-details {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
}
.main-contact-details ul.contact-details li {
	float: left;
	width: 47%;
	margin: 0px 1% 10px;
	display: inline;
	padding: 0px;
}
.main-contact-details ul.contact-details li p {
	margin: 0px;
}
.main-contact-details ul.contact-details span {
	text-align: center;
	float: left;
	margin: 4px 2% 0px 0px;
	width: 10%;
}
.main-contact-details ul.contact-details p {
	float: left;
	margin-bottom: 0px;
	width: 87%;
}
.main-contact-details ul.contact-details li a:hover {
	text-decoration: underline;
}
.main-contact-details ul.contact-details span.address {
	height: 16px;
}
.main-contact-details ul.contact-details span.mail {
	height: 14px;
}
.main-contact-details ul.contact-details span.phone {
	height: 19px;
}

.one-third .main-contact-details ul.contact-details li {
	width: 98%;
}
.two-third textarea {
	width: 96.5%;
}
.one-third input[type="text"] {
	width: 89%;
}
p.one-third {
	clear: none;
}
.error-container {
	font-size: 14px;
	color: #ff0000;
	text-shadow: none;
	margin: 10px 0px 0px;
	float: left;
	clear: both;
	width: 100%;
}
.error {
	border: 1px solid #ff0000 !important;
}
.styled-elements .column h2 {
	margin-bottom: 15px;
}
.styled-elements .button {
	margin-right: 12px;
}
/* Highlight */
.highlight {
	padding: 0px 5px;
	margin: 0px 5px 0px 0px;
}
/* Standard Toggle */
h5.toggle, h5.toggle-accordion {
	margin-bottom: 10px;
	padding: 0px 0px 0px 25px;
	line-height: 25px;
	clear: both;
	position: relative;
}
h5.toggle a, h5.toggle-accordion a {
	display: block;
	text-decoration: none;
}  /* removed underline 12/5/16 ceg */
/* FAQ Toggle - because regular toggles don't handle overflow - experimental 4/18/17 CEG*/
p.toggle, p.toggle-accordion {
	margin-bottom: 10px;
	padding: 0px 0px 0px 25px;
	clear: both;
	position: relative;
}
p.toggle a, p.toggle-accordion a {
	display: block;
	text-decoration: none;
}
@media screen {
	.toggle-content {
		display: none;
	}
}
@media print {
	.toggle-content {
		display: block;
		overflow: visible;
	}
}
.toggle-content table {
	border-left: none;
	border-right: none;
}
.toggle-content {
	clear: both;
	margin: 0px 0px 20px 25px;
	overflow: hidden;
}
.toggle-content p {
	margin: 10px;
	font-size: 17px;
	text-align: left;
}  /* changed margin:0 to margin:10px 12/5/16 ceg */
.toggle-content ul li {
	margin-left: -20px;
} /*added 10/16/2017 CEG for accordions */
.toggle-content ul li ul li {
	margin-left: 0px;
} /*added 11/6/2017 CEG for second-level bullets in accordions */
.toggle-content td {
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
}
.toggle-content th {
	border-right: none;
}
.toggle-content td:last-of-type {
	border-right: none;
}
.toggle-content .alignleft {
	margin-top: 5px;
}
.toggle-frame-set {
	float: left;
	width: 100%;
	margin: 0px 0px 20px;
}
.toggle-frame, .toggle-frame-faq {
	float: left;
	clear: both;
	margin: 0px 0px 3px 0px;
	width: 95.5%;
	padding: 9px 10px 6px;
	font-size: 14px;
	border-radius: 5px;
	behavior: url(PIE.htc);
}
.toggle-frame h5 {
	margin: 0px;
	opacity: 1;
	filter: alpha(opacity=20);
}
.toggle-frame-faq h5 {
	margin: 0px;
	opacity: 1;
	filter: alpha(opacity=20);
}
.toggle-frame .toggle-content {
	margin: 20px 0 15px 0px;
}
/* Standard Toggle - keep for FAQ pages. Jun 2019 */
h5.toggle, h5.toggle-accordion {
	background: url(../images/toggle-icon.png) left 3px no-repeat;
}
h5.toggle.active, h5.toggle-accordion.active {
	background: url(../images/toggle-icon-active.png) left 3px no-repeat;
}
.toggle-frame {
	color: #000000;
	border: 1px solid #D0D0D0;
	text-shadow: 0px 1px 0px #ffffff;
	background: #fafafa;
}
.toggle-frame h5 a {
	color: #000000;
	border-bottom: none;
}
.toggle-frame h5 a:hover {
	color: #ff0000;
}
.toggle-frame-faq h5 a {
	color: #000000;
	font-size: 17px;
}
.toggle-frame-faq h5 a:hover {
	color: #05BEB5;
	text-decoration: underline;
}
.toggle-frame-faq:hover {
	background: white;
}
.toggle-frame-faq.active {
	background: white;
	border: thin solid silver;
}
.toggle-frame-faq .toggle-content {
	margin: 20px 0 15px 10px;
}
.tooltip a {
	background: #E5E5E5;
	color: #5A5A5A;
	padding: 10px 20px;
	width: 82%;
	text-align: center;
	float: left;
	margin: 10px 0px 0px;
}
.tooltip a:hover {
	background: #4C4C4C;
	color: #FFFFFF;
	text-shadow: 0 1px 0 #0E4B6E;
}
/*  tip-tip stuff was here. Deleted 6/7/19. 

*/
/*----*****---- << Sitemap >> ----*****----*/
ul.sitemap {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
ul.sitemap li a:hover {
	text-decoration: underline;
}
/*----*****---- << Features >> ----*****----*/
.side-nav-container {
	margin: 0px 30px 0px 0px;
	padding: 60px 0px 0px;
	float: left;
	width: 22%;
}
.side-nav-bottom {
	width: 100%;
	height: 78px;
	float: left;
	clear: both;
	margin: -30px 0px 0px;
}
ul.side-nav {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
ul.side-nav li {
	float: left;
	clear: both;
	display: block;
	padding: 0px;
	margin: -60px 0px 60px;
	width: 100%;
	position: relative;
}
ul.side-nav li a {
	line-height: 16px;
	width: 100%;
	float: left;
	padding: 14px 0px;
	margin: 0px 0px 2px;
}
ul.side-nav li.current_page_item a span {
	width: 19px;
	height: 44px;
	top: 0px;
	right: -19px;
	position: absolute;
}
.main-content {
	float: left;
	width: 74%;
}
/*----*****---- << Footer >> ----*****----*/
#footer {
	float: left;
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.footer-bg {
	margin: 0px;
	padding: 20px 0px 0px;
	float: left;
	width: 100%;
}
#footer p, #footer a, #footer .widget.tweetbox span {
	font-size: 15px;
	line-height: 18px;
}
#footer .widget ul li {
	padding: 10px 0px;
}
#footer .widget ul li:last-child {
	border-bottom: 0px;
}
#footer .widget.tweetbox a:hover {
	text-decoration: underline;
}
#footer .widget .social-icons {
	margin: 0px;
}
#footer .widget .social-icons a {
	margin: 0px 10px 10px 0px;
}
#footer .widget ul.contact-details span.address {
	height: 18px;
}
#footer .widget ul.contact-details span.mail {
	height: 18px;
}
#footer .widget ul.contact-details span.phone {
	height: 18px;
}

#footer .widget ul.contact-details li p {
	width: 87%;
}
.widget .testimonial-carousel li {
	clear: none;
}
#footer-container {
	display: block;
	position: relative;
}
#footer .widget ul.testimonial-carousel li, #footer .widget ul.testimonial-carousel {
	border: 0px;
	padding: 0px;
}
#footer .widget blockquote {
	padding: 0px 0px 0px 20px;
	margin: 0px;
	border: 0px;
	width: 85%;
}
#footer .widget blockquote p {
	font-size: 12px;
	line-height: 18px;
}
#footer .widget blockquote p span {
	margin: 25px 0px 0px -20px;
	clear: both;
	float: left;
	width: 100%;
	text-shadow: none;
	font-style: normal;
}
#footer .widget blockquote p span {
	float: left;
	margin: -5px 10px 10px 0px;
}
#footer .widget form {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#footer .widget form p {
	float: left;
	margin: 0px 0px 7px;
	clear: both;
	width: 100%;
}
#footer .widget form input[type="text"], #footer .widget form textarea {
	padding: 7px;
	float: left;
	width: 55%;
	margin: 0px 4% 0px 0px;
	border-radius: 5px;
	behavior: url(PIE.htc);
}
#footer .widget form textarea {
	width: 92%;
	height: 88px;
}
#footer .widget form label {
	width: 33%;
	float: right;
	font-size: 13px;
}
#footer .widget form input[type="submit"] {
	font-size: 13px;
	cursor: pointer;
	text-transform: none;
	padding: 6px 10px;
	margin: 5px 0px 0px;
	border-radius: 5px;
	behavior: url(PIE.htc);
}
#footer .widget form input[type="submit"]:hover {
	border-radius: 5px;
	behavior: url(PIE.htc);
}
.footer-copyright {
	float: left;
	clear: both;
	width: 100%;
	padding: 10px 0px 15px;
	margin: 0px;
}
.footer-copyright .copyright-content {
	float: left;
	margin: 0px 5% 0px 0px;
	padding: 0px;
	width: 65%;
}
.footer-copyright ul {
	margin: 10px 0px 0px -10px;
	padding: 0px;
	float: left;
	width: 100%;
}
.footer-copyright ul li {
	float: left;
	display: inline;
	margin: 0px 0px 10px;
	padding: 0px;
}
.footer-copyright ul li a {
	font-size: 12px;
	text-shadow: none;
	padding: 0px 10px;
	float: left;
	line-height: 12px;
}
.footer-copyright ul li:last-child {
	border: none;
}
.footer-copyright p {
	font-size: 12px;
	text-shadow: none;
	float: left;
	clear: both;
	width: 100%;
	margin: 0px;
}
.footer-logo {
	float: right;
	width: 30%;
	text-align: right;
	margin: 5px 0px 0px;
	padding: 0px;
}
.footer-copyright.align-center {
	padding: 20px 0px;
}
.footer-copyright.align-center .container {
	position: relative;
}
.footer-copyright.align-center .copyright-content {
	width: 100%;
	text-align: center;
}
.footer-copyright.align-center .social-icons {
	text-align: center;
	margin: 15px 0px 0px;
}
.footer-copyright.align-center .social-icons {
	display: inline-block;
	display: inline;
	zoom: 1;
	text-align: center;
	float: none;
}
.footer-copyright.align-center .footer-logo {
	position: absolute;
	right: 0px;
	top: 10px;
}
/*----*****---- << Footer >> ----*****----*/
#footer {
	/*background: #ab1313 url(../images/footer-gradient.png) bottom repeat-x;*/
	color: #ffffff;
	-webkit-box-shadow: inset 0px 15px 15px -8px #610a0a;
	-moz-box-shadow: inset 0px 15px 15px -8px #610a0a;
	box-shadow: inset 0px 15px 15px -8px #610a0a;
}
.footer-bg {
	background-color: #00525F;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer p, #footer a, #footer span {
	color: #ffffff;
	text-shadow: 0px 1px 0px #191B1D;
}
#footer a:hover {
	color: #04ECEC;
}
#footer .widget ul {
	border-top: 1px solid #009EB8;
}

#footer .widget ul.contact-details span.address {
	background: url(../images/address-ico.png) center no-repeat;
}
#footer .widget ul.contact-details span.mail {
	background: url(../images/mail-ico.png) center 2px no-repeat;
}
#footer .widget ul.contact-details span.phone {
	background: url(../images/phone-ico.png) center no-repeat;
}


.footer-copyright {
	background: #191B1D;
}
.footer-copyright ul li {
	border-right: 1px solid #006878;
}
.footer-copyright ul li a {
	color: #ABABAB;
	border: none;
}
.footer-copyright ul li a:hover {
	color: #ffffff;
}
.footer-copyright p {
	color: #ABABAB;
}
.videocontent {
	clear: both;
	/* width:80%; 
	max-width:840px; */
	text-align: center;
}

.shadow {
	-moz-box-shadow: 5px 5px 5px 3px #ccc;
	-webkit-box-shadow: 5px 5px 5px 3px #ccc;
	box-shadow: 5px 5px 5px 3px #ccc;
	margin-right: 10px;
	margin-bottom: 7px;
}
.outline {
	border: solid thin #999;
}
figure {
	display: block;
	margin: 0px 10px 10px 0;
}
figcaption {
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
	font-style: italic;
	font-weight: 400;
	text-align: left;
	margin: auto;
}
/* added 11/7/16 CEG */
p {
	/* max-width:800px;  */
}
p.one:first-line {
	color: rgba(0, 104, 120, 1.00);
	font-size: 18px;
	font-weight: bold;
}
.limit-width {
	max-width: 900px;
}
/*p span {
	font-size: 20px;
	font-weight: 900;
	font-variant: small-caps;
}*/
.floatleft {
	margin-right: 15px;
	float: left;
	border: 1px solid silver;
}
iframe {
	border: none;
	width: 425px;
	height: 350px;
	margin: 0;
}
#asap-ii-figure {
	margin-right: 55px;
}
#ri-map {
	display: none;
}
/* added 12/21/16 testing for auto-resizing images for small screens */

img {
	display: block; 
	margin: auto; 
	max-width: 100%;
} 

/* added this for when you need to override the default centering in the previous rule. 1/20/17 ceg */
img.left {
	margin-left: 0;
}
/* 12/21/16 end small screen code */
img.thinborder {
	border: 1px solid #666
}
p.indent {
	margin-left: 20px;
}
/* this makes a div adjust to fit contents even if it contains floated elements. */
.clearfix::before, .clearfix::after {
	content: " ";
	display: table;
}
.clearfix::after {
	clear: both;
}
.has-gallery {
	position: absolute;
	content: url(../images/photo-gallery-icon2.png);
	top: 0px;
	left: 0px;
	z-index: 2;
}
input[type="checkbox"] {
	height: 25px;
	width: 25px;
	vertical-align: -4px;
}
.nobr {
	white-space: nowrap;
}
.spec-disclaimer {
	text-align: center !important;
	padding-top: 5px;
	padding-bottom: 5px;
	font-style: italic;
}
.news {
	background-color: white;
	padding: 0 15px 15px 20px;
	border: thin solid lightgray;
	margin-bottom: 50px;
	/*	-webkit-box-shadow:5px 5px 5px #D3D3D3;	
	-mozkit-box-shadow:5px 5px 5px #D3D3D3;
	box-shadow:5px 5px 5px #D3D3D3;
	*/
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 0 0 3px rgba(0, 0, 0, 0.04);
	-mozkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 0 0 3px rgba(0, 0, 0, 0.04);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 0 0 3px rgba(0, 0, 0, 0.04);
}
.news h1 {
	background-color: #3668CF;
	font-family: roboto, arial, helvetica, sans-serif;
	color: white;
	font-size: 16px;
	text-transform: all-caps;
	padding: 0 20px 0 20px;
	margin: 0 -16px 15px -20px;
	font-weight: lighter;
	letter-spacing: 1px;
}
.news h2 {
	color: darkred;
	text-transform: none;
	margin-top: 8px;
	margin-bottom: 5px;
}
.news h3 {
	color: #6B6B6B;
	font-size: 16px;
	font-weight: 100;
	margin-top: 5px;
}
.news p {
	color: #6c6c6c;
}
.arrowdiv {
	clear: both;
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 10px solid #037F93;
	margin-right: 6px;
	margin-bottom: -2px;
	margin-left: 1px;
}
.recaptcha-padding {
	margin-top: 10px;
}
#download-quote-print-bar {
	font-weight: 600;
}
/* This class allows the submit button to be positioned in front of the g-recaptcha iFrame so the submit button can work on forms. 5/25/18 */
.recaptcha-submit {
	position: relative;
	width: 150px;
	z-index: 99;
}
.product-feature {
	/*background-color: white; */
	margin-bottom: 10px;
}
.product-feature h2, .product-feature h3, .product-feature p {
	margin: 10px 10px 10px 15px;
}
.tagline {
	width: 100%;
	font-size: 44px;
	/* border-bottom: thin solid silver; */
	margin: 15px 15px 30px 0;
}
.tagline:nth-last-of-type(1) {
	margin-right: 0;
}
.super {
	vertical-align:super;
	font-size: .5em;
}
ul.splitcol {
	margin: 0;
}
table.order_form {
	border-top: thin solid silver;
}
table.order_form td {
	border-bottom: thin solid silver;
}
/*  ----------------------------------------------- custom checkmarks ---------------------------------- */
label.checkbox input[type="checkbox"] {
	display: none;
}
/* default appearance before user interaction.  */
label.checkbox span {
	display: inline-block;
	border: 2px solid #B7B7B7;
	border-radius: 6px;
	width: 25px;
	height: 25px;
	background: #eee;
	vertical-align: middle;
	margin: 3px;
	position: relative;
	transition: width 0.1s, height 0.1s, margin 0.1s;
}
/* after they've checked it and moused-out. */
label.checkbox :checked + span {
	background: #109cbc; /* #0e89a4;*/
	border: 2px solid #109cbc;
	width: 27px;
	height: 27px;
	margin: 2px;
}
label.checkbox :checked + span:after {
	content: '\2714';
	font-size: 22px;
	font-weight: 700;
	position: absolute;
	top: -2px;
	left: 5px;
	color: white;
}
label.checkbox :checked + span:hover {
	background-color: #0c758d;
	border: 2px solid #0c758d;
}
/* Unchecked with hover.   */
label.checkbox span:hover {
	background-color: #DDD;
}
/*  ----------------------------------------------- End of custom checkmarks ---------------------------------- */
figure.op-details {
	width: inherit;
	background-color: white;
	padding: 25px;
	margin: 0;
	border: thin solid silver;
}
li.home {
	padding-bottom: 0;
	line-height: 24px;
}

.featured a {
	display:block;
	margin-right: 20px;
	
}
.featured a div {
	background-color: white;
	height: 400px;
	width: 320px;
	
	overflow:hidden;
	
}
.featured a:nth-last-child(1) {
	margin-right: 0;
}
/*
.featured h3, .featured p, .featured a {
	color: white
}
*/.featured h3 {
	margin-top: 10px;
	text-align:center;
	
}
.featured a:hover {
	color: #07F8EC
}
/* fancy ordered lists */
ol.circles-list {
	list-style-type: none;
	margin: 0;
	margin-left: 4em;
	padding: 0;
	counter-reset: li-counter;
}
ol.circles-list > li {
	position: relative;
	margin-bottom: 20px;
	padding-left: 0.5em;
	padding-bottom: 0;
	min-height: 3em;
	font-weight: 600;
}
ol.circles-list > li:before {
	position: absolute;
	top: -10px;
	left: -1.33em;
	width: 1.2em;
	height: 1.2em;
	font-size: 2.0em;
	line-height: 1.0;
	text-align: center;
	color: #f5f5f5;
	border: 1px solid #0C7990;
	border-radius: 50%;
	background-color: #0C7990;
	content: counter(li-counter);
	counter-increment: li-counter;
}
/* used in spec tables or anywhere you don't want the default indent. also removes top/bottom margins */
.no-indent-list {
	margin: 0 0 0 20px;
	padding-left: 0;
}
/* for operational Details pages to give a background for figures */
.figure-bg {
	background-color: white;
	padding: 30px 10px 20px 15px;
	border: thin solid silver;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: table;
}
.figure-bg-small {
	text-align: center;
	background-color: white;
	padding: 10px 10px 10px 10px;
	border: thin solid silver;
	width: auto;
	height: 100%;
	display: table;
}
.figure-bg2 {
	background-color: white;
	padding: 30px 10px 20px 15px;
	border: thin solid silver;
	height: 100%;
	overflow: hidden;
	display: table;
}

/* for product landing page thumbnails */
.card {
	position: relative;
	background-color: white;
	padding-bottom: 8px;
	border: thin solid white;
	transition: border-radius .2s;
	
}
.card img {
	width: 250px;
	height: 400px;
	transition: transform .2s;
	margin: 0 auto;
}
.card p, h2, h3 {
	
	transition: transform .2s;
	margin: 0 auto;
}

.card h1, .card h2, .card h3, .card p {
	margin: 0 8px 0 8px;
}


/*.card:hover p {
	color: rgba(120, 104, 120, 1.00);
	background-color: rgba(240, 255, 255, .5);
	border-bottom: thin solid #03BCC5;
}
.card:hover h2 {
	color: rgba(0, 104, 120, 1.00);
	background-color: rgba(240, 255, 255, .5);
	border-top: thin solid #03BCC5;
}
.card:hover h3 {
	color: rgba(0, 104, 120, 1.00);
	background-color: rgba(240, 255, 255, .5);
}*/
.card:hover {border-radius:18px;}
.card:hover img {
	transform: scale(1.05);
}
.card:hover p {
	transform: translateY(-10px);
}
.card:hover h2 {
	transform: translateY(-10px);
}
.card:hover h3 {
	transform: translateY(-10px);
}

/*.card:hover p {
	color: rgba(0, 104, 120, 1.00);
	background-color: rgba(240, 255, 255, .5);
	border-bottom: thin solid #03BCC5;
}
.card:hover h2 {
	color: rgba(0, 104, 120, 1.00);
	background-color: rgba(240, 255, 255, .5);
	border-top: thin solid #03BCC5;
}
.card:hover h3 {
	color: rgba(0, 104, 120, 1.00);
	background-color: rgba(240, 255, 255, .5);
}*/


/* for home-page product category clickable boxes */
.card-home {
	position: relative;
	display:block;
	background-color: white;
	margin-right:2%;
	overflow: hidden;
}

.card-home div {
	position:relative;
	height:100px;
	background-color:white; 
	z-index:20;
	padding:10px;
	
}
.card-home img {
	transition: transform .2s;
	margin: 0 auto;
	
}
.card-home img:hover {
	transform: scale(1.05);
	
}

.card-home h1, .card-home h2, .card-home h3, .card-home p {
	margin: 10px;
}
/*
.card-home h2 {
	border-top: thin solid white;
}
.card p {
	border-bottom: thin solid white;
}
*/

.card-home:hover h2 {
	color: rgba(0, 104, 120, 1.00);
	background-color: rgba(240, 255, 255, .5);
	border-top: thin solid #03BCC5;
}
.card-home:hover h3 {
	color: rgba(0, 104, 120, 1.00);
	background-color: rgba(240, 255, 255, .5);
}

span.attention {color:rgba(0, 104, 120, 1.00); font-weight:bold;}
.prod-compare {
	width: 80%;
	margin: auto;
	background-color: #006f80;
	border-radius: 25px;
	color: white;
	font-size: 20px;
	font-weight: 700;
	padding: 50px 0 50px 0;
}
#related-links {
	font-weight: 700;
	line-height: 1.5em;
}
.prod-cat {
	background-color:#0C7990;
	height:100px;
}
.prod-cat h3 {
	color:white;
	text-align:center;
	margin: 0;
	padding:0;
		
}