html {-webkit-text-size-adjust: 100%;-moz-text-size-adjust: none;-ms-text-size-adjust: 100%; /* Prevent font scaling in landscape */}
body { margin:0; padding:0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust: 100%; font-family:Arial, Helvetica, sans-serif}
.clear { clear:both; line-height:0px; height:0px; font-size:0px;}
.clearfix:after,.productList:after, .content:after,.promos:after, .row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.show-phone{display:none;}
.clearfix, .content,.promos, .row,.productList { display: inline-block; }
* html .clearfix,* html .content,* html .promos,* html .row { height: 1%; }
.clearfix, .content, .promos, .row,.productList { display: block; }
ul { list-style:none}
a { text-decoration:none; color:#1978be;}
a:hover { text-decoration:underline}
img { border:none}
h1, h2, h3, h4, h5 , h6 { font-weight:normal}
*:focus { outline: none;}
input[type="submit"],input[type="text"] {-webkit-appearance: none; border-radius:0}
input::-webkit-input-placeholder { /* WebKit browsers */ opacity: 1; filter:alpha(opacity=100);color:#c8c9cb;line-height:40px;}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ opacity: 1; filter:alpha(opacity=100);color:#c8c9cb;line-height:40px;}
input::-moz-placeholder { /* Mozilla Firefox 19+ */ opacity: 1; filter:alpha(opacity=100);color:#c8c9cb;line-height:40px;}
input:-ms-input-placeholder { /* Internet Explorer 10+ */ opacity: 1; filter:alpha(opacity=100);color:#c8c9cb;line-height:40px;}
textarea::-webkit-input-placeholder { /* WebKit browsers */ opacity: 1; filter:alpha(opacity=100);color:#c8c9cb;line-height:20px;}
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ opacity: 1; filter:alpha(opacity=100);color:#c8c9cb;line-height:20px;}
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ opacity: 1; filter:alpha(opacity=100);color:#c8c9cb;line-height:20px;}
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ opacity: 1; filter:alpha(opacity=100);color:#c8c9cb;line-height:20px;}
#header-search input::-webkit-input-placeholder{ /* WebKit browsers */ line-height:32px;}
#header-search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ line-height:32px;}
#header-search input::-moz-placeholder { /* Mozilla Firefox 19+ */ line-height:32px;}
#header-search input:-ms-input-placeholder { /* Internet Explorer 10+ */ line-height:32px;}
.slider-login input::-webkit-input-placeholder { /* WebKit browsers */ line-height:26px;}
.slider-login input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ line-height:26px;}
.slider-login input::-moz-placeholder { /* Mozilla Firefox 19+ */ line-height:26px;}
.slider-login input:-ms-input-placeholder { /* Internet Explorer 10+ */ line-height:26px;}
#distribuitor-search input::-webkit-input-placeholder { /* WebKit browsers */ line-height:62px;}
#distribuitor-search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ line-height:62px;}
#distribuitor-search input::-moz-placeholder { /* Mozilla Firefox 19+ */ line-height:62px;}
#distribuitor-search input:-ms-input-placeholder { /* Internet Explorer 10+ */ line-height:62px;}
/*Header*/
.header-wide { margin:0; padding:0; width:100%;}
.header { max-width:1180px; margin:0 auto; padding:19px 0 33px 0}
.logo { display:block; float:left; margin:27px 0 0 0; padding:0; width:293px; height:66px;}
.logo img { width:100%; height:auto}
.header-right { float:right; margin:0; padding:0; width:33.55%;position:relative;margin-top:20px;}
.header-right .favourites { background:url(../images/favourites-bg.png) no-repeat right 0; display:block; line-height:28px; color:#ff9732; font-size:14px; margin:0 0 11px; padding:0 39px 0 0; float:right}
.showSearch{font-size:14px;color:#ff9933; text-decoration:underline;padding-left:7px;cursor:pointer;padding-top:7px;}
.showSearch:hover{text-decoration:none;}
.header-search-all{position:absolute;display:none;background:#f6f6f6;z-index:99999 !important;width:100%;}
.header-search { background:#ececec;width:98%; margin:20px 0 0 0; padding:1%;}
.header-search-all .header-search{margin:1.5%;width:95%;}
#header-search { margin:0; padding:0; background:#fff; width:100%}
#header-search input[type=text] { background:none; margin:0; padding:0 2% 0 6.13%; float:left; height:36px; line-height:36px; color:#c8c9cb; font-size:14px; font-family:Arial, Helvetica, sans-serif; border:none; width:80.36%}
#header-search input[type=submit] { background:url(../images/header-search-btn.jpg) no-repeat 0 0; height:32px; width:34px; float:right; margin:2px 2px 2px 0; border:none; cursor:pointer; font-size:0; text-indent:-9999;padding:0; display:block}
#header-search input[type=submit]:hover { background-position: 0 -32px;}
.menu-wide { background:#1978be; margin:0; padding:0; width:100%}
#nav_1554609, .sf-menu { margin:0 auto; padding:0; max-width:1180px;}
#nav_1554609 li, .sf-menu li { float:left; margin:0; padding:0}
#nav_1554609 li a, .sf-menu li a { display:block; margin:0; padding:0 20px; line-height:51px; color:#fff; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;}
#nav_1554609 li a:hover, .sf-menu li a:hover, #nav_1554609 li.sfHover a.sf-with-ul, .sf-menu li.sfHover a.sf-with-ul { text-decoration:none; background:#4291cb}
#nav_1554609 li a img, .sf-menu li a img { display:none}
#nav_1554609 ul, .sf-menu ul { margin:0; padding:0; background:#4291cb; width:245px; display:none}
#nav_1554609 ul li , .sf-menu ul li { float:none; margin:0; padding:0;}
#nav_1554609 ul li a, .sf-menu ul li a { text-transform:none; font-weight:normal; font-size:13px; line-height:39px; padding:0 20px}
#nav_1554609 ul li a:hover, .sf-menu ul li a:hover { background:#589acb}
/*Home Banner*/
.home-banner { margin:4px auto 0; padding:0; width:100%; position:relative}
#slider-with-blocks-1 .rsContainer, #slider-with-blocks-1 { height:470px !important;}
.rsContent { margin:0; padding:0}
.slide1, .slide2, .slide3 { background:url(../images/slide1-bg.jpg) no-repeat top center}
.slider-content { margin:0 auto; padding:116px 0 0 0; max-width:1180px;}
#slider-with-blocks-1 h1 { margin:0; padding:0; max-width:460px; color:#1978be; font-size:36px; line-height:42px; font-family: Arial, Helvetica, sans-serif;padding-left:50px;}
.slider-social { margin:0; background:#ececec; padding:10px 0 2px 2px; width:45px; position:absolute; right:0; top:56px; z-index:999999 !important}
.slider-social li { margin:0 0 10px; padding:0}
.slider-social li.lock { cursor:pointer;margin-bottom:0px;height:41px;}
.slider-social li a { display:block}
.slider-social li a:hover { opacity: 0.9; filter:alpha(opacity=90);}
.slider-login { margin:0; padding:0 0 7px; background:#ececec; padding:2px 0 0 2px; width:0px; position:absolute; right:45px; top:56px; z-index:999999 !important;height:177px;font-size:10px;line-height:32px;overflow:hidden;}
.slider-login a{color:#666666;}
.slider-login input[type=text],.slider-login input[type=password] { background:#fff; margin:0; padding:0 2% 0 6.13%; height:30px; line-height:30px; color:#c8c9cb; font-size:14px; font-family:Arial, Helvetica, sans-serif; border:none; width:91%;margin-bottom:8px;}
.slider-login input[type=submit] { background:#ff9933; height:32px; float:left; border:none; cursor:pointer; font-size:16px; font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#ececec;padding:0;display:block;width:75px;text-align:center;margin-right:10px;}
.slider-login h3{height:43px;line-height:43px;color:#666666;font-weight:bold;padding:0px;margin:0px;padding-left:10px;font-size:20px;}
.slider-login form{padding:10px;}
/*Home Content*/
.home-content { margin:0 auto; padding:33px 0 47px; max-width:1180px;}
.home-info { margin:0; padding:0 0 37px}
.home-info-box, .home-info-box-last { margin:0 1% 0 0; padding:0; float:left; width:32.54%; }
.home-info-box a {min-height:372px;display:block; width:100%}
.home-info-box.first { background:url(../images/home-medical-box.jpg) no-repeat top center;background-size:100%;}
.home-info-box.second { background:url(../images/home-industrial-box.jpg) no-repeat top center;background-size:100%;}
.home-info-box-last { margin-right:0}
.home-info-box .title, .home-info-box-last .title { background:url(../images/home-info-box-bg.png) repeat; text-align:center; color:#ffffff; font-size:24px; line-height:40px; margin:0; padding:24px 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; width:100%; display:block}
.home-info-box-content { display:none; text-align:center; color:#ffffff; font-size:18px; line-height:30px; margin:0; padding:19px 4%; font-family:Arial, Helvetica, sans-serif}
.home-info-box-content img { display:block; margin:59px auto 0}
.home-info-box a:hover {background:url(../images/home-info-box-bg.png) repeat;}
.home-info-box a:hover .home-info-box-content { display:block; text-decoration:none}
.home-info-box a:hover { text-decoration:none}
.home-info-box a:hover .title { background:none}
.home-info-box-last{ background:#f9f9f9; margin-right:0; min-height:372px;}
#distribuitor { padding:20px 3.4% 0; margin:0;}
#distribuitor p { color:#666666; font-size:20.37px; margin:0; padding:0 0 36px; text-align:center; font-family:Arial, Helvetica, sans-serif; line-height:33.95px;}
#distribuitor .input-distribuitor { border:solid 4px #ececec; margin:0 0 4px; padding:0; width:97.73%; height:45px}
#distribuitor .input-distribuitor input { background:none; border:none; color:#666666; font-size:19.07px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; text-indent:19px; width:100%; height:45px; line-height:45px}
#distribuitor .button { display:block; margin:0 0 24px; padding:0; background: url(../images/distribuitor-button-bg.png) no-repeat right 0 #ff9933; text-align:center; color:#fefeff; font-size:16.45px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; width:49.43%; height:46px; line-height:46px; float:left}
#distribuitor .button.last { float:right}
#distribuitor .button:hover { text-decoration:none; background-color:#e88a30}
#distribuitor a { color:#1978be; font-size:15.85px; margin:0; padding:0; display:block; font-family:Arial, Helvetica, sans-serif; line-height:22.64px;}
.home-details { margin:0; padding:50px 0 0; border-top:solid 1px #ececec}
.home-video { display:block; float:left; margin:7px 0 0 0; padding:0; width:26.27%; color:#666666; font-size:20px; line-height:28px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.home-video img { width:100%; height:auto; margin:0 0 4px;}
.home-detail { float:right; margin:0; padding:0; width:67.79%}
.home-details h3 { margin:0; padding:0 0 10px; color:#1978be; font-size:27.97px; line-height:35.96px; font-family:Arial, Helvetica, sans-serif}
.home-details p { color:#666666; font-size:15.98px; line-height:27.97px; margin:0; padding:0}
/*newsletter styles*/
.newsletters { background:#ececec;width:100%; margin:0; padding:0}
.newsletter {margin:0 auto; padding:26px 0 26px; max-width:1180px;}
.newsletter h4 { margin:0; padding:6px 0 0 0; float:left; color:#666666; font-size:20px; font-family:Arial, Helvetica, sans-serif;}
#newsletter-signup { margin:0 0 0 7%; padding:0; float:left; width:49.66%}
#newsletter-signup .input-newsletter { float:left; margin:0; padding:0; width:39%; height:40px; background:#ffffff;}
#newsletter-signup .input-newsletter.big { float:right; width:59.38%}
#newsletter-signup .input-newsletter input[type=text] { background:none; border:none; margin:0; padding:0; text-indent:10px; color:#c8c9cb; font-size:16px; font-family:Arial, Helvetica, sans-serif; line-height:40px; height:40px; width:100%}
#newsletter-signup .input-newsletter.big input[type=text] { width:65%; float:left}
#newsletter-signup .input-newsletter.big input[type=submit] { border:none; margin:2px 2px 0 0; padding:0; text-align:center; height:36px; line-height:36px; background:#ff9933; color:#fff; font-size:14.45px; font-family:Arial, Helvetica, sans-serif; cursor:pointer; float:right; width:34%; display:block}
#newsletter-signup .input-newsletter.big input[type=submit]:hover { background-color:#e88a30}
.community-right-side.biofilms-img {
width: 545px !important;
}
.tablet-show { display:none !important}
.shop-box {
float: left;
margin: 0;
padding: 0;
width: auto;
}
.shop-box a {
float: left;
margin: 0;
padding: 15px 31px 15px 20px;
font-size: 22px;
background: url(../images/distribuitor-wide-button-bg.png) no-repeat 148% -6px #f93;
color: #fff;
line-height: 15px;
/* background-size: 68px; */
/* height: 37px; */
}
.shop-box a:hover { background:url(../images/distribuitor-wide-button-bg.png) no-repeat 148% -6px #e88a30; text-decoration:none;}
.description-left-side {
float: left;
margin: 0 40px 0 0;
padding: 0;
width: 30%;
}
.description-right-side {
float: left;
margin: 30px 0 0 0;
padding: 0;
width: auto;
}
.description-full {width: 100%;float: left;margin: 0 0 10px 0;padding: 0;}
.shop-box.one {
margin: 10px 0 0 0;
}
/*Footer*/
.footer-wide { background:#1978be; margin:0; padding:0; width:100%}
.footer { margin:0 auto; padding:55px 0 39px; max-width:1180px;}
.footer-box { float: left; margin: 0 4.4% 0 0; padding: 0; width: 15%;}
.footer-box.first { width:22.03%; margin:0 3% 0 0}
.footer-box.last { margin-right:0}
.footer-box h5 { margin:0; padding:0 0 9px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; line-height:20px}
.footer-box h5 a{color:#fff; text-decoration:none;}
.footer-box.first p, .footer-box.first p a { margin:0; padding:0 0 22px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; line-height:26px; text-decoration:none}
.footer-box.first p.adress { line-height:17px; padding-top:3px}
.footer-box.first p.adress img { margin-top:5px}
.footer-box.first p.adress span { width:80%; float:left}
.footer-box.first p a:hover { text-decoration:underline}
.footer-box ul { margin:0; padding:0}
.footer-box ul li { background:none; border:none; margin:0; padding:0}
.footer-box ul li a {margin:0; padding:0; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; line-height:26px; text-decoration:none}
.footer-box ul li a:hover { text-decoration:underline}
.footer-box.last p { font-size:11.98px;margin:0; padding:0 0 9px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:19.998px;}
.footer-box.last ul li a {font-size:11.98px;}
.pdf-container {
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.pdf-detail-box {
float: left;
margin: 0 20px 0 0;
padding: 0;
text-align: center;
width: 20%;
}
.pdf-detail-box > h2 {
color: #666666;
font-size: 17px;
font-weight: bold;
line-height: 22px; margin:10px 0 0 0; float:left;
}
.pdf-downloadbtn {
float: right;
height: 30px;
margin-right: 15px;
width: 26px;
}
.pdf-downloadbtn a {
background: rgba(0, 0, 0, 0) url("../images/download-btn.png") no-repeat scroll 0 0;
display: block;
font-size: 0;
height: 30px;
width: 26px;
}
.pdf-downloadbtn a:hover {
background: rgba(0, 0, 0, 0) url("../images/download-btn.png") no-repeat scroll 0 -30px;
}
.pdf-pre {
float: left;
margin: 20px 0 0;
padding: 0;
text-align: center;
width: 100%;
}
/*INTERNAL PAGES*/
.banner-wide { background:no-repeat scroll center top / cover transparent;position:relative; width:100%; margin:0 auto; padding:0; height:321px; overflow:hidden}
.banner-wide >img { width:100%}
.banner-wide .slider-social { position: fixed; top:263px; right:0; float:none; margin:0; z-index:99999 !important}
.banner-wide .slider-login { position: fixed; top:263px; right:45px; float:none; margin:0; z-index:99999 !important}
.main-content { margin:0 auto; padding:47px 0 30px 0; max-width:1180px; /*overflow:hidden;*/}
.main-top { margin:0; padding:0 0 16px;}
.main-top-splitted { margin:10px 0 27px;padding:0 0 16px; border-bottom:solid 1px #f1f1f1}
h1 { color:#1978be; font-size:36px; margin:0; padding:0 0 30px; font-family:Arial, Helvetica, sans-serif; line-height:43px; float:left}
.breadcrumbs { margin:0; padding:0; float:right;color:#666666; font-size:12px; line-height:43px;}
.breadcrumbs a { color:#666666; font-size:12px; line-height:20px; padding:0 10px 0 10px;}
.breadcrumbs a:last-child{padding-right:0px;}
.main-top-left { float:left; margin:0; padding:0; width:56.77%}
.main-top-right { float:right; margin:0; padding:0; width:35.16%}
p { color:#666666; font-size:16px; line-height:24px; margin:0; padding:0 0 24px}
.main-top p a, .popup p a { font-weight:bold}
.video-wrapper { margin:5px 0 0; padding:0; display:block; width:100%}
.video-wrapper img { width:100%; height:100%;}
.button-filters { margin:0; padding:0 0 22px;}
.button-filters label { margin:0 2.2% 0 0; padding:0; background:none; border:none; float:left; width:23.3%; cursor:pointer}
.button-filters label:last-child { margin:0}
.button-filters.half label {width: 31.85%;}
.button-filters input[type=checkbox] { display:none}
.button-filters label span { display:block; margin:0; padding:0; text-align: center; color:#666666; font-size:18px; line-height:44px; height:44px; border:3px solid #ececec;}
.button-filters label span:hover,.button-filters label.ui-state-active span { border-color:#1978be; background:#1978be; color:#fff; text-decoration:none}
.button-filters.half li { width:48.98%}
.button-filters.half li.last { float:right}
.button-filters.quarter li { width:23.30%; margin-right:2.2%}
.button-filters.quarter li.last { margin-right:0}
.sidebar { width:23.72%; float:left; margin:0; padding:0}
.content { float:right; margin:0; padding:0; width:72.88%}
h2 { color:#1978be; font-size:28px; line-height:35px; font-weight:bold; padding:0 0 30px}
h4 { color:#666666; font-size:20px; line-height:25px; margin:0; padding:0 0 15px;}
h4.bordered { margin:0 0 21px; padding:0 0 13px; border-bottom:solid 1.5px #ECECEC;}
.items { margin:0; padding:0}
.item { float:left; margin:0 4% 20px; padding:0; width:24.65%; text-align:center}
.item.last { margin-right:0;}
.favoritelink { background:url(../images/add-to-fav-btn.png) no-repeat 0 0; display:block; margin:0 0 13px; padding:0; float:right; width:30px; height:30px; font-size:0}
.favoritelink:hover {background:url(../images/add-to-fav-btn.png) no-repeat 0 -30px; text-indent:-99999px;overflow:hidden;}
.item-image{ margin:0 auto 0px; padding:0; display:block; text-align:center; height: 200px; max-width: 200px; position:relative}
.item-image.empty { background:url(../images/product-item-default.jpg) no-repeat center}
.item-image img {bottom: 0; height: auto; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0;}
.item-image iframe {bottom: 0; height: 153px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 100%;}
.item .item-text { color:#666666; font-size:17px; line-height:22px; font-weight:bold; height:66px}
.item.documents-item .item-text { padding-bottom:0}
.popup { display:none ; background:#ececec; margin:19px 0 40px; padding:38px 11% 29px 6%; position:relative}
.education-arrow { bottom: 0px; left: 50%; margin-left: -16px; position: absolute;}
.popup p { font-size:14px; line-height:20px}
.close { background:url(../images/education-popup-close.png) no-repeat; float:right; display:block; margin:0; padding:0; width:28px; height:27px; position:absolute;right: 3%;top: 24px;}
.education-item .close { top:10px; right:10px}
.education-item .popup-buttons .add { float: left; margin-right: 30px;}
.download-big { float:left}
.download-big .downloadbtn-big {background: url("../images/download-btn.png") no-repeat scroll left -30px;
color: #ff9732;
display: block;
font-size: 12px;
line-height: 30px;
margin:0;
padding: 0 0 0 37px;}
.download-big .downloadbtn-big:hover { background-position: 0 0;color:#666666; text-decoration:none}
.close:hover {opacity:0.9; filter:alpha(opacity=90);}
.popup .add { margin:0;}
.checkbox, .radio { width: 19px;height: 25px;padding: 0 14px 0 0;background: url(../images/checkbox.png) no-repeat;display: block;clear: left; float: left;}
.sidebar-filters { margin:0; padding:0;}
.sidebar-filters h3 { background:url(../images/sidebar-filters-h3-closed-bg.jpg) no-repeat right 5px; color:#1978be; font-size:18px; margin:0 0 20px; padding:0 0 14px; font-weight:normal; line-height:20.85px; border-bottom:solid 1px #f1f1f1; cursor:pointer}
.sidebar a.clear-all { color:#1978be; font-size:12px; margin:0 20px 0 0; padding:0; float:right; display:block; line-height:20px; text-decoration:underline}
#prod-left a.clear-all { display:none;}
.sidebar a.clear-all:hover { text-decoration:none}
.sidebar-filters h3.ui-state-active {background:url(../images/sidebar-filters-h3-bg.jpg) no-repeat right 10px; border-bottom:solid 1px #fff}
.sidebar-filters-content { border-bottom:solid 1px #f1f1f1; padding:0 0 5px; margin:0 0 14px}
.sidebar-filters label { color:#666666; font-size:14px; line-height:22px; display:block;padding:0 0 6px 25px; background:url(../images/checkbox.png) no-repeat 0 0}
.sidebar-filters label.ui-state-active {background:url(../images/checkbox.png) no-repeat 0 -74px}
.sidebar-filters input[type=checkbox] { display:none}
.filter-scroll { margin:0 39px 0 0; padding:0}
.slimScrollBar { width:13px !important; background:#ececec !important; opacity: 1 !important; right:20px !important;display: block !important; }
.newsletter.splitted { padding:19px 0 2px}
.newsletter-small { width:48%; float:left}
.newsletter-small.last { float:right}
.newsletter-small h4 { width:17%; float:left; font-size:18px; padding:0; line-height:18px;}
.newsletter-small #newsletter-signup { float:right; margin:0; width:80%}
#distribuitor-small { width:80%; margin:0; padding:0; background:#ffffff; float:left}
#distribuitor-small input[type="text"] { float:left; margin:0; padding:0; color:#c8c9cb; font-size:16px; line-height:40px; height:40px; background:none; border:none; text-indent:17px; width:51%;}
#distribuitor-small input[type="submit"] { background: url(../images/distribuitor-small-btn.png) no-repeat right 0 #ff9933; color:#fefeff; font-size:14px; line-height:36px; height:36px; margin:2px 2px 0 0; padding:0; float:left; text-align:center; font-family:Arial, Helvetica, sans-serif; cursor:pointer; border:none; width:23.95%}
#distribuitor-small input[type="submit"]:hover { background-color:#e88a30}
.newsletter-small.last p { font-size:12px; float:left; margin:0 0 0 17%; padding:0; line-height:29px;}
#nav_1554876 { padding-left:0px !important; }
#nav_1554876 li{ color:#1978be; font-size:18px; margin:0 0 20px; padding:0 0 14px; font-weight:normal; line-height:20.85px; border-bottom:solid 1px #f1f1f1; cursor:pointer}
.list {
list-style-type: disc;
padding-top:10px;
}
.list li{
color:#666666;
font-size:16px;
}
/*.product-search {
background: #1978be none repeat scroll 0 0;
float: left;
margin: 0;
padding: 10px 6px;
width: 99%;
}
.calibar-input {
border: 0 none;
color: #333;
float: left;
font-size: 18px;
height: 37px;
margin: 0;
padding: 0 5px;
width: 99%;
}
.result-data {
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.result-data li.articlelink {
float: left;
list-style: outside none none;
margin: 1px 0;
padding: 0;
width: 100%;
}
.result-data li.articlelink:nth-child(even) {background: #CCC}
.result-data li.articlelink:nth-child(odd) {background: #FFF}
.articlelink > a {
background: rgba(0, 0, 0, 0) url("../images/b-download-mul.png") no-repeat scroll 5px 5px;
color: #fff;
float: left;
margin: 0;
padding: 8px 0 8px 35px;
width: 97%;
}*/
.good-distributors-container {
background: #ececec none repeat scroll 0 0;
float: left;
margin: 0 0 25px 0;
padding: 40px 35px;
width: 100%;
}
.good-distributors-box {
float: left;
margin: 0 112px 0 0;
padding: 0;
width: 302px; text-align:center;
}
.good-distributors-box1 {
float: left;
margin: 0 101px 0 0;
padding: 13px 0 0;
text-align: center;
width: 172px;
}
.good-distributors-box2 > p {
padding: 0;
}
.good-distributors-box1 > p {
padding: 0 0 6px;
}
.good-distributors-box2 {
float: left;
margin: 0 81px 0 0;
padding: 0;
text-align: center;
width: 163px;
}
.good-distributors-box3 {
float: left;
margin: 0;
padding: 30px 0 0;
width: 180px;
}
.good-distributors-contact {
background: #ff9933 none repeat scroll 0 0;
color: #fff;
float: left;
margin: 0;
padding: 6px 20px;
}
.product-search1 {
background: #1978be none repeat scroll 0 0;
float: left;
margin: 0;
padding: 10px 6px;
width: 99%;
}
.calibar-input {
border: 0 none;
color: #333;
float: left;
font-size: 18px;
height: 37px;
margin: 0;
padding: 0 5px;
width: 99%;
}
@media screen and (min-color-index:0)
and(-webkit-min-device-pixel-ratio:0) { @media
{
.calibar-input { line-height:40px;
}
}}
.result-data {
float: left;
margin: 10px 0 0 0;
padding: 0;
width: 100%;
}
.result-data li.articlelink {
border: 1px solid #ccc;
float: left;
list-style: outside none none;
margin: 0 10px 20px 0;
padding: 5px;
width: 18.3%;
}
.result-data li.articlelink:nth-child(5n + 5) { margin-right:0px;}
.articlelink > a {
background: rgba(0, 0, 0, 0) url("../images/b-download-mul.png") no-repeat scroll 5px 5px;
color: #fff;
float: left;
margin: 0;
padding: 8px 0 8px 35px;
width: 97%;
}
.item-link > a {
color: #000;
float: left;
font-size: 14px;
margin: 10px 0 0;
min-height: 57px;
padding: 0;
text-align: center;
width: 100%;
}
.item-img {
float: left;
margin: 0;
padding: 0;
text-align: center;
width: 100%;
}
.item-absolute {
float: left;
margin: 0;
padding: 0;
text-align: right;
width: 100%;
}
.item-absolute img {
margin: 7px 0 0 -21px;
position: absolute;
}
.item-link > a:hover { text-decoration:none; color:#ff9933;}
/*Product basic page*/
.product-container h1 { font-size:30px; line-height:35px; float:left; }
.product-info { margin:0; padding:98px 0 0;}
.product-images { float:left; margin:0; padding:0; width:35.08%;}
.product-big-image { width:100%; text-align:center; margin:0 0 50px; padding:0; text-align:center}
.product-big-image img { max-width:100%}
.product-thumbnails { margin:0; padding:0; list-style:none;}
.product-thumbnails li { border:solid 3px #ececec; float:left; margin:0 3.38% 0 0; padding:0; width:18.84%}
.product-thumbnails li img { width:100%; height:auto}
.product-info-right { margin:0; padding:0; float:right; width:61.86%}
.product-info-right h6 { padding:0}
h6 { color:#666666; font-size:16px; font-weight:bold; line-height:24px; margin:0; padding:0}
.product-info-right ul { list-style:inside; color:#666666; margin:0; padding:0 0 24px;}
.product-info-right ul li { color:#666666; font-size:16px; line-height:24px; margin:0; padding:0}
.add { background:url(../images/add-to-fav-btn.png) no-repeat left -30px;color:#ff9732; font-size:12px; display:block; margin:48px 0 59px; padding:0 0 0 37px; line-height:30px}
.add:hover { background:url(../images/add-to-fav-btn.png) no-repeat left 0; text-decoration:none; color:#666666}
.download-box { background:#ececec; margin:69px 0 0 0; padding:26px 0 24px 6%; width:94%}
.download-box img { margin:20px 7.4% 0 0; float:left}
.download-box-right { float:left; width:65%; margin:0; padding:0}
.download-box h4.bordered { font-size:18px; margin:0 0 9px; padding:0 0 6px; border-bottom-color:#666666; font-weight:bold}
.download-links { margin:0; padding:0 !important; list-style:none !important}
.download-links li { margin:0 !important; padding:0 !important; line-height:30px !important;}
.download-links li a { color:#1978be; font-size:14px; margin:0; padding:0;}
.download-links.small { float:left; width:50%;}
.edu-promo { width:100%; margin:70px 0 36px; padding:18px 0 18px 1.5%; border-top:solid 3px #ececec;border-bottom:solid 3px #ececec;}
.edu-promo img { float:left; margin:0;}
.edu-promo-right { float:right; width:89.05%; margin:0; padding:10px 0 0 0}
.edu-promo p { line-height:20px; padding:0 0 9px}
.edu-promo a { font-weight:bold; display:block; color:#666666; font-size:16px; line-height:20px}
p em { line-height:21px;}
.spacer { width:100%; margin:70px 0 36px; padding:18px 0 18px 0}
#product-search { margin:0; padding:0; background:#fff; width:100%;border:1px solid #ececec}
#product-search input[type=text] { background:none; margin:0; padding:0 2% 0 6.13%; float:left; height:36px; line-height:36px; color:#c8c9cb; font-size:14px; font-family:Arial, Helvetica, sans-serif; border:none; width:75.36%}
#product-search input[type=submit] { background:url(../images/header-search-btn.jpg) no-repeat 0 0; height:32px; width:34px; float:right; margin:2px 2px 2px 0; border:none; cursor:pointer; font-size:0; text-indent:-9999;padding:0; display:block}
#product-search input[type=submit]:hover { background-position: 0 -32px;}
/*Product detailed page*/
.product-detailed { margin:103px 0 0 0; padding:44px 0 0 0; border-top:solid 3px #ececec}
.product-detailed h2 { padding:0 0 5px;}
.product-detailed h6 { padding:50px 0 19px;}
.product-detailed p { line-height:20px}
.splitted-list { float:left; width:35%; margin:0; padding:0; list-style:inside; color:#666666}
.splitted-list li { color:#666666; font-size:16px; line-height:20px; margin:0; padding:0}
.product-detailed .splitted-list { margin-bottom:0; padding-bottom:0}
/*Product Search Page*/
.product-search .main-content { padding:26px 0 0}
.product-search .main-top { margin:0 0 9px; border:none}
.product-search .button-filters { margin:0 0 27px}
.product-search h1 { font-size:30px; padding:0}
.change-elements { margin:0 0 23px ; padding:0 0 9px 2%; border-bottom:solid 1px #f1f1f1}
.number-show { margin:0; padding:0; display:block; color:#444444; font-size:14px; font-weight:bold; line-height:30px; float:left}
.select-number, .select-number select { position:relative; margin:0; padding:0; float:left; height:30px; width:35px}
.select-number span.select { background:url(../images/select-number-span-bg.jpg) no-repeat right center; margin:0; padding:0; text-indent:4px; position:absolute; top:0; left:0; color:#ff9933; font-size:14px; line-height:30px; height:30px; width:35px; font-weight:bold}
.pages { margin:7px 0 0 0; padding:0; float:right; list-style:none; width:15%}
.pages li { float:left; margin:0 12% 0 0; padding:0; background:none}
.pages li.last { margin-right:0}
.pages li a { color:#666666; font-size:14px; line-height:14px; margin:0; padding:0; font-weight:bold; display:block}
.pages li a:hover, .pages li a.active { color:#ff9933; text-decoration:none}
.pages li.first a { background:url(../images/pages-li-first-a-bg.jpg) no-repeat 0 0; width:4px; height:10px; margin:3px 0 0 0}
.pages li.last a { background:url(../images/pages-li-last-a-bg.jpg) no-repeat 0 0; width:4px; height:10px; margin:3px 0 0 0}
.pages li.first a:hover, .pages li.last a:hover { background-position:0 -10px;}
.product-search .item { width:30.65%; margin:0 1.3% 25px; }
.item-inner { cursor:pointer; position:relative}
.productList.productLarge { padding:0; margin:0; position: relative}
.product-search .add-to-favs { margin:0}
.product-search .item-image { margin:0 auto 17px}
.product-search .item-text{ font-size:18px; padding:0;margin-bottom: 0;}
.product-search .item-text span { display:block; font-size:14px; line-height:20px; color:#1978bf; font-weight:normal; text-align:center; margin:3px 0 0 0}
.search-popup { margin:0px 0 40px; padding:41px 30px 29px 30px; clear:left; text-align:left; position:relative; z-index:200;}
.overlay {background: none repeat scroll 0 0; display: block; height: 100%; position: fixed; top: 0; width: 100%; z-index: 100 !important;}
.productList { padding:0; margin:0; position:relative; width:100%}
.popup-details { float:left; width:61%; margin:0; padding:0}
.search-popup h5 { color:#666666; line-height:20px; margin:0; padding:0 0 24px; font-weight:bold; font-size:18px}
.search-popup p { font-size:14px; line-height:20px}
.popup-buttons { width:71%; margin:0; padding:0}
.detailed-info { background:#ff9933; display:block; margin:0; padding:0; float:left; text-align:center; height:32px; line-height:32px; color:#ffffff; font-size:12px; width:45%}
.detailed-info:hover { background:#e88a30}
.popup-buttons .add { float:right}
.popup-download { float:right; margin:0; padding:0; width:28%}
.search-popup h6 { font-size:14px; color:#666666; line-height:22px; margin:0 0 5px; padding:0 0 15px; border-bottom:solid 1px #666666}
.filter-by { margin:0 0 17px; padding:0; width:100%; text-align:center; font-size:18px; color:#ffffff; height:50px; line-height:50px; background: url(../images/filter-by-bg.png) no-repeat right 0 #ff9933}
.filter-by:hover { background-color:#e88a30; text-decoration:none}
/*photo library*/
.photo-item{width:22%;height:200px;border:3px solid #efefef;overflow:hidden;margin: 0 1% 20px;cursor:pointer;}
.btn-down-multiple{ cursor:pointer;color:#666666;font-weight:bold;font-size:18px;padding-left:30px;line-height:30px;background:url(../images/b-download-mul.png) no-repeat top left;}
.photo-item .inner-item{position:relative;}
.photo-item img{width:100%;}
.bluehover{display:none;background-color:rgba(25,120,190,0.85);position:absolute;width:100%;height:200px;text-align:left;z-index:9;}
.bluehover a.btn-view{color:#fff;font-size:14px; background:url(../images/b-view-w.png) no-repeat 0px -20px;height:20px;line-height:20px;bottom:55px;left:15px;display:block;height:20px; position:absolute;padding-left:25px;}
.bluehover div.btn-down{color:#fff;font-size:14px; background:url(../images/b-download-w.png) no-repeat top left;height:20px;line-height:20px;bottom:25px;left:15px;display:block;height:20px; position:absolute;padding-left:25px;}
.selectthis{top:10px;right:10px;width:30px;height:30px;display:none;background:url(../images/b-select.png) no-repeat top left; position:absolute;z-index:10;}
.bluehover a.btn-view:hover{color:#ff9933; background-position:0px 0px; text-decoration:none}
.bluehover div.btn-down:hover{color:#ff9933; background-position:0px -20px; text-decoration:none}
.bluehover .namehead{font-size:18px;color:#fff; position:absolute;top:15px;left:15px;padding-right:40px;}
.photo-item:hover .bluehover{ display:block;}
.selected .selectthis{display:block;}
.selected:hover .selectthis{background-position:0px -30px;}
/*Distribuitors*/
.distribuitor-wide { margin:0 0 47px; padding:0 0 26px; font-size:13.35px; border-bottom:solid 1px #f1f1f1}
.distribuitor-wide a { color:#1978be}
#distribuitor-search { margin:0 0 11px; padding:0; border:solid 3px #ececec;text-align:right;}
.location-button { display:block; margin:3px 0 0 0.5%; padding:0; float:left; text-align:center; background:#1978be; width:7.08%; height:56px;}
#distribuitor-search input[type="text"] { background:none; border:none; color:#c8c9cb; font-size:24px; line-height:62px; height:62px; margin:0; padding:0; float:left; color:#c8c9cb; font-family: Arial, Helvetica, sans-serif; text-indent:20px; width:29.52%;}
#distribuitor-search .selectbox{
border-left:3px solid #ececec;
background: url('../images/arrow-down.png') no-repeat; /*Adds background-image*/
background-position: 90% center; /*Position of the background-image*/
color:#c8c9cb; font-family: Arial, Helvetica, sans-serif; font-size:24px; line-height:62px; height:62px;float:left;width:29%;overflow:hidden;
}
#distribuitor-search select{border: 0; /*Removes border*/
background: transparent;
-webkit-appearance: none; /*Removes default chrome and safari style*/
-moz-appearance: none; /* Removes Default Firefox style*/
text-indent: 0.0p1x; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/
/*My custom style for fonts*/
color:#c8c9cb; font-family: Arial, Helvetica, sans-serif; font-size:24px; line-height:62px; height:62px;width:105%;padding-left:20px;}
#distribuitor-search option{padding-left:20px;}
#distribuitor-search input[type="submit"] { display:block;float:left; margin:3px 0.5% 0 0 ; padding:0; color:#fefeff; font-size:22.61px; text-align:center; height:56px; line-height:56px; background:url(../images/distribuitor-wide-button-bg.png) no-repeat 120% 0 #ff9933; width:19.57%; border:none; cursor:pointer}
input[type="submit"].btn-state{border: medium none; font-size: 20px; color: #1978be; background-image: none; background-attachment: scroll; background-color: transparent; background-position: 0% 0%; background-repeat: repeat;}
input[type="submit"].btn-link{border: medium none; font-size: 16px; color: #1978be; background-image: none; background-attachment: scroll; background-color: transparent; background-position: 0% 0%; background-repeat: repeat;}
#distribuitor-search input[type="submit"]:hover { background-color:#e88a30!important;}
.distribuitor-tabs { margin:0; padding:0 0 30px;}
.distribuitor-tabs-list { margin:0; padding:0; width:100%}
.distribuitor-tabs-list li { width:49.3%; float:left; margin:0; padding:0;}
.distribuitor-tabs-list li.last { float:right}
.distribuitor-tabs-list li a { border: 3px solid #ececec;color: #666666; display: block; font-size: 23.52px; height: 62px; line-height: 62px; margin: 0; padding: 0; text-align: center;}
.distribuitor-tabs-list li a:hover, .distribuitor-tabs-list li.ui-tabs-active a { text-decoration:none; border-color:#1978be; background:#1978be; color:#fff}
.distribuitor-tabs .ui-tabs-panel { padding:22px 0 0; margin:0;}
.map-container { margin:0; padding:0}
.map-container img { max-width:100%; width:1005; height:auto}
.distribuitor-tabs .ui-tabs-panel ul { margin:0; padding:0 0 30px;}
.distribuitor-tabs .ui-tabs-panel ul li { float:left; margin:0 1.5% 0 0; padding:0; line-height:30px;}
.distribuitor-tabs .ui-tabs-panel ul li a { color:#1978be; font-size:18px; margin:0; padding:0; text-decoration:none}
.distribuitor-tabs .ui-tabs-panel ul li a:hover { text-decoration: underline}
.distribuitor-info { margin:0 0 39px; padding:0;}
.distribuitor-info p { font-size:14px; line-height:20px}
.distribuitor-info p a { font-weight:bold; }
.distribuitor-info p .website-link {display:block; margin:10px 0 0}
.distribuitor-info.last { margin-bottom:0}
/*Medical Page*/
.medical-details { margin:60px 0 0 0; padding:0; border-top:solid 1px #f1f1f1}
.medical-details h3 { background:url(../images/medical-details-h3-bg.png) no-repeat right 0; color:#666666; font-size:18px; line-height:70px; margin:0; padding:0; cursor:pointer; border-bottom:solid 1px #f1f1f1}
.medical-details h3.current { border-bottom:none; background-position:right -91px}
.medical-content { margin:0; padding:35px 0 39px;border-bottom:solid 1px #f1f1f1}
.medical-content-image { float:left; margin:0; padding:0}
.medical-content-image img { width:100%}
.medical-content-image.empty { display:none}
.medical-content-right { float:right; width:70.61%; margin:0; padding:0}
.medical-content-right.full {float:none; width:100%;}
.medical-content .download-box { margin:0; padding:9px 0 26px ; background:none}
.medical-content .download-box.empty { display:none}
.medical-content .download-box img { margin:0; padding:0}
.medical-content .download-box h4 { border-bottom:solid 1px #666666; font-size:12.12px; line-height:21px; margin:0; padding:0 0 12px; font-weight:bold}
.simple-button { margin:0; padding:0; background:#ff9933; color:#ffffff; font-size:12.42px; height:41px; line-height:41px; display:block; text-align:center}
.simple-button:hover { background:#e88a30; text-decoration:none}
.medical-content .simple-button { float:left; margin:0 15px 0 0; width:149px}
.medical-content ul {list-style:disc; color:#666666; font-size:16px; line-height:24px; margin:0; padding:0 0 24px 32px}
/*Favourites*/
.button-filters.filled a { background:#1978be; border-color:#1978be; color:#fff;}
.button-filters.filled a:hover { background-color:#ff9933; border-color:#ff9933}
.favourites-products { margin:0; padding:47px 0 27px}
.favourites-products h4.bordered {}
.favourites-row { width:100%; margin:0; padding:16px 0 25px ; border-top:solid 1px #f1f1f1}
.favourite-product { float:left; margin:0; padding:0; width:50.42%; display:block}
.favourite-product:hover { text-decoration:none}
.favourite-product-image { float:left; margin:0 5.88% 0 0; padding:0; width:11.42%;}
.favourite-product img { max-width:100%}
.favourite-product span { display:block; color:#666666; font-size:18px; font-weight:bold; margin:0; padding:4px 0 0 0; line-height:22px;}
.favourite-product span span { font-weight:normal; display:block; color:#1978bf; font-size:14px;}
.favourites-download { float:left; margin:11px 0 0 ; padding:0; width:36.86%}
.favourites-download h5 { color:#666666; font-size:14px; font-weight:bold; margin:0; padding:0 0 11px; border-bottom:solid 1px #666666}
.favourites-download .download-links li { float:left; margin:0 7% 0 0 !important}
.favourites-download .download-links li.last { margin-right:0}
.erase { background:url(../images/erase-btn.png) no-repeat; display:block; width:20px; height:20px; margin:31px 1.8% 0 0; padding:0; float:right}
.download-link{ background:url(../images/download-link-bg.jpg) no-repeat left 0; display:block; margin:0; padding:0 0 0 25px; font-size:14px; font-weight:bold; line-height:22px;}
.download-link:hover { text-decoration:none; background-position:left -22px; color:#666 }
/*favourites expanded*/
.fourites-pop { position:relative; margin:31px 0 0; padding:31px 2.96% 31px}
.fourites-pop .education-arrow { left:265px}
.fourites-pop h4 { font-weight:bold; font-size:18px; padding-bottom:21px}
#favourites-sheet { margin:0; padding:0}
.form-column { float:left; margin:0 5% 0 0; padding:0; width:45.84%}
.form-column.last { margin-right:0}
.input-fav { width:100%; margin:0 0 6px; padding:0; background:#fff; height:31px;}
#favourites-sheet input[type="text"] { background:none; border:none; padding:0 2%; height:31px; line-height:31px; color:#c4c4c4; font-size:12px; font-family:Arial, Helvetica, sans-serif; width:96%;}
.textarea-fav { width:100%; margin:0 0 6px; padding:0; background:#fff; height:91px}
.textarea-fav textarea {background:none; border:none; padding:10px 2%; height:71px; line-height:21px; color:#c4c4c4; font-size:12px; font-family:Arial, Helvetica, sans-serif; width:96%; resie:none}
#favourites-sheet .checkbox { background:url(../images/checkbox-big.png) no-repeat; width:33px; height:31px; padding:0 15px 0 0; margin:0 0 15px}
#favourites-sheet label { color:#666666; font-size:16px; line-height:22px; margin:0; padding:0; max-width:355px; display:block}
#favourites-sheet input[type="submit"] { border:none;; cursor:pointer; width:123px; height:31px; line-height:31px; margin:30px 0 0 0}
/*News*/
.news-main { border-top:solid 1px #f1f1f1; margin:12px 0 0; padding:30px 0 0}
.gray-box { background:#ececec; margin:0 0 23px; padding:25px 3% 6px}
.gray-box h3 {color: #1978be; font-size: 18px; font-weight: normal; line-height: 20.85px; margin: 0; padding: 0 0 23px;}
.tweet ul { margin:0; padding:0;}
.tweet ul li { background:url(../images/tweet-li-bg.png) no-repeat left 4px; color:#6f6f6f; font-size:12px; line-height:18px; margin:0; padding:0 0 7px 34px;}
.tweet ul li a { color:#1978be; display:block}
.tweet .date { font-style:italic; color:#999999}
.facebook-feed img { max-width:100%}
.article { border-bottom:solid 1px #f1f1f1; margin:0 0 29px; padding:0 0 35px}
.article.last { border:none}
.article h1, .article h1 a, .article-expanded h1 { color:#1978be; font-size:22px; line-height:30px; margin:0; padding:0; float:none; font-weight:normal}
.article h1 { padding:0 0 30px}
.share { margin:0; padding:0 0 28px; list-style:none}
.share li { float:left; margin:0 6px 0 0; padding:0; color:#666666; font-weight:bold; line-height:21px;}
.share li.last { margin-right:0}
.share li a:hover {opacity: 0.8; filter:alpha(opacity=80);}
.more { background:url(../images/more-btn-bg.jpg) no-repeat right 6px; color:#ff9933; font-size:14px; line-height:17px; display:block; margin:14px 0 0 0; padding:0; max-width:100px}
.less { background:url(../images/less-btn-bg.jpg) no-repeat right 6px;}
.article-media {float:left; margin:6px 2% 0 0; padding:0; width:38%}
.article-media img { max-width:100%}
.article-content { float:left; margin:0; padding:0; width:60%}
/*news Inner*/
.back { background:url(../images/back-btn-bg.jpg) no-repeat left center; margin:14px 0 13px; padding:0 0 0 19px; display:block; color:#ff9933; font-size:15px; line-height:17px; text-transform:capitalize}
.article-expanded { padding:0 0 67px; margin:0 0 30px; border-bottom:solid 1px #f1f1f1}
.article-expanded h1 { padding:0 0 43px}
.article-expanded .share { padding:0 0 36px;}
/*Events*/
.event { margin:0 0 28px; padding:0 0 34px; border-bottom:solid 1px #f1f1f1;color:#666;}
.event-col-1{float:left;width:20%;padding-bottom:15px;}
.event-col-2{float:left;width:80%;padding-bottom:15px;}
.event h1, .event h1 a { color:#1978be; font-size:24px; line-height:30px; margin:0; padding:0; float:left; text-transform:uppercase}
.event h1 { width:60%}
.event .share { float:right; padding-top:3px;}
.event-image { float:left; margin:0 4% 0 0; padding:0; width:28.48%}
.event-image img { width:100%; height:auto}
.event-content { float:left; width:67.44%; margin:0; padding:0}
.event-table { margin:19px 0 27px; padding:6; color:#666666; font-size:16px; line-height:24px; width:100%; vertical-align:top}
.event-table td.title-box { width:15%;vertical-align:top}
.website { background:url(../images/website-bg.jpg) no-repeat left 0; font-size:16px; display:block; margin:0; padding:0 0 0 16px; line-height:19px;}
/*About Us*/
.about-top { margin:0 0 31px; padding:0 0 10px; border-bottom:solid 1px #ececec}
.about-video { float:left; margin:0 4% 0 0; padding:0; width:48%; display:block}
.about-video img { width:100%; height:auto}
.about-top-details{ float:left; margin:-6px 0 0 ; padding:0; width:48%}
.about-top-details h2 { font-weight:normal; padding:0 0 10px}
.about-top-details p { padding:0 0 55px}
.about-top-details p strong { font-size:20px}
h3 { color:#1978be; font-size:23.89px; margin:0; padding:0 0 50px; line-height:24px; padding:}
.history { margin:0 0 37px; padding:0 0 40px; border-bottom:solid 1px #ececec}
.history h3, .research h3, .about-docs h3 { font-weight:bold}
.history-buttons { background:url(../images/history-buttons-bg.jpg) repeat-x left 43px;margin:7px auto 0; padding:0; max-width:860px}
.history-buttons a { background:url(../images/history-button.png) no-repeat 0 0; background-size:87px 87px; display:block; margin:0 2.9%; padding:0; width:87px; height:87px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; line-height:87px; font-size:9.17px; float:left; cursor:pointer}
.history-buttons a:hover,.history-buttons a.active2 { background:url(../images/history-button-hover.jpg) no-repeat 0 0; text-decoration:none; font-size:14px; }
.history-pop { margin:56px 0 0; padding:45px 6% 10px}
.history-pop p { font-size:16px; line-height:24px}
.history-pop .education-arrow { bottom: initial;left: 207px; top: -22px; margin:0}
.history-pop#history-2 .education-arrow { left:347px}
.history-pop#history-3 .education-arrow { left: 43%; margin-left: -22px;}
.history-pop#history-4 .education-arrow { right:525px; left:auto}
.history-pop#history-5 .education-arrow { right:390px; left:auto}
.history-pop#history-6 .education-arrow { right:247px; left:auto}
.research {margin:0 0 39px; padding:0 0 34px; border-bottom:solid 1px #ececec}
.about-docs {margin:0; padding:0; }
.about-docs a { display:block; text-align:center; margin:0px 4% 40px; padding:0px; color:#666666; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:22.51px; float:left; width:12%}
.about-docs a img { max-width:100%; margin:0 0 20px}
.no-border {border:none !important;}
.about-text {float:left; padding:0; width:48%; display:block}
/*Contact*/
.contact-box { margin:0; padding:0}
.contact-left { float:left; width:25.42%; margin:0; padding:0}
.contact-left h4 { font-size:24px}
.contact-left h6 { padding:10px 0 6px }
.contact-left p { padding:0 0 25px}
.contact-form { float:right; width:49.15%; margin:0; padding:0;}
#contact-form { margin:0; padding:0; width:100%; line-height:40px; color:#666; font-size:16px;}
.third{width:32%;margin-right:2%;float:left;}
.last{margin-right:0px;}
#contact-form .input-contact { margin:0 0 5px; padding:0; border:solid 4px #ececec; width:98.54%; height:40px}
#contact-form input[type="text"],#contact-form input[type="password"] { height:40px; line-height:40px; width:100%; text-indent:10px; background:none; border:none; color:#c8c9cb; font-size:16.85px; margin:0; padding:0; box-shadow: none;}
.contact-row { width:1005; margin:0; padding:0}
#contact-form .contact-row .input-contact { width:48.10%; float:left}
#contact-form .contact-row .input-contact.last { float:right}
#contact-form .input-contact-textarea { margin:0 0 7px; padding:0; border:solid 4px #ececec; width:98.54%; height:206px}
#contact-form .input-contact-textarea textarea {height:186px; line-height:20px; margin:0; padding:0; background:none; border:none; color:#c8c9cb; font-size:16.85px; font-family:Arial, Helvetica, sans-serif; resize:none;width:90%;padding-left:15px;}
#contact-form .input-contact-textarea2 { height:90px}
#contact-form .input-contact-textarea2 textarea {height:80px;}
#contact-form input[type="submit"] { border:none; cursor:pointer; width:153px; height:40px; line-height:40px; font-size:14.53px; float:left}
.input-contact-check { padding:0 0 27px; margin:0;}
.input-contact-check.left { float: left; width:24.1%;}
#contact-form .contact-row .input-contact-check.last {
float: left;
}
#contact-form label { color:#666666; font-size:15px; font-family:Arial, Helvetica, sans-serif; line-height:28px;}
#contact-form .checkbox { background:url(../images/checkbox-big-contact.jpg) no-repeat; margin:0 14px 0 0; padding:0; width:28px; height:27px;}
#contact-form p { padding:0; float:right; line-height:40px; color:#c8c9cb; font-size:14px;}
#contact-form .input-contact-textbox { margin:0 0 7px; padding:0; border:solid 4px #ececec; width:98.54%; height:40px}
.all-form {width:40%;}
#contact-form select{border: 0; /*Removes border*/
background: transparent;
-webkit-appearance: none; /*Removes default chrome and safari style*/
-moz-appearance: none; /* Removes Default Firefox style*/
text-indent: 0.0p1x; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/
color:#c8c9cb; font-family: Arial, Helvetica, sans-serif; font-size:16.85px; line-height:40px; height:40px;width:110%;padding:0px; text-indent:5px;}
#contact-form .selectbox{ margin:0 0 5px; padding:0; border:solid 4px #ececec; width:98.54%; height:40px;
background: url('../images/arrow-down.png') no-repeat; /*Adds background-image*/
background-position: 98% center; /*Position of the background-image*/}
/*staff portal*/
#menustaff ul { margin:0; padding:0 0 40px; list-style:none}
#menustaff li { margin:0 0.6% 12px; padding:0; background:none; width:23.72%; float:left}
#menustaff li a { background:#ececec; display:block; margin:0; padding:208px 0 0; text-align:center; color:#666666; font-size:23.99px; line-height:28px; font-weight:bold; min-height:90px}
#menustaff li#mnstaff1 a {background-image:url(/images/staff-portal-img1.png); background-repeat:no-repeat; background-position:center 57px;}
#menustaff li#mnstaff2 a {background-image:url(/images/staff-portal-img2.png); background-repeat:no-repeat; background-position:center 57px;}
#menustaff li#mnstaff3 a {background-image:url(/images/staff-portal-img3.png); background-repeat:no-repeat; background-position:center 57px;}
#menustaff li#mnstaff4 a {background-image:url(/images/staff-portal-img4.png); background-repeat:no-repeat; background-position:center 57px;}
#menustaff li#mnstaff5 a {background-image:url(/images/staff-portal-img5.png); background-repeat:no-repeat; background-position:center 57px;}
#menustaff li#mnstaff6 a {background-image:url(/images/staff-portal-img6.png); background-repeat:no-repeat; background-position:center 57px;}
#menustaff li#mnstaff7 a {background-image:url(/images/staff-portal-img7.png); background-repeat:no-repeat; background-position:center 57px;}
#menustaff li#mnstaff8 a {background-image:url(/images/staff-portal-img8.png); background-repeat:no-repeat; background-position:center 57px;}
#menustaff li#mnstaff9 a {background-image:url(/images/staff-portal-img9.png); background-repeat:no-repeat; background-position:center 57px;}
#menustaff li#mnstaff10 a {background-image:url(/images/staff-portal-img10.png); background-repeat:no-repeat; background-position:center 57px;}
#menustaff li a:hover { background-color:#c3c3c3; text-decoration:none}
.staff-search { float:right; margin:-30px 0 20px 0; padding: 0 10px; width: 94%; max-width:395px ;position:relative;}
.staffportal-search-all{position:absolute;display:none;background:#f6f6f6;z-index:99999 !important;width:100%;}
.staffportal-search { background:#ececec;width:98%; margin:20px 0 0 0; padding:1%;}
.staffportal-search-all .header-search{margin:1.5%;width:95%;}
#staffportal-search { margin:0; padding:0; background:#fff; width:100%}
#staffportal-search input[type=text] { background:none; margin:0; padding:0 2% 0 6.13%; float:left; height:36px; line-height:36px; color:#c8c9cb; font-size:14px; font-family:Arial, Helvetica, sans-serif; border:none; width: 79%;}
#staffportal-search input[type=submit] { background:url(../images/header-search-btn.jpg) no-repeat 0 0; height:32px; width:34px; float:right; margin:2px 2px 2px 0; border:none; cursor:pointer; font-size:0; text-indent:-9999;padding:0; display:block}
#staffportal-search input[type=submit]:hover { background-position: 0 -32px;}
/* Site Map */
.sitemap p {line-height:30px;}
.sitemap h4 {line-height:14px; padding-top:20px; font-weight:bold;}
.sitemap .third{width:29%;margin-right:5%;float:left;}
.sitemap .last{margin-right:0px;}
/* Webform menu */
#menuwebform ul { margin:0; padding:0 0 40px; list-style:none}
#menuwebform li { margin:0 0.6% 12px; padding:0; background:none; width:33%; float:left}
#menuwebform li a { background:#ececec; display:block; margin:0; padding:208px 0 0; text-align:center; color:#666666; font-size:23.99px; line-height:28px; font-weight:bold; min-height:90px}
#menuwebform li#mnstaff1 a {background-image:url(/images/staff-portal-img6.png); background-repeat:no-repeat; background-position:center 57px;}
#menuwebform li#mnstaff2 a {background-image:url(/images/staff-portal-img6.png); background-repeat:no-repeat; background-position:center 57px;}
#menuwebfrom li a:hover { background-color:#c3c3c3; text-decoration:none;}
/* Safety Data Sheets */
.grey-box {float:left; /*border: solid 2px #ececec;*/ width:100%; display:block; margin-bottom: 20px;}
.form-text {float:left; margin:0 4% 0 0; width:44%; position: relative;}
.form-box {float:left; margin:0; width:48%; position: relative;}
.form-text h2 { padding:0 0 30px; margin:0;}
#contact-form .input-ghs { margin:0 0 5px 6px; padding:0; border:solid 4px #ececec; height:40px}
#contact-form .ghs-row .input-ghs { width:47%; float:left}
#contact-form .ghs-row .input-ghs.last { width:47%; float:left;}
#contact-form .ghs-row .submit-ghs { width:47%; float:left; margin:0 0 5px 6px;}
.submit-ghs .simple-button{height:46px !important;}
.ghs-details { margin: 0 0 40px 0; padding:0; border-top:solid 1px #f1f1f1}
.ghs-details h3 { background:url(../images/medical-details-h3-bg.png) no-repeat right 0; color:#1978be; font-size:16px; font-weight:bold; line-height:70px; margin:0; padding:0; cursor:pointer; border-bottom:solid 1px #f1f1f1}
.ghs-details h3.current { border-bottom:none; background-position:right -91px}
.ghs-content { margin:0; border-bottom:solid 1px #f1f1f1}
.favorite-forms h1{ float:none}
.favorite-forms .item {float: none ;
width: auto;
margin: 0;
text-align: left;}
.filter-title { padding-bottom:10px}
.downloadbtn {width:26px; height:30px; float:right;margin-right:15px;}
.downloadbtn a { background:url(../images/download-btn.png) no-repeat; display:block;width:26px; height:30px; font-size:0}
.downloadbtn a:hover { background:url(../images/download-btn.png) no-repeat 0 -30px; }
#map-div{width: 100% !important; overflow: hidden !important;}
.hideThis,.hidethis{display:none !important;}
#hidethis{display:none;}
.Videos .downloadbtn,.Videos .downloadbtn-big{display:none !important;}
#contact-form .cap p{float:left;}
.cap{text-align:right;}
#contact-form input[type="text"]#CaptchaV2 {
margin: 0 0 7px;
border: solid 4px #ececec;
width: 98.54% !important;
}
/* Tables */
.seminar-table {
vertical-align:top;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 1.4em;
border-collapse: collapse;
width:100%;
margin: 10px 0 20px 0;
}
.seminar-table thead th{
padding:15px;
color:#fff;
text-align: left;
background-color: #1978be;
border: 2px solid #ffffff;
}
.seminar-table tbody td{
vertical-align:top;
padding:15px;
text-align:left;
background-color: #f2f2f2;
border: 2px solid #ffffff;
color:#666666;
}.seminar-table tbody td p{
font-size:14px;
color:#666666;
}
.seminar-table ol, ul{
padding:0px 0px 10px 10px;
margin-top:0px;
}
.seminar-table li{
padding-bottom:5px;
}
.seminar-table ul li{
list-style:disc;
}
/*test page css*/
.column-right .productfeaturelist {
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.column-right .productItem {
float: left;
list-style: outside none none;
margin: 0;
padding: 0;
width: 100%;
}
.column-full {
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.column-left {
float: left;
margin: 0 0px 0 0;
padding: 0;
width: 100%;
}
.sticky-wrapper {
float: left;
margin: 0 70px 0 0 !important;
width: 30% !important;
}
.column-right {
float: left;
padding: 0;
width: 64%;
}
.jump-to-letter {
background: #ff9933 none repeat scroll 0 0;
margin: 0;
padding: 0;
width: 100%; float:left;
}
.jump-to-letter > p {
color: #fff;
font-family: arial;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 10px 0 10px 20px; float:left; float:left;
}
.letter-data {
float: left;
margin: 0;
padding: 0;
width: 101%;
}
.letter-data-box a {
background: #fff none repeat scroll 0 0;
border: 2px solid #f2f2f2;
float: left;
font-weight: bold;
margin: 0;
padding: 10px;
text-align: center;
width: 9.8%;
}
.product-detail {
background: #1978be none repeat scroll 0 0;
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.product-data {
border: 2px solid #f2f2f2;
float: left;
margin: 0;
padding: 20px 0;
width: 99.5%;
}
.product-name {
float: left;
margin: 0 30px 0 0;
padding: 0 0 0 50px;
width: 59%;
}
.download {
float: left;
margin: 0;
padding: 0;
width: 30%;
}
.product-name > span {
color: #fff;
float: left;
font-size: 13px;
font-weight: bold;
margin: 0;
padding: 10px 0 10px 0;
}
.download > span {
color: #fff;
float: left;
font-size: 13px;
font-weight: bold;
margin: 0;
padding: 10px 0 10px 0;
}
.product-name > img {
float: left;
margin: 0 25px 0 0;
padding: 0;
}
.product-name h2 {
color: #666666;
float: left;
font-size: 16px;
margin: 20px 0 0;
padding: 0;
}
.download img {
float: left;
margin: 0 10px 0 0;
padding: 0;
}
.download a p {
color: #1978be;
float: left;
font-size: 13px;
font-weight: normal;
line-height: 16px;
margin: 0;
padding: 0;
width: 73px;
}
.show-hide-arrow {
cursor: pointer;
display: none;
float: left;
margin: 14px 0 0;
padding: 0;
}
.top-arrow {
float: right;
margin: 30px 0 0;
padding: 0;
text-align: center;
width: 85px;
}
.top-arrow a:hover { text-decoration:none;}
.close-button {
float: right;
margin: -42px 0 0;
padding: 0;
position: absolute;
width: 289px; display:none;
}
.close-button a img {
float: right !important;
width: auto !important;
}
/*proxy page*/
.proxy-item {
clear:left;
padding-bottom:10px;
}
.proxy-item img{
padding:0 1rem 1rem 0;
display:block;
width:35%;
max-width:140px;
position:relative;
}
.proxy-item h2{
color:#1978be;
font-size:24px;
line-height:28px;
font-weight:bold;
margin:0;
padding:0;
}
.proxy-item h3{
color:#939598; font-size:20px;
line-height:24px;
margin:0;
padding:0;
}
.proxy-item p{
font-size:16px
margin-bottom:3rem;
}
.proxy-item p em{
font-size:14px
}
.section{
padding-top:3rem;
}
.proxy-text{
display:block;
overflow:hidden;
}
.proxy-text ul, .proxy-item ul{
list-style-type: disc;
padding-top:10px;
}
.proxy-text ul li, .proxy-item ul li{
color:#666666;
font-size:14px;
}
.orange{
color:#ff9933;
}
.sportkote-gallery img{
width:100%;
}
.columns .simple-button {
margin: 12px 15px 12px 0;
width: 149px
}
.section hr {
margin:2rem 0;
}
/*responsive photogallery */
#photogalleryTable {
margin-bottom: 2rem;
}
#photogalleryTable img {
width: 100%;
transition-duration: 0.5s;
border: 1px solid #e7e7e7;
padding: 3px;
margin: 10px 0px;
}
#photogalleryTable img:hover {
opacity: 0.8;
}
#caption {
font-size:18px;
color: #1978be;
}
#lightboxImage {
max-width:800px;
}
/*Community CSS*/
.community-bg {
width: 100%;
float: left;
margin: 0;
padding: 0;
}
.community-box {
width: 100%;
float: left;
margin: 0 0 40px 0;
padding: 0 0 45px 0;
border-bottom: 1px solid #ccc;
}
.community-box:last-child { margin-bottom:0px;}
.community-left-side {
width: 33.9%;
float: left;
margin: 0 55px 0 0;
padding: 0; text-align: center;
}
.community-right-side {
width: 61.4%;
float: left;
margin: 0;
padding: 0;
}
.community-right-side h2 {
margin: 0 0 15px 0;
padding: 0;
float: left;
width: 100%;
font-weight: normal;
line-height: 25px;
}
.community-bg .community-right-side p {
float: left;
margin: 0 0 15px 0;
padding: 0;
width: 100%;
border-bottom: 0px;
text-align: left; font-size: 16px;line-height: 25px;
}
.community-right-side a {
color: #666666 !important;
float: left;
margin: 0;
padding: 0;
width: 100%;
font-size: 20px;
}
.community-bg p {
text-align: center;
padding: 0 0 40px 0;
margin: 0 0 60px 0;
float: left;
width: 100%;
border-bottom: 1px solid #ccc; font-size: 27px;line-height: 36px;
}
.community-right-side ul {
width: 100%;
float: left;
margin: 0;
padding: 0;
}
.community-right-side ul li { list-style: inside; float:left; margin:0 0 10px 0; padding:0px; width:100%; color:#666666; font-size:15px;}
/*media query*/
@media (min-width: 768px) and (max-width: 1024px){
.history-buttons a {margin: 0 2% !important;}
.community-left-side {width: 35.1%;margin: 0 25px 0 0;}
.community-left-side img {width: 238px;}
.medium-6.columns.proxy { width: 45% !important;}
.pdf-detail-box { width: 30%;}
.jump-to-letter { width: 218px;}
.letter-data-box a { width: 12.3px;}
.letter-data { width: 218px;}
.column-right { width: 65%;}
.product-name { padding: 0 0 0 16px;}
.sticky-wrapper {float: left; margin: 0 30px 0 0 !important; width: 218px !important;}
#contact-form .ghs-row .input-ghs { width:97%; float:left}
#contact-form .ghs-row .input-ghs.last { width:97%; float:left;}
#lightboxImage {width:96% !important;}
.good-distributors-container { margin: 0 0 25px; padding: 40px 17px;}
.good-distributors-box { margin: 0 20px 0 0; width: 31%;}
.good-distributors-box img { width: 100%;}
.good-distributors-box1 { margin: 0 20px 0 0; width: 24%;}
.good-distributors-box2 { margin: 0 20px 0 0; width: 22%;}
.good-distributors-box3 { width: 14%;}
}
@media (min-width: 768px) and (max-width: 884px){
.history-pop#history-2 .education-arrow {left: 157px !important;}
.history-pop#history-3 .education-arrow { left: 295px !important;}
.history-pop#history-4 .education-arrow { left: 395px !important;}
.history-pop#history-5 .education-arrow { left: 510px !important;}
.history-pop#history-6 .education-arrow { left: 625px !important;}
.history-pop#history-1 .education-arrow { left: 35px !important;}
}
@media (min-width: 885px) and (max-width: 950px){
.history-pop#history-2 .education-arrow {left: 157px !important;}
.history-pop#history-3 .education-arrow { left: 313px !important;}
.history-pop#history-4 .education-arrow { left: 415px !important;}
.history-pop#history-5 .education-arrow { left: 535px !important;}
.history-pop#history-6 .education-arrow { left: 660px !important;}
.history-pop#history-1 .education-arrow { left: 35px !important;}
}
@media (min-width: 951px) and (max-width: 1024px){
.history-pop#history-2 .education-arrow {left: 20% !important;}
.history-pop#history-3 .education-arrow { left: 36% !important;}
.history-pop#history-4 .education-arrow { left: 47% !important;}
.history-pop#history-5 .education-arrow { left: 60% !important;}
.history-pop#history-6 .education-arrow { left: 74% !important;}
.history-pop#history-1 .education-arrow { left: 6% !important;}
}
@media (min-width: 1025px) and (max-width: 1130px){
.community-left-side.biofilms-video {width: 48% !important;margin-right: 20px;}
.community-left-side.biofilms-video iframe {width: 100%;height: 254px;}
.community-right-side.biofilms-img {width: 497px !important;}
.history-pop#history-2 .education-arrow {left: 26% !important;}
.history-pop#history-3 .education-arrow { left: 41% !important;}
.history-pop#history-4 .education-arrow { left: 52% !important;}
.history-pop#history-5 .education-arrow { left: 66% !important;}
.history-pop#history-6 .education-arrow { left: 79% !important;}
.history-pop#history-1 .education-arrow { left: 10% !important;}
}
@media (min-width: 1131px) and (max-width: 1199px){
.community-left-side.biofilms-video {width: 49.1% !important;margin-right: 20px;}
.community-left-side.biofilms-video iframe {height: 275px;}
.community-right-side.biofilms-img {width: 532px !important;}
}
@media (min-width: 701px) and (max-width: 767px){
.community-left-side.biofilms-video {width: 45% !important;margin-right: 10px;}
.community-right-side.biofilms-img {width: 53% !important;}
.community-left-side.biofilms-video iframe {width: 100%;height: 185px;}
.community-left-side {width: 35.1%;margin: 0 25px 0 0;}
.community-left-side img {width: 238px;}
.community-right-side {width: 61.1%;}
.history-buttons a { width: 16.5% !important; background-size: 70px 70px !important; font-size: 8px !important;}
.history-pop { margin: 20px 0 0 !important;}
.history-pop#history-2 .education-arrow {left: 21% !important;}
.history-pop#history-3 .education-arrow { left: 42% !important;}
.history-pop#history-4 .education-arrow { right: 39% !important;}
.history-pop#history-5 .education-arrow { right: 23% !important;}
.history-pop#history-6 .education-arrow { right: 6% !important;}
.history-pop#history-1 .education-arrow { left: 6% !important;}
.shop-box {margin: 10px 0 0 0;}
}
@media (min-width: 768px) and (max-width: 992px){
.community-left-side.biofilms-video {width: 46% !important;margin-right: 10px;}
.community-left-side.biofilms-video iframe {height: 190px;}
.community-right-side.biofilms-img {width: 373px !important;float: left;}
.product-search { width: 98%;}
.calibar-input { width: 98.6%;}
.result-data li.articlelink { width: 30.7%;}
.result-data li.articlelink:nth-child(5n+5) { margin-right: 10px;}
.result-data li.articlelink:nth-child(3n+3) { margin-right: 0px;}
}
@media (min-width: 992px) and (max-width: 1024px){
.community-left-side.biofilms-video {width: 48% !important;margin-right: 10px;}
.community-left-side.biofilms-video iframe {height: 238px;}
.community-right-side.biofilms-img {width: 459px !important;float: left;}
.product-search { width: 98.7%;}
.calibar-input { width: 98.7%;}
.result-data li.articlelink { width: 22.9%;}
.result-data li.articlelink:nth-child(5n+5) { margin-right: 10px;}
.result-data li.articlelink:nth-child(3n+3) { margin-right: 10px;}
.result-data li.articlelink:nth-child(4n+4) { margin-right: 0px;}
}
@media (min-width: 1025px) and (max-width: 1169px){
.community-left-side {width: 38.9%;margin: 0 48px 0 0;}
.community-right-side {width: 56.4%;}
}
@media (min-width: 1025px) and (max-width: 1199px){
.item-img > img { width: 100% !important;}
.result-data li.articlelink { width: 18%;}
.product-search { width: 98%;}
.sticky-wrapper { margin: 0 61px 0 0 !important;}
.letter-data-box a { width: 8.8%;}
.product-name { padding: 0 0 0 40px;}
}
@media (min-width: 1025px) and (max-width: 1118px){
.good-distributors-box { margin: 0 87px 0 0;}
.good-distributors-box1 { margin: 0 65px 0 0;}
.good-distributors-box2 { margin: 0 59px 0 0;}
.good-distributors-box3 { width: 122px;}
}
@media (min-width: 700px) and (max-width: 767px){
.product-search { width: 98%;}
.calibar-input { width: 98.6%;}
.result-data li.articlelink { width: 30.5%;}
.result-data li.articlelink:nth-child(5n+5) { margin-right: 10px;}
.result-data li.articlelink:nth-child(3n+3) { margin-right: 0px;}
.main-top-splitted.clearfix.hide-phone { display: block;}
.sticky-wrapper { margin: 0 20px 0 0 !important;}
.jump-to-letter { width: 197px;}
.letter-data { width: 197px;}
.letter-data-box a { width: 8.8px;}
.column-right { width: 67%;}
.product-name { padding: 0 0 0 15px;}
.pdf-detail-box { width: 35%;}
.good-distributors-container { margin: 0 0 25px; padding: 40px 10px;}
.good-distributors-box { margin: 0 20px 0 0; width: 21%;}
.good-distributors-box img { width: 100%;}
.good-distributors-box1 { margin: 0 20px 0 0; padding: 0; width: 27%;}
.good-distributors-box2 { margin: 0 20px 0 0; width: 25%;}
.good-distributors-box3 { width: 14%;}
}
@media (min-width: 700px) and (max-width: 760px){
.survey label {
line-height: 27px !important;
}
.survey { float: left; margin: 0 0 5px; padding: 0; width: 100%;}
}
@media (min-width: 761px) and (max-width: 1025px){
.survey label {
line-height: 28px !important;
}
.survey { float: left; margin: 0 0 5px; padding: 0; width: 100%;}
}
@media (min-width: 700px) and (max-width: 767px){
.medium-6.columns.proxy {
width: 98% !important;
}
}
@media (min-width: 601px) and (max-width: 700px){
.community-left-side.biofilms-video {width: 100% !important;margin-bottom: 10px;margin-right: 0px;}
.community-right-side.biofilms-img {width: 100% !important;}
.community-left-side {width: 35%;margin: 0 25px 0 0;}
.community-left-side img {width: 201px;}
.community-right-side {width: 60.5%;}
.community-right-side h2 {font-size: 22px;}
.community-bg p {padding: 0 0 25px 0;margin: 0 0 30px 0;}
.community-box {margin: 0 0 20px 0;padding: 0 0 25px 0;}
.history-buttons a { width: 16.5% !important; background-size: 70px 70px !important; font-size: 8px !important;}
.history-pop { margin: 20px 0 0 !important;}
.history-pop#history-2 .education-arrow {left: 21% !important;}
.history-pop#history-3 .education-arrow { left: 42% !important;}
.history-pop#history-4 .education-arrow { right: 39% !important;}
.history-pop#history-5 .education-arrow { right: 23% !important;}
.history-pop#history-6 .education-arrow { right: 6% !important;}
.history-pop#history-1 .education-arrow { left: 6% !important;}
.shop-box {margin: 10px 0 0 0;}
.description-left-side {width: 51%;}
}
@media (min-width: 501px) and (max-width: 600px){
.community-left-side.biofilms-video {width: 100% !important;margin-right: 10px;}
.community-right-side.biofilms-img {width: 100% !important;}
.community-left-side {width: 35%;margin: 0 25px 0 0;}
.community-left-side img {width: 165px;}
.community-right-side {width: 59.6%;}
.community-right-side h2 {font-size: 19px; margin: 0 0 10px 0;}
.community-bg p {padding: 0 0 25px 0;margin: 0 0 30px 0;}
.community-box {margin: 0 0 20px 0;padding: 0 0 25px 0;}
.community-bg .community-right-side p {font-size: 15px;}
.history-buttons a { width: 16.5% !important; background-size: 70px 70px !important; font-size: 8px !important;}
.history-pop { margin: 20px 0 0 !important;}
.history-pop#history-2 .education-arrow {left: 21% !important;}
.history-pop#history-3 .education-arrow { left: 42% !important;}
.history-pop#history-4 .education-arrow { right: 39% !important;}
.history-pop#history-5 .education-arrow { right: 23% !important;}
.history-pop#history-6 .education-arrow { right: 6% !important;}
.history-pop#history-1 .education-arrow { left: 6% !important;}
.shop-box {margin: 10px 0 0 0;}
.description-left-side {width: 57%;}
}
@media (min-width: 320px) and (max-width: 500px){
.community-left-side.biofilms-video {width: 100% !important;margin-bottom: 10px;}
.community-left-side.biofilms-video iframe {width: 100%;height: 100%;}
.community-right-side.biofilms-img {width: 100% !important;}
.community-left-side {width: 100%;margin: 0 0px 20px 0;}
.community-left-side img {width: 100%;}
.community-right-side {width: 100%;}
.community-right-side h2 {font-size: 19px; margin: 0 0 10px 0; font-weight:bold;}
.community-bg p {padding: 0 0 25px 0;margin: 0 0 30px 0;}
.community-box {margin: 0 0 20px 0;padding: 0 0 25px 0;}
.community-bg .community-right-side p {font-size: 15px;}
.history-buttons a { background-size: 69px 69px !important; width: 16.4% !important;font-size: 8px !important;}
.history-buttons a:hover, .history-buttons a.active2 { background-size: 74px !important; font-size: 8px !important;}
.history-pop { margin: 20px 0 0 !important;}
.history-pop#history-2 .education-arrow {left: 19% !important;}
.history-pop#history-3 .education-arrow { left: 43% !important;}
.history-pop#history-4 .education-arrow { right: 37% !important;}
.history-pop#history-5 .education-arrow { right: 20% !important;}
.history-pop#history-6 .education-arrow { right: 3% !important;}
.shop-box {margin: 10px 0 0 0;}
.shop-box a {padding: 12px 22px 12px 9px;font-size: 17px;background: url(../images/distribuitor-wide-button-bg.png) no-repeat 205% -11px #f93;}
.shop-box a:hover { background:url(../images/distribuitor-wide-button-bg.png) no-repeat 205% -11px #e88a30; text-decoration:none;}
.description-right-side {margin: 0 0 0px 0;}
.description-left-side {margin: 0;width: 100%;}
}
@media (min-width: 601px) and (max-width: 699px){
.survey label {
line-height: 27px !important;
}
.survey { float: left; margin: 0 0 5px; padding: 0; width: 100%;}
.medium-6.columns.proxy {
width: 97% !important;
}
.product-search { width: 98%;}
.calibar-input { width: 98.6%;}
.result-data li.articlelink { width: 30%;}
.result-data li.articlelink:nth-child(5n+5) { margin-right: 10px;}
.result-data li.articlelink:nth-child(3n+3) { margin-right: 0px;}
.pdf-detail-box { width: 42%;}
.main-top-splitted.clearfix.hide-phone { display: block;}
.sticky-wrapper { margin: 0 20px 0 0 !important; width: 197px !important;}
.jump-to-letter { width: 197px;}
.letter-data { width: 197px;}
.letter-data-box a { width: 8.8px;}
.column-right { width: 61%;}
.product-name { padding: 0 0 0 7px; margin:0 15px 0 0;}
.product-name > img { display: none;}
.download { width: 34%;}
.product-name h2 { margin: 0;}
.good-distributors-container { margin: 0 0 25px; padding: 40px 10px;}
.good-distributors-box { margin: 0 20px 0 0; width: 21%;}
.good-distributors-box img { width: 100%;}
.good-distributors-box1 { margin: 0 20px 0 0; padding: 0; width: 27%;}
.good-distributors-box2 { margin: 0 20px 0 0; width: 25%;}
.good-distributors-box3 { width: 14%;}
.good-distributors-box2 > p {
font-size: 13px;
padding: 0;
}
}
@media (max-width: 767px){
.form-text {float:left; margin:2% 2% 2% 2%; width:95%; position: relative;}
.form-box {float:left; margin:2% 2% 2% 2%; width:93%; position: relative;}
#contact-form .ghs-row .input-ghs { width:97%; float:left}
#contact-form .ghs-row .input-ghs.last { width:97%; float:left;}
#contact-form .ghs-row .submit-ghs { width:97%; float:left; margin:0 0 5px 6px;}
.about-text {float:left; padding:0; width:100%; display:block}
#lightboxImage {width:96% !important;}
}
@media (min-width: 501px) and (max-width: 600px){
.survey label {
line-height: 27px !important;
}
.survey { float: left; margin: 0 0 5px; padding: 0; width: 100%;}
.medium-6.columns.proxy {
width: 97% !important;
}
.product-search { width: 98%;}
.calibar-input { width: 97.6%;}
.result-data li.articlelink { width: 29.3%; min-height: 290px;}
.result-data li.articlelink:nth-child(5n+5) { margin-right: 10px;}
.result-data li.articlelink:nth-child(3n+3) { margin-right: 0px;}
.item-img > img { width: 100%;}
.pdf-detail-box { width: 42%;}
.pdf-detail-box > h2 { font-size: 15px;}
.main-top-splitted.clearfix.hide-phone { display: block;}
.sticky-wrapper { margin: 0 20px 0 0 !important; width: 180px !important;}
.jump-to-letter { width: 180px;}
.letter-data { width: 180px;}
.letter-data-box a { width: 16px; padding:5px;}
.column-right { width: 57%;}
.product-name { padding: 0 0 0 3px; margin:0 15px 0 0;}
.product-name > img { display: none;}
.download { width: 34%;}
.product-name h2 { margin: 0;}
.product-data { width: 98.3%;}
.good-distributors-container { margin: 0 0 25px; padding: 40px 10px;}
.good-distributors-box { margin: 0 10px 0 0; width: 21%;}
.good-distributors-box img { width: 100%;}
.good-distributors-box1 { margin: 0 10px 0 0; padding: 0; width: 27%;}
.good-distributors-box2 { margin: 0 10px 0 0; width: 25%;}
.good-distributors-box3 { width: 14%;}
.good-distributors-box2 > p {
font-size: 11px;
padding: 0;
}
.good-distributors-box1 > p {
font-size: 12px;
line-height: 15px;
padding: 0 0 6px;
}
}
@media (min-width:320px) and (max-width: 500px){
.survey label {
line-height: 27px !important;
}
.survey { float: left; margin: 0 0 5px; padding: 0; width: 100%;}
.medium-6.columns.proxy {
width: 90% !important;
}
.calibar-input { width: 97%;}
.product-search { width: 96%;}
.item-img { display: none;}
.item-link > a { margin: 0; min-height: auto; padding: 5px 0; text-align: left;}
.result-data li.articlelink { width: 96%; border: 1px solid #c4e1f7; margin: 0 0 10px 0; background:#daefff;}
.pdf-detail-box { margin: 0 10px 0 0; width: 46%;}
.pdf-detail-box > h2 { font-size: 12px; line-height: 18px;}
.close-button { display:block;}
.sticky-wrapper { height: auto !important;}
.jump-to-letter > p { font-size: 18px; text-align: center; width: 223px;}
.main-top-splitted.clearfix.hide-phone { display: block;}
.column-left { margin: 0 0 20px; width: 100%;}
.show-hide-arrow { cursor: pointer; display: block; float: right; margin: 14px 20px 0 0;padding: 0;}
.letter-data { width: 100%; display:none;}
.letter-data-box a { width: 26px;}
.sticky-wrapper { float: none; margin: 0 auto 20px !important; overflow: hidden; width: 300px !important;}
.column-right { float: left; padding: 0; width: 100%;}
.product-name { margin: 0 10px 0 0; padding: 0 0 0 3px; width: 56%;}
.download { width: 39%;}
.product-name > img { display: none;}
.product-name h2 { margin: 0;}
.good-distributors-container {
background: #ececec none repeat scroll 0 0;
float: none;
margin: 0 auto 25px;
overflow: hidden;
padding: 20px 10px;
width: 275px;
}
.good-distributors-box {
float: left;
margin: 0 0 20px;
padding: 0;
width: 100%;
}
.good-distributors-box img {
width: 100%;
}
.good-distributors-box1 {
float: left;
margin: 0 0 20px;
padding: 0;
text-align: center;
width: 100%;
}
.good-distributors-box2 {
float: left;
margin: 0 0 20px;
padding: 0;
text-align: center;
width: 100%;
}
.good-distributors-box3 {
float: none;
margin: 0 auto;
overflow: hidden;
padding: 0;
text-align: center;
width: 94px;
}
}
@media (min-width:479px) and (max-width: 500px){
.jump-to-letter > p { width: 219px;}
.column-left { width: 100%;}
.letter-data-box a { width: 26px;}
.jump-to-letter { width: 300px;}
}