/*
** Flux WebApp - BlueTube, Inc. 2014
*/

/* Reset Foundation Styles */
body { -webkit-overflow-scrolling: touch; font-family: 'Open Sans', 'sans-serif' !important; -webkit-font-smoothing: antialiased; background: url('../img/liquid_fade.jpg') no-repeat; background-size:cover; margin-bottom: 0px; }
.fullwidth { padding-left:0 !important; padding-right:0 !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; max-width: initial !important; }
.centerme { max-width:1000px; margin-left:auto; margin-right:auto; }
.move-right .exit-off-canvas, .left-off-canvas-menu { z-index:0; }
.tab-bar-section.middle { left: 5.8125rem; right: 5.8125rem; }
#__AjaxAntiForgeryForm { margin: 0; }

/* Navigation and Off-Canvas */
nav.tab-bar { background:#e61927 !important; height:55px; }
nav.tab-bar section.left-small { height: 3.4rem; border-right:none; }
nav.tab-bar section.left-small a.menu-icon { height: 3.4rem; position: inherit; display: -webkit-inline-box; }
nav.tab-bar section.left-small a.menu-icon span.menu.icon { margin-top: 6px; text-transform: uppercase; font-size:16px; line-height:18px; font-weight:bold; }
nav.tab-bar section.middle a .logo { margin: 10px auto; height:35px; width:85px; background: url('../img/flux_logo.png') no-repeat; }
nav.tab-bar section.right-small { border-left:none; width: 7.8125rem; }
nav.tab-bar section.right-small a.contact-icon p { text-transform: uppercase; font-size:16px; line-height:18px; font-weight:bold; color:#fff; margin: 19px 5px 0 0; float: left; }
nav.tab-bar section.right-small a.contact-icon img { margin-top: 15px; }
@media only screen and (max-width: 380px) {
	p.menu.title { display:none; }
	nav.tab-bar section.right-small { } 
	nav.tab-bar section.right-small a.contact-icon p { visibility:hidden; }
	.row.content { min-height: 460px !important; }
	.infohead h3 { font-size: 16px; }
	.infohead h3 i { display:none; }
	.infohead p.symbol { font-size: 12px; }
}

.move-right .exit-off-canvas { top:15px; left: auto; right: 15px; width: 22px; height: 22px; }

p.menu.title { text-transform: uppercase; font-size: 16px; line-height: 18px; font-weight: bold; color: #fff; margin: 19px 0 0 10px; float: left; }
.logo-holder { margin: 10px auto; height: 35px; width: 85px; }
.alert-box p { color:#fff; text-align:center; margin: 0; }
.alert-box p a { color:#fff; text-decoration: underline; }

.left-off-canvas-menu { background: #f3f3f3; border-right: 2px solid #dcdcdc; }
.left-off-canvas-menu ul.off-canvas-list { margin-top:20px; }
.left-off-canvas-menu ul.off-canvas-list li a { font-size:14px; line-height:28px; color:#333333; border-bottom:none; text-align:right; padding:0 25px 0 0; text-transform: uppercase; }
.left-off-canvas-menu ul.off-canvas-list li a:hover { color:#999 !important; background:#f3f3f3; }
.left-off-canvas-menu ul.off-canvas-list li.active a { color:#e61927; }
.move-right .exit-off-canvas { box-shadow: none; }
a.exit-off-canvas.top img { /* float:right; margin-right:30px; margin-top:15px; */ }
a.off-canvas-logo img { margin-top:15px; margin-left:15px; }
.off-canvas-wrap, .inner-wrap { min-height: 100%; -webkit-overflow-scrolling: touch; }
.off-canvas-wrap { height: 100%; overflow-y: scroll; }
.cont-info { margin-top: 50px !important; }
.cont-info li { font-size:11px; line-height:16px; text-align:right; margin-right:25px; }
.cont-info li a.email { font-size:11px !important; line-height:16px !important; color:#e61927 !important; padding-right:0px !important; margin-right:0px;}

/* Footer Content */
.footer { padding-top:20px; padding-bottom:20px;}
/*.footer.original { position:fixed; width:100%; display:none; padding-top:0; height: 50px; bottom: 0px; left: 0px; max-width:10000px; }*/
.footer.original { position: relative; width: 100%; display: none; height: 85px; bottom: 0px; left: 0px; max-width: 10000px; padding-top: 60px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.footer ul { display: table; margin: 0 auto; }
.footer li { font-size:12px; line-height:18px; color:#666666; display: table-cell; border-left: 1px solid #999; padding-left: 10px; margin-left: 10px; }
.footer li.first { border-left: none; padding-left: 0; }
#normalFooter { opacity: 0; }
@media only screen and (max-width: 768px) { .footer li { font-size:9px; margin-left:7px; } }

/* Content Base */
.homesrc h2 { -webkit-transition: all 600ms easeInBounce;
  transition: all 600ms easeInBounce; margin-top: 0px; color:#333333; font-size:32px; line-height:36px; font-weight:bold; text-align:center; text-transform: uppercase; }
.homesrc p { margin-top: 20px; margin-bottom: 30px; color:#333333; font-size:14px; line-height:18px; text-align:center; }
.homesrc input, .homesrc .fakesearch { border-radius: 0; background: none; border: none; box-shadow: none; border-bottom: 1px solid #000; padding: 3px 0px 5px 40px; font-size: 20px; line-height: 20px; }
.homesrc .fakesearch { padding: 30px 0px 5px 40px; }
.homesrc input:focus { background:none; box-shadow: none; }
.homesrc a .search.icon { margin-bottom: -30px; height:30px; width:28px; background: url('../img/search_icon.png') no-repeat; }
@media only screen and (max-width: 385px) { .homesrc h2 { margin-top:45px; } }
.homesrc.search { height: 65px; padding: 0 !important; margin-top: 30px; min-height: 60px; background: #fff; border: 1px solid #e1e1e1; border-radius: 5px; 
	-moz-box-shadow: 0px 0px 3px 1px #ccc; -webkit-box-shadow: 0px 0px 3px 1px #ccc; box-shadow: 0px 0px 3px 1px #ccc; 
} 
.index-banner { margin: 20px auto 0px auto; display: block; }
.homesrc.search input { background: none; border: none; box-shadow: none; padding: 4px 15px 5px 32px; font-size: 16px; line-height: 20px; margin-bottom: 0; margin-top: -26px; float: left; }
.homesrc.search input:focus { background:none; box-shadow: none; }
.homesrc.search a .search.icon { margin-top: 22px; margin-left: 10px;float: left; margin-bottom: 0; height:18px; width:20px; background: url('../img/small_search_grey.png') no-repeat; }
.searchfield { height:65px; -moz-box-shadow: inset 0 -2px 6px #ccc; -webkit-box-shadow: inset inset 0 -2px 6px #ccc; box-shadow: inset inset 0 -2px 6px #ccc; }

.result-container { max-height: 418px; overflow: auto; overflow-x: hidden; }
.results .result { min-height:65px; border-top:1px solid #e1e1e1; }
.results .result:hover, .results .result.active { background: #0c6aab; }
.results .result p.title { padding-left: 0.9375em; font-size:18px; line-height:28px; color:#333333; text-align:left; margin-bottom: 0; margin-top:5px; }
.results .result p.title i { font-size: 14px; color: #888; }
.results .result p.data { display: list-item; margin-top:0px; padding-left: 0.9375em; font-size:16px; line-height:20px;  font-weight: bold; color:#333333; text-align:left; margin-bottom: 0; }
.results .result:hover p.title, .results .result:hover p.data, .results .result.active p.title, .results .result.active p.data { color:#fff; }
.results .result img { float:right; padding-right: 0.9375em; margin-top: -35px; }
@media only screen and (max-width:640px) { .results { max-height: none; overflow: visible; } }
@media only screen and (max-width:480px) { 
	.results .result p.title { font-size: 14px; } 
	.results .result p.title i { font-size: 13px; } 
	.results .result p.data { font-size: 13px; } 
}

.infohead { margin-top: 30px; }
.infohead dl.accordion dd a { padding-top: 0.65rem; height:65px; background:#fff; border: 1px solid #e1e1e1; border-radius: 5px 5px 0 0; 
	-moz-box-shadow: 0px 0px 3px 1px #ccc; -webkit-box-shadow: 0px 0px 3px 1px #ccc; box-shadow: 0px 0px 3px 1px #ccc; }
.infohead dl.accordion dd.active a { border-bottom:none;}
.infohead dl.accordion .content { border-bottom: 2px solid #898989; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; -moz-box-shadow: 0px 1px 0px 1px #e1e1e1; -webkit-box-shadow: 0px 1px 0px 1px #e1e1e1; box-shadow: 0px 1px 0px 1px #e1e1e1; }
.infohead img { float:left;/* margin-right: 10px; */margin-top: 5px; }
.infohead img.downarrow { margin-top:15px; margin-right:0; }
.infohead h3 { color:#333; font-size:21px; line-height:24px; margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;}
.infohead h3:after { content:;}
.infohead p.symbol { font-weight:bold; color:#e3000f; font-size:16px; line-height:20px; }
.infohead p.info { font-size:14px; line-height:24px; margin-top:0; margin-bottom: 0; padding-top:0; padding-bottom:0; }
.infohead p.info span { font-weight:bold; float: right; }
.infohead dl.accordion dd .content { min-height: inherit !important; padding-bottom: 20px !important; }
.info-container { background:#fff; border: 1px solid #e1e1e1; border-top:none; border-radius: 0 0 5px 5px; 
	-moz-box-shadow: 0px 0px 3px 1px #ccc; -webkit-box-shadow: 0px 0px 3px 1px #ccc; box-shadow: 0px 0px 3px 1px #ccc;}
.info-container h3 { padding: 5px 0.9375em; font-weight: 700;text-transform: uppercase; color:#999; font-size:14px; line-height: 24px; border-bottom: 1px solid #e1e1e1; }
.info-container p { margin-bottom: 0; padding-left: 0.9375em; padding-right: 0.9375em; font-size:14px; line-height:32px; color:#333333; }
.info-container p.dark { background:#f2f2f2; }
.info-container p img { float:right; margin-top: 9px; }
.prod-media dd.accordion-navigation { border-bottom: 1px solid #fff; }
.prod-media dd.accordion-navigation:last-of-type { border-bottom: none; }

/* Results Footer */
.footer.key { position:fixed; width:100%; display:none; padding-top:0; height: 120px; bottom: 0px; left: 0px; background: #f3f3f3; border-top: 1px solid #d6d6d6; -moz-box-shadow: 0px 0px 3px 1px #d6d6d6; -webkit-box-shadow: 0px 0px 3px 1px #d6d6d6; box-shadow: 0px 0px 3px 1px #d6d6d6; max-width: 10000px; } 
.footer.key .footsect { width:33%; float:left; margin: 15px auto 0px; }
.footer.key ul li { padding-left:0px; margin-left:0px; float: none; color: #333333; font-size: 14px; line-height: 19px; display: inherit; border-left: none;}
.footer.key ul li span { font-weight:bold; }
.footer-ad img { margin-top:4px; padding-right: 0.9375em; padding-left: 0.9375em; }
.footer-ad-large img { margin-top:10px; }
@media only screen and (max-width: 768px) { .footer.key ul li { font-size: 13px; line-height: 16px; } }
@media only screen and (max-width: 640px) { .footer.key .footsect { width:50%; float:left; } }
@media only screen and (max-width: 480px) { .footer-ad img { margin-top: 6px; } }
@media only screen and (max-width: 380px) { .footer-ad img { margin-top: 3px; } .footer.key { padding-left: 0 !important; } .footer.key ul li { font-size: 11px; line-height: 14px; } }

/* Animate Results */
.beginresult { display:none; }
.beginresult .result-container { display:none; }
.infohead { display:none; }

.hidden { display:none !important; }
.visible { display: inherit !important; }
.pushtop { margin-top: 15px; }

/* Contact */
.contact-left {  margin-bottom:75px; -moz-box-shadow: 0px 1px 5px 1px #ddd; -webkit-box-shadow: 0px 1px 5px 1px #ddd; box-shadow: 0px 1px 5px 1px #ddd; border-radius:5px; border: 1px solid #e1e1e1; margin-top:35px; background:#fff; max-width:380px; }
.contact-left dl.accordion { border-radius:5px; }
.contact-left dl.accordion dd a { border-top:1px solid #e1e1e1; background:#fff; }
.contact-left dl.accordion dd.first a,
.contact-left dl.accordion dd.second a { border-top:none; border-radius: 5px 5px 0 0; padding-top: .75rem; padding-bottom: .75rem; }
.contact-left dl.accordion dd.last a { border-radius: 0 0 5px 5px; }
.contact-left dl.accordion dd a img { margin-top:15px; margin-right:0; }
.contact-left dl.accordion dd a h3 { color:#333; font-size:18px; line-height: 34px; font-weight:bold; }
.contact-left dl.accordion dd .content { -moz-box-shadow: inset 0px -2px 10px 1px #ddd; -webkit-box-shadow: inset 0px -2px 10px 1px #ddd; box-shadow: inset 0px -2px 10px 1px #ddd; }
.contact-left dl.accordion dd .content.active { border-top: 1px solid #e1e1e1; }
.contact-left dl.accordion dd .content p { margin-bottom:0; color:#333; font-size:14px; line-height: 18px; }
.contact-left dl.accordion dd .content span.required { color:#e51926; font-size: 12px; line-height:21px; font-weight:bold; }
.contact-left dl.accordion dd .content label { margin-top:10px; text-transform: uppercase; color:#000; font-size:12px; line-height: 20px; font-weight:bold; }
.contact-left dl.accordion dd .content label em { margin-left: 2px; color:#e51926;}
.contact-left dl.accordion dd .content label span { text-transform: none; font-weight:normal; }
.contact-left dl.accordion dd .content input,
.contact-left dl.accordion dd .content textarea { -moz-box-shadow: inset 0px 2px 10px 1px #ddd; -webkit-box-shadow: inset 0px 2px 10px 1px #ddd; box-shadow: inset 0px 2px 10px 1px #ddd;color:#666; font-size:16px; line-height: 18px; font-style:italic; }
.contact-left dl.accordion dd .content textarea { min-height:140px; }
input.button.grey.clear { margin-bottom:10px !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; font-style:normal !important; margin-top:10px !important; width:48%  !important; margin-right:2%  !important; border-radius: 5px !important; background: none  !important; color:#666  !important; font-size: 18px !important; line-height: 18px !important; border: 2px solid #ccc !important;}
input.button.grey.clear:hover { background:#666 !important; border:2px solid #666 !important; color:#fff !important;}
input.button.blue.clear { margin-bottom:10px !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; font-style:normal !important; margin-top:10px !important; width:48%  !important; border-radius: 5px !important; border: 2px solid #0c6aab !important; background:none  !important; color:#0c6aab  !important; font-size: 18px  !important; line-height: 18px !important; }
input.button.blue.clear:hover { color:#fff !important; background:#0c6aab !important; }
.row.date.collapse { margin-bottom:1rem; }
.fa-chevron-right:before { content: "►"; }
.fa-chevron-left:before { content: "◄"; }
.contact-left .content .personal {}
.contact-left .content .personal h4 { margin-bottom: 10px; margin-top:15px; font-family: 'Open Sans', 'sans-serif' !important; text-align:center; color:#000; text-transform: uppercase !important; font-size:18px !important; line-height: 20px !important; font-weight:bold; }
.contact-left .content .personal a.button.phone { margin-bottom: 10px; font-style:normal !important; width:100%  !important; border-radius: 5px !important; border: 2px solid #0c6aab !important; color:#0c6aab  !important; font-size: 18px  !important; line-height: 18px !important; }
.contact-left .content .personal a.button.phone:hover { color:#fff !important; background:#0c6aab !important; }
.contact-left .content .personal a.button.email { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; font-style:normal !important; width:100%  !important; margin-right:2%  !important; border-radius: 5px !important; color:#666  !important; font-size: 18px !important; line-height: 18px !important; border: 2px solid #ccc !important; }
.contact-left .content .personal a.button.email:hover { background:#666 !important; border:2px solid #666 !important; color:#fff !important; }

.contact-right { margin-bottom:50px; -moz-box-shadow: 0px 1px 5px 1px #ddd; -webkit-box-shadow: 0px 1px 5px 1px #ddd; box-shadow: 0px 1px 5px 1px #ddd; border-radius:5px; border: 1px solid #e1e1e1; margin-top:35px; background:#fff; max-width:380px; }
.contact-right .title { padding-left: 0.9375em; padding-right: 0.9375em; }
.contact-right .title { margin-top: -3px; border-radius: 5px 5px 0 0; background:#464646; padding-top: 6px; padding-bottom: 1px; }
.contact-right .title h3 { color:#fff; font-size:12px; line-height: 20px; font-weight:bold; text-transform: uppercase; }
.contact-right .personal { border-top:1px solid #e1e1e1; padding: 13px 0.9375em 20px; }
.contact-right .personal h4 { margin-bottom:3px; color:#333; font-size:18px; line-height: 24px; font-weight: bold; }
.contact-right .personal p { margin-bottom: 0; }
.contact-right .personal p.phone { font-size:13px; line-height:20px; }
.contact-right .personal p.phone a { color:#000; text-decoration:none; }
.contact-right .personal p.phone a:hover { color:#e3000f; }
.contact-right .personal p.email { font-size:14px; line-height:21px; }
.contact-right .personal p.email a { color:#e3000f; text-decoration:none; }
.contact-right .personal p.email a:hover { color:#000; }

.confirmation h3 { text-align:center; margin-top:20px; }
.confirmation p { text-align:center; font-size:12px; line-height:16px; padding-left:20px; padding-right:20px; }
.confirmation a.button { margin-top: 20px; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; font-style:normal !important; width:100%  !important; margin-right:2%  !important; border-radius: 5px !important; background: none  !important; color:#666  !important; font-size: 18px !important; line-height: 18px !important; border: 2px solid #ccc !important; }
.confirmation a.button:hover { background:#666 !important; border:2px solid #666 !important; color:#fff !important; }

a.prodback { margin-top:20px; float:left; font-size:20px; font-weight:bold; }

@media only screen and (max-width: 640px) { .contact-left dl.accordion dd.second a { border-top:1px solid #e1e1e1; background:#fff; border-radius:0; } }
@media only screen and (max-width: 700px) { .contact-left { max-width:none; } .contact-right { max-width:none; } }

/* Generic */
.generic.header { margin-top:158px; margin-bottom:143px; max-width:1200px; margin-left: auto; margin-right:auto; }
.generic.header h2 { color:#000; line-height: 36px; font-size: 32px; font-weight: bold; text-align:center; text-transform: uppercase; }
.generic.header p { color:#000; line-height: 22px; font-size: 18px; text-align: center; }
.generic.section2 { background: url('../img/about_pump_bg.png') no-repeat; background-size:cover; padding:130px 100px; max-width:1200px; margin-left: auto; margin-right:auto; }
.generic.section2 { background: url('../img/about_pump_bg.png') no-repeat; background-size:cover; padding:130px 100px; max-width:1200px; margin-left: auto; margin-right:auto; }
.generic.section2 .banner-text h3 { color:#fff; line-height: 43px; font-size: 21px; }
.generic.section2 .banner-text p { color:#fff; line-height: 19px; font-size: 14px; }
.generic.guide { padding:130px 100px 100px; background:#fff; max-width:1200px; margin-left: auto; margin-right:auto; }
.generic .row h3 { color:#000; line-height: 43px; font-size: 21px; }
.generic .row p { color:#000; font-size:14px; line-height:19px; padding-right:15px; }

/* About */
.about.header { margin-top:158px; margin-bottom:143px; max-width:1200px; margin-left: auto; margin-right:auto; }
.about.header h2 { color:#000; line-height: 36px; font-size: 32px; font-weight: bold; text-align:center; text-transform: uppercase; }
.about.header p { color:#000; line-height: 22px; font-size: 18px; text-align: center; }
.about.section2 { background: url('../img/about_pump_bg.png') no-repeat; background-size:cover; padding:130px 100px; max-width:1200px; margin-left: auto; margin-right:auto; }
.about.section2 h3 { color:#fff; line-height: 43px; font-size: 21px; }
.about.section2 p { color:#fff; line-height: 19px; font-size: 14px; }
a.button.white.clear { max-width:200px; font-size:18px; line-height:18px; padding:15px 25px; margin-top:20px; background:none; color:#fff; border: 2px solid #fff; border-radius:5px; }
a.button.white.clear:hover { background:#fff; color:#333; border: 2px solid #333; }
.about.guide { padding:130px 100px 100px; background:#fff; max-width:1200px; margin-left: auto; margin-right:auto; }
.about.guide h3 { color:#000; line-height: 43px; font-size: 21px; }
.about.guide p { color:#000; font-size:14px; line-height:19px; padding-right:15px; }
a.button.red.clear { background:none; color:#e3000f; border:2px solid #e3000f; border-radius:5px; max-width:200px; padding:15px 25px; }
a.button.red.clear:hover { background:#e3000f; color:#fff; }
.video-block { margin-top:0; margin-bottom:0; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.video-block iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media only screen and (max-width: 1024px) { .video-block { margin-top:15px; margin-bottom:15px; } } 
@media only screen and (max-width: 480px) { .about.section2, .about.guide { padding:65px 50px; } .about.section2 h3, .about.guide h3 { font-size:19px; line-height:26px; margin-bottom:15px; } }
@media only screen and (max-width: 380px) { .about.header { margin-top:128px; margin-bottom:113px; } }

.button-block { float: left; width: 100%; margin: 10px 0; }
a.button.white.fp { width: 100%; font-size:18px; border: 2px solid #e3000f; line-height:18px; padding:15px 25px; margin: 5px 0; background:#fff; color:#e3000f; border-radius:5px; }
a.button.white.fp:hover { background:#e3000f; color:#fff; }
a.button.red.fp { width: 100%; font-size:18px; line-height:18px; background:#e3000f; color:#fff; border-radius:5px; margin: 5px 0; padding:15px 25px; }
a.button.red.fp:hover { background:#e3000f; color:#fff; }
a.button.black.fp { width: 100%; font-size:18px; line-height:18px; background:#000; color:#fff; border-radius:5px; margin: 5px 0; padding:15px 25px; }
a.button.black.fp:hover { background:#fff; color:#000; }

/* Conversions */
.dropshad .header h2, .dropshad .header p { text-align:center; margin-top: 0; }
.dropshad { box-shadow: 0px 0px 8px #999; border-radius: 5px; background:#fff; margin-top:70px; padding-top:20px; margin-bottom: 15px; }
a.button.clear { margin-top: 20px; background:#e61927; border: 1px solid #ccc; border-radius: 5px; text-align:center; width:100%; padding-top:15px; padding-bottom:15px; color:#fff; font-size:18px; line-height:18px; }
a.button.clear:hover { background: #fff; color:#e61927; }
#answer, #resultValue { -moz-box-shadow: inset 0 0 3px 1px #ccc; -webkit-box-shadow: inset 0 0 3px 1px #ccc; box-shadow: inset 0 0 3px 1px #ccc; text-align: center; font-style: italic; background-color: #f3f3f3; font-family: inherit; border: 1px solid #cccccc; color: rgba(0, 0, 0, 0.75); display: block; font-size: 16px; margin: 0 0 1rem 0; padding: 0.5rem; height: 2.3125rem; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: text; }
.dropshad input { font-size:16px; text-align:center; font-style:italic; -moz-box-shadow: inset 0 0 3px 1px #ccc; -webkit-box-shadow: inset 0 0 3px 1px #ccc; box-shadow: inset 0 0 3px 1px #ccc; }
.dropshad select { border-radius:5px; }
.dropshad p.equal { line-height: 55px; color:#e61926; font-size:72px; font-weight:bold; text-align:center; }
#first_search { height: 80%; }
.show-for-medium-down.mobile-menu{
    margin-bottom: 30px;
    position: relative;
    height: inherit;
    float: initial;
    margin-top: 15px;
    z-index: 9999;}

#chemicalNameDisplay i { display:none; };

.fixfixed { position: absolute; }
#resultsContainer { margin-bottom:100px; }

*:not(html) {
    -webkit-transform: translate3d(0, 0, 0);
}
.no-translate-3d {
    -webkit-transform: none;
}

a.searchdex {
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 5px;
	margin: 0 auto;
	width: 100%;
	padding: 16px 0 12px;
}

.conversions { margin-bottom:50px; opacity:0; }
.contact-holder { opacity:0; }
.about-holder { opacity:0.5; }
.nrfmc { float:right; margin-right: 10px; }
#desktop_ad a p { margin-bottom:0px !important; }

/* Product Page Addition - 5.19.2014 */
.productpage { margin-top: 30px; padding: 25px 50px; background: #fff; box-shadow: 0px 0px 8px #999; border-radius: 5px; margin-bottom: 30px; } 
.prod-desc p.title { margin-bottom: 0; margin-top: 20px; font-weight: bold; }
.prod-desc ul { margin-left:30px; }
.prod-img img { margin-bottom: 10px; }
.prod-media p a img { margin-right: 10px; }
.productpage .prod-media { margin-bottom: 30px; }

.prod-media dl.accordion { margin-top:20px; }
.prod-media .accordion dd > a, .prod-media .accordion dd.active > a { background: #e61927; color: #fff; font-family: 'Open Sans', 'sans-serif' !important; }
.prod-media .accordion dd > a:hover, .prod-media .accordion dd.active > a:hover { background:#b8141f; }
.prod-media .row .accordion dd.active a { background:#e3000f; }
.prod-media .row .accordion dd.active a:hover { background:#b8141f; }
.prod-media .accordion .content.active { background:#efefef; }
.prod-media .accordion dd:first-of-type a{ border-top-right-radius:5px; border-top-left-radius:5px; }
.prod-media .accordion dd:last-of-type a { border-bottom-right-radius:5px; border-bottom-left-radius:5px; }
.prod-media .accordion dd.active a { border-bottom-right-radius:0; border-bottom-left-radius:0; }
.prod-media .accordion .content:last-of-type { border-bottom-right-radius:5px; border-bottom-left-radius:5px; }
.prod-media .accordion dd a:before { content:'+'; color:#fff; font-size: 20px; line-height: 10px; float: left; margin-top: 6px; margin-right: 2px; }
.prod-media .accordion dd.active a:before { content:'-'; color:#fff; font-size: 28px; line-height: 10px; float: left; margin-top: 4px; margin-right: 4px; } 

/* INDEX mobile only */
@media only screen and (max-width: 640px) {
	body { -webkit-text-size-adjust: none; }
	.result-container { max-height: inherit; }
	.info-container h3 { text-align: center; }
	.homesrc.search { margin-top:17px; }
	.footer.key { height: 78px; }
	.footer.key .footsect { margin: 5px auto 0px; }
	a.back-chemical { text-align: center; margin-bottom: 10px; }
	.resistance .resistant { padding-right: 0px; }
	.resistance .resistant p { text-align: center; font-size:11px; padding-left: 2px; padding-right: 2px; line-height: 15px; background: #66cc00; min-height: 30px; padding-top: 7px; }
	.resistance .limited { padding-left: 0px; padding-right: 0px; }
	.resistance .limited p { text-align: center; font-size:11px; padding-left: 2px; padding-right: 2px; padding-right:0px; line-height: 15px; min-height:30px; background:#ffc000; padding-top:7px; }
	.resistance .not-resistant { padding-left: 0px; }
	.resistance .not-resistant p { text-align: center; font-size:11px; padding-left: 2px; padding-right: 2px; line-height: 15px; min-height:30px; background:#ff3333; padding-top:7px; }
	.resistance-foot { background:#f2f2f2; border-top: 1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }
	.resistance-foot p { text-align: center; font-size:11px; }
	a.prodback { font-size:16px; }
	.dropshad.conversions { width: 100%; box-shadow: 0 0 0 0; margin: 0 !important; padding: 0; }
	.dropshad.conversions .header h2 { font-size: 1.3rem; margin-bottom: 0; }
	.dropshad.conversions .header p { font-size: .8rem; margin-bottom: 10px; }
	.dropshad.conversions p.equal { line-height: 21px; margin-bottom: 15px; margin-top: -5px; }
	.dropshad.conversions a.button.clear { margin-top:10px; }
	.productpage { padding: 10px; }
}

@media only screen and (max-width: 380px) {
	.resistance .resistant p { min-height:40px; }
	.resistance .limited p { min-height:40px; }
	.resistance .not-resistant p { min-height:40px; }
}


@media only screen and (max-width: 385px) { .dropshad { margin-top:15px; } }

@media only screen and (max-width:1040px) {
	.productpage { margin-top:0; border-radius:0; box-shadow:none; }
	/* #first_search { margin-bottom:150px; } */
    .invisible{display:none !important;}
    #mobileToggle.hide{
        display:none;
    }
}
@media only screen and (max-width:380px) {
	.prod-media p a span { font-size: 11px; }
	.homesrc h2 { margin-top:35px !important; }
	.results .result p.title { line-height: 14px; margin-top:10px; margin-bottom:6px; }

}
@media only screen and (max-width:1024px) and (min-width:320px) {
	#first_search, #second_search { margin-bottom:10%; }
    .homesrc h2{margin-top:0 !important;}
}
@media only screen and (max-width:350px) {
	.accordion dd > a { font-size: .9rem; }
}