@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;500;600;700;900&display=swap');


 /* Body text */
 /*Text header*/
 /* Text link */
 /* Button */
 /* Light Grey */
 /* Medium Grey */
 /* Border light */
 /* Border dark */
 /* Menu alt bgd */
 /* sub menu text */
 /* Highlights */














/*intial declartaion of css */
* { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; box-sizing: border-box; }
html { -webkit-text-size-adjust: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary{ display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.55em }

/* remember to define focus styles! */
:focus { outline: 0; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* hubspot */
.header-container-wrapper ul,.footer-container-wrapper ul, .header-container-wrapper ol,.footer-container-wrapper ol { list-style: none; list-style-image: none; }
.row-fluid [class*="span"] {min-height: 0px !important;}

/**************************************** End hide from IE Mac & For modern browsers ***************************************************************/ 

*:before, *:after {box-sizing: border-box;}
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
::selection { background: #227f7f; color: #ffffff; }
::-moz-selection {background: #227f7f;color: #ffffff;}

/* body & Common Style */
body { font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-osx-font-smoothing: grayscale;  -webkit-tap-highlight-color: transparent;  font-family:  Fira Sans , sans-serif  ; font-weight:400; color:#6F6F6F;overflow-x:hidden; }
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after { display: none !important; }
a { color:#E28100; text-decoration: none; transition: all 0.5s ease ; outline: none; cursor: pointer;  }
a:hover { color:inherit; }
a:focus { color:inherit; outline: none; }
img { border: 0 none; max-width: 100%; vertical-align:middle;height:auto}
p { margin-bottom: 20px;}
h1,h2,h3,h4,h5,h6{ line-height:1.2; font-weight:500; color:#003366;}
.font19 { font-size:19px; color:#003366;}
.font20 { font-size:20px; color:#003366; line-height:1.4; }
.font24 { font-size:24px; color:#003366; font-weight:500; line-height:1.4; }
.dis-flex {display: flex; flex-wrap: wrap;}
.vmiddle{align-items:center;}
.vbottom{align-items:flex-end;}
.hcenter{justify-content:center;}
.hright{justify-content:right;}
.tc{text-align:center;}
.tr{text-align:right;}
.container,.row-fluid .span12.container{ max-width: 1230px ; width:100%; margin-left: auto ; margin-right: auto ; float: none; padding-left: 30px; padding-right: 30px; }
.dis-flex>.row-fluid-wrapper>.row-fluid:before, .dis-flex>.row-fluid-wrapper>.row-fluid:after{display:none;}
.detail-content { color: inherit; }
.detail-content>*:last-child { margin-bottom: 0; }
img.desktop { display: block; }
img.mobile { display: none; }

.button a,a.button,.main-contact-form form .hs_submit input,.button-reset button{text-align:center; border-radius:4px; display:inline-block; cursor:pointer; padding:8px 35px; color:#ffffff; font-size:15px; line-height:24px; font-weight:500; background:#F08100; text-transform:uppercase; }
.button a:hover,a.button:hover,.button-reset button:hover{ opacity: 0.8; }

.largebutton a,a.largebutton,form .hs_submit input,button.OpenForm,.largebutton a,a.largebutton,form .hs_submit input,button.OrdForm{ border-radius:4px; display:inline-block;    text-align: center; padding:16px; color:#ffffff; font-size:15px; line-height:18px; font-weight:500; background:#F08100; text-transform:uppercase; }
.largebutton a:hover,form .hs_submit input:hover,button.OpenForm:hover,.largebutton a:hover,form .hs_submit input:hover,button.OrdForm:hover{ opacity: 0.8; }

.right-download{ position:relative; display: block;}
.right-download:before { content: ''; background-image: url(https://3374133.fs1.hubspotusercontent-na1.net/hubfs/3374133/Biotage/down-arrow.png);transition: top 0.2s ease; height: 14px; width: 14px; background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; top: 18px; right: 20px; }
.right-download:after { content: ''; background: #6F6F6F; width: 14px; height: 2px; position: absolute; top: 34px; right: 20px; }
.right-download:hover:before { top: 20px; }
.link-cta a { display: inline-block; font-size: 15px; padding-right: 18px; position: relative; }
.link-cta a:after { position: absolute; content: "\f054 "; right: 0; top: 50%; transform: translateY(-50%); display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }


/*unique paddings*/
.p0-20 { padding-left:20px; padding-right:20px; }
.p10-0 { padding-top:10px; padding-bottom:10px; }
.p20-0 { padding-top:20px; padding-bottom:20px; }
.p30-0 { padding-top:30px; padding-bottom:30px; }
.p40-0 { padding-top:40px; padding-bottom:40px; }
.p50-0 { padding-top:50px; padding-bottom:50px; }
.p60-0 { padding-top:60px; padding-bottom:60px; }
.p70-0 { padding-top:70px; padding-bottom:70px; }
.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px  }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }
.pb60 { padding-bottom:60px; }
.pb70 { padding-bottom:70px; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px  }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }
.pt60 { padding-top:60px; }
.pt70 { padding-top:70px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }


/* Form CSS Start here */

/* laceholder opacity cross browsers */
input::-webkit-input-placeholder { color: #9A9A9A; opacity:1; font-size:15px; } /* WebKit browsers */
input:-moz-placeholder { color: #9A9A9A;opacity:1;font-size:15px; } /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color: #9A9A9A;opacity:1;font-size:15px;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color: #9A9A9A;opacity:1;font-size:15px; } /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color: #9A9A9A;opacity:1;font-size:15px; } /* WebKit browsers */
textarea:-moz-placeholder { color: #9A9A9A;opacity:1;font-size:15px; } /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color: #9A9A9A;opacity:1;font-size:15px; } /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color: #9A9A9A;opacity:1;font-size:15px; } /* Internet Explorer 10+ */

/* IE */
select::-ms-expand {display: none;}
input::-ms-clear { display:none;}

/* remove auto fill yellow color */
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0 100px #ffffff inset;-moz-box-shadow: 0 0 0 100px #ffffff inset;-webkit-text-fill-color: #6F6F6F;box-shadow: 0 0 0 100px #ffffff inset;	color:#6F6F6F ;}


/* Form CSS */
form .hs_error_rollup {display: none;}
form ul.hs-error-msgs{color:#ff0000;}

input,textarea,select {border-radius: 0; }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
button, input, select, textarea,option { font-size: 100%; margin: 0; vertical-align: baseline; font-family:  Fira Sans , sans-serif ; }
input[type="text"],input[type="tel"],input[type="email"]{ -webkit-appearance:none !important; }
input[type="submit"] {cursor: pointer;transition:all 0.5s ease;}
textarea { overflow: auto; vertical-align: top;resize:none; min-height:135px;}

/* Fieldset CSS */
form {font-size:15px;}
form ul{list-style:none;}
form fieldset{max-width:100%!important;}
form div.hs-form-field{float:none !important;display: inline-block;vertical-align: top;width: 100% !important;margin-bottom: 15px;}
form fieldset.form-columns-2 > div.hs-form-field{margin-right:2.9%; width: 48.5% !important;}
form fieldset.form-columns-2 > div.hs-form-field:last-child{margin-right:0;}
form fieldset.form-columns-3 > div.hs-form-field{margin-right:2.9%;width:31.4% !important;}
form fieldset.form-columns-3 > div.hs-form-field:last-child{margin-right:0;}
form span.hs-form-required { display: none; }

/* Input CSS */

form .input{margin-right:0 !important;}
form .hs-form-field > label {width: 100%; pointer-events: none; display:block;}
form textarea,form input[type="text"],form input[type="password"],form input[type="datetime"],form input[type="datetime-local"],form input[type="date"],form input[type="month"],form input[type="time"],form input[type="week"],form input[type="number"],form input[type="email"],form input[type="url"],form input[type="search"],form input[type="tel"],form input[type="color"],form select
{color: #6F6F6F; border: 1px solid #D7DAE2;padding: 10px 12px; width: 100% !important; margin:0 0 3px; border-radius: 4px;background-color: #ffffff;}
form input[type="search"] {-moz-appearance: none;-webkit-appearance: none;}
/* Select CSS */
form select {-moz-appearance: none;-webkit-appearance: none;background-image:url("https://3374133.fs1.hubspotusercontent-na1.net/hubfs/3374133/Biotage/Down%20Arrow%20C.png");background-position: 96% center;background-repeat: no-repeat ;background-size: 16px auto;}

/* Radio Button CSS */
form .input ul.inputs-list li label input[type="radio"]:checked+span:before { background-color:#1C7CD5;background-size: 11px; background-position: center center;border-radius:50%;box-shadow:0 0 0 4px #ffffff inset;   }
form .input ul.inputs-list li label input[type="radio"] { opacity: 0; display:none !important;}
form .input ul.inputs-list li label input[type="radio"]+span:before { border-radius: 4px; margin-top: -3px; content: ''; background: #ffffff; display: inline-block;vertical-align: middle; width: 15px;height: 15px; padding: 2px; margin-right: 6px; text-align: center; border:1px solid #D7DAE2;border-radius:50%;}

/* Check Box CSS */
form .input ul.inputs-list li label input[type="checkbox"]:checked+span:before {background-image: url('https://3374133.fs1.hubspotusercontent-na1.net/hubfs/3374133/Biotage/right%20%281%29.png');background-color:#1C7CD5; border-color:#1C7CD5;background-size: 11px; background-position: center center;background-repeat:no-repeat;}
form .input ul.inputs-list li label input[type="checkbox"] { opacity: 0; display:none !important;}
form .input ul.inputs-list li label input[type="checkbox"]+span:before { border-radius: 4px;  margin-top: -3px;content: ''; background: #ffffff; display: inline-block;vertical-align: middle; width: 15px;height: 15px; padding: 2px; margin-right: 6px; text-align: center; border:1px solid #D7DAE2;}

/* Button CSS */
form .hs_submit input,button.OpenForm { min-width: 278px; margin-bottom:10px;}
form .actions { text-align: center; margin-top: 15px; }

form div.hs-form-field .input > ul > li > label{cursor:pointer;}
form div.hs-form-field .input > ul > li{margin:0 0 10px;}

form .legal-consent-container .hs-form-booleancheckbox-display > span { margin-left: 0 !important; }
form .grecaptcha-badge { margin: 0 auto; }
.submitted-message { font-size: 20px; font-weight: 500; color:#003366; }

/* Menu */
/*.body-container-wrapper { margin-top: 164px; }*/
header{position: relative; top: 0; left: 0; width: 100%;z-index: 9;transform: translateY(0); transition: transform .2s ease; background-color: #ffffff ;}


.top-bar { background-color: #ffffff; color: #ffffff; font-size: 12px; padding: 1px 0; }
.top-bar ul.dis-flex { justify-content: flex-end; }
.top-bar li { margin-left: 15px; }
.top-bar li i { font-size: 18px; margin-right: 10px; }
.top-bar a { color: inherit; }
.top-bar a:hover{color:#ACD6FA;}
.top-bar .child-trigger{ display:none!important; }

.wrapper-header{background: #ffffff;position:relative;padding-top: 5px;border-bottom: 2px solid #E0E0E0;}
.wrapper-header .logo { width: 160px; }
.wrapper-header .search { width: calc(100% - 160px);    text-align: right; }
.wrapper-header .search a { color: #003366; font-size: 24px; }
.wrapper-header .menu{ width:100%; }
.wrapper-header .menu ul a{display: inline-block;transition: color .5s ease;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > a{ font-weight:500; } 


.search-popup {display:none; position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 10; background: rgba(0, 51, 102, 0.85); }
.overlay-content { height: 100%; display: flex; align-items: center; justify-content: center;width:100%; }
.search-popup .closebtn { position: fixed; top: 40px; right: 45px; font-size: 59px; cursor: pointer; color: #ffffff; }
.search-popup .closebtn span { font-size: 18px; vertical-align: middle; line-height: 18px; }
.search-popup .container { max-width: 650px; }

/* Footer */
.wrapper-footer { background-color: #6F6F6F;  padding: 27px 0px; }
.wrapper-footer .container{ }
.wrapper-footer .f-logo { width: 175px; }
.wrapper-footer .social-icons { display: flex; flex-wrap: wrap; justify-content: space-between; }
.wrapper-footer .social-icons ul { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
.wrapper-footer .social-icons ul li { font-size: 23px; margin-left: 7px; }
.wrapper-footer a { color:#ffffff; }
.wrapper-footer a:hover { color:#E28100!important; }
.footer-menu {  }
.footer-menu ul { display: flex;flex-wrap: wrap; align-items: center; justify-content: center; }
.footer-menu ul li { position: relative; padding: 5px 15px; font-size: 18px; }
.footer-menu ul li:not(:last-child):after { position: absolute;content: "";right:-2px; height: 15px; width: 2px; background:#ffffff;top: 50%;transform: translateY(-50%); }
.footer-content a{color:#d0d3d4;}
.footer-content ul { display: flex; flex-wrap: wrap; align-items: center; }
.footer-content ul li { position: relative; padding: 5px 10px; font-size: 14px; }
.footer-content ul li:not(:last-child):after { position: absolute; content: "";right:-1px; height: 12px; width: 2px; background:#d0d3d4; top: 50%;transform: translateY(-50%); }
.footer-content p{ color:#d0d3d4;font-size:14px;margin-bottom:0;}
.footer-content ul li:first-child { padding-left: 0; }



@media(min-width:768px){
  h1,h2,h3,h4,h5,h6{ margin-bottom:30px; }
  h1 { font-size:40px; }
  h2 { font-size:32px; }
  h3 { font-size:28px; }
  h4 { font-size:24px; }
  h5 { font-size:20px; }
  h6 { font-size:16px; line-height:1.5; }
  .wrapper-header .inner-top-bar{ display:none!important;}
}

@media(min-width:1025px){
  .small-header header { transform: translatey(-25px); }
  .small-header .wrapper-header { padding-top: 10px;}
  .small-header .wrapper-header .menu { width: calc(100% - 166px); order: 2; }
  .small-header .wrapper-header .logo { width: 140px; }
  .small-header .wrapper-header .search { width: 25px; order: 3; margin-bottom: 20px; }
  .small-header .wrapper-header .menu .hs-menu-wrapper > ul { justify-content: flex-end; }
  .small-header .wrapper-header .container > .vmiddle { align-items: flex-end; }
  .small-header .wrapper-header .menu ul>li.hs-menu-depth-1>a{padding: 23px 8px;}
  .small-header .wrapper-header .logo {padding-bottom: 10px; }
/*  .small-header .wrapper-header .menu ul>li.hs-menu-depth-1:not(:nth-child(1)):not(:nth-child(5)):not(:nth-child(7)):not(:nth-child(8)){ display:none;}*/
  body:not(.small-header) .wrapper-header .sticky-menu{ display:block;}

  .wrapper-header .sticky-menu ul { display: flex;flex-wrap: wrap; align-items: center; justify-content: flex-end;}
  .wrapper-header .sticky-menu ul li { position: relative; padding: 0 12px;}
  .wrapper-header .sticky-menu ul li:not(:last-child):after { position: absolute;content: "";right:-2px; height: 14px; width: 2px; background:#6F6F6F;top: 50%;transform: translateY(-50%); }
  .wrapper-header .sticky-menu a{color:#6F6F6F;}
  .wrapper-header .sticky-menu a:hover{color:#E28100;}
  .wrapper-header .sticky-menu {margin-bottom: -12px; }


  .wrapper-header .hs-menu-wrapper{display: flex;justify-content: flex-end;}
  .wrapper-header .mobile-trigger{display: none!important;}
  .wrapper-header .menu .hs-menu-wrapper > ul{display: flex; flex-wrap: wrap;}
  .wrapper-header .hs-menu-depth-1 > ul.hs-menu-children-wrapper { display: flex; flex-wrap: wrap; }
  .wrapper-header li.hs-menu-item.hs-menu-depth-2 { width:11.11%;padding: 0 10.5px; }
  .wrapper-header .menu ul > li.hs-menu-depth-1 > a{color:#003366;text-transform: uppercase;padding:13px 30px 13px 0;}
  .wrapper-header .menu ul .child-trigger{display:none;}
  .wrapper-header .menu ul>li.hs-menu-depth-1>ul.hs-menu-children-wrapper { position: absolute; background: #003366; width: 100%; visibility: hidden; left: 0; right: 0; top: 100%; max-width:1230px; margin: 0px auto;padding:11px 21px;z-index:9999;display:flex; justify-content:flex-end; }
  .wrapper-header .menu ul>li.hs-menu-depth-1 ul.hs-menu-children-wrapper:before { position: absolute; content: ""; background: #003366; width: 100vw; height: 100%; left: -100vw; top: 0; }
  .wrapper-header .menu ul>li.hs-menu-depth-1 ul.hs-menu-children-wrapper:after { position: absolute; content: ""; background: #003366; width: 100vw; height: 100%; right: -100vw; top: 0; }
  .wrapper-header .hs-menu-depth-2 > a >img { margin-bottom: 10px;width:100%;min-width: 110px;height:90px;object-fit:cover; }
  .wrapper-header .hs-menu-depth-2 > a { color: #F1F9FF;width:100%;overflow: hidden; font-weight:500;border-bottom: 2px solid transparent;position: relative; text-transform: uppercase; text-align: center; font-size: 14px; line-height: 1.2; padding-bottom: 7px; }
  .wrapper-header .hs-menu-depth-2 > a:before { position: absolute; content: ""; height: 90px; width: 100%; background: rgba(0,0,0,0.25); }
  .wrapper-header .hs-menu-depth-2 > a:hover{border-color: #ffffff; }
  .wrapper-header .hs-menu-depth-2 > a:hover:before { background: rgba(0,0,0,0);}
  .wrapper-header .hs-menu-depth-2 > ul.hs-menu-children-wrapper { visibility: hidden; position: absolute; width: 100%; left: 0; top: 158px;background-color: #003366; padding: 20px 10px 45px;display: flex; flex-wrap: wrap; }
  .wrapper-header .hs-menu-depth-2:hover > ul.hs-menu-children-wrapper, .wrapper-header .menu ul > li.hs-menu-depth-1:hover > ul.hs-menu-children-wrapper { visibility: visible;}
  .wrapper-header .hs-menu-depth-3 { width: 25%; border-left: 1px solid rgba(255, 255, 255, 0.4); padding: 0 20px; }
  .wrapper-header .list-wrap{ width:100%; display: flex; flex-wrap: wrap;}
  .wrapper-header .box-item + .list-wrap .hs-menu-depth-3 { width:33.33%;}
  .wrapper-header .box-item + .list-wrap { width: 75%;  }
  .wrapper-header .hs-menu-depth-3 > a { color: #ffffff; font-size: 18px; margin: 5px 0; }
  .wrapper-header .hs-menu-depth-4 > a { color: #ACD6FA; }
  .wrapper-header .hs-menu-depth-4 > a:hover{ color:#ffffff;}
  .wrapper-header .hs-menu-children-wrapper > .list-wrap:nth-child(1) .hs-menu-depth-3:nth-child(1), .wrapper-header .hs-menu-children-wrapper > .list-wrap:nth-child(1) .hs-menu-depth-3:nth-child(5){border-left:0;}


  .box-item { width: calc(25% - 40px); margin:0 20px; background-color: #001552; display: flex; align-items: flex-end; padding: 27px 24px; }
  .box-item > div { width: 100%; }
  .box-item .sub-title { font-weight: 500; color: #ffffff; }
  .box-item .title { font-size: 20px; color: #6DA8DA; font-weight: 500; line-height: 1.15; margin-top: 7px; }
  .box-item .box-cta a { text-transform: uppercase;background-color: #F08100; color: #ffffff; width: 100%; font-size: 14px; text-align: center; border-radius: 4px; padding: 10px 10px; margin-top: 15px; }
  .box-item .box-cta a:hover{background-color:#F39A33;}
  .mobile-back-arrow{display:none !important;}
}

@media(max-width:1024px){
  .wrapper-header .sticky-menu{ display:none!important;}
  .body-container-wrapper { margin-top: 30px; }
  .wrapper-header{z-index:999;}
  .font19{ font-size:18px;line-height:1.4;}
  body.mobile-open{ overflow-y: hidden; }
  .wrapper-header { padding: 15px 0; border: 0;}
  .wrapper-header .logo { width: 125px; }
  .wrapper-header .search { width: auto; position: absolute; right: 80px; top: 43px; }
  .wrapper-header br{ display:none;}
  .wrapper-header .menu ul a{ font-weight:500 !important;}

  .mobile-back-arrow {transition-delay: 0.5s; left: 30px; display: none; position: fixed; z-index: 9; top: 30px; color: #ACD6FA; cursor: pointer; }
  body:not(.mobile-open) .mobile-back-arrow{ display:none!important;transition-delay: 0s;}
  .mobile-back-arrow i { font-size: 24px; margin-right: 5px; position: relative; top: 2px; }

    /**********************************************Toggle Icon***************************************/
  .wrapper-header .mobile-trigger { cursor: pointer; position: absolute; right: 30px; width: 26px; z-index: 9; top: 52px; height: 17px; }
  .wrapper-header .mobile-trigger.active-re { top:15px; right: 30px; }
  .wrapper-header .mobile-trigger .line {display: block; background: #003366; width: 100%; height: 2px; position: absolute; left: 0; border-radius: 2px; }
  .wrapper-header .mobile-trigger.active-re .line{background:#ACD6FA;}
  .wrapper-header .mobile-trigger .line-1 { top: 0; }
  .wrapper-header .mobile-trigger .line-2 { top: calc(50% - 1px); }
  .wrapper-header .mobile-trigger .line-3 { top: calc(100% - 1px); }
  .wrapper-header .mobile-trigger.active-re .line-1 { top: calc(50% - 1px); transform: rotate(45deg);}
  .wrapper-header .mobile-trigger.active-re .line-2 { opacity: 0;  }
  .wrapper-header .mobile-trigger.active-re .line-3 { top: calc(50% - 1px);transform: rotate(-45deg); }

  .wrapper-header .hs-menu-wrapper:before { transition: left .5s ease; position: fixed; top: 0; content: "";  left: 101%; width:100%; margin: 0 auto; right: 0; height: 84px;  background: #003366; z-index: 9; }
  .wrapper-header .hs-menu-wrapper:after { transition: left .5s ease; position: fixed; top: 0; content: "";  left: 101%; width: calc(100% - 60px); margin: 0 auto; right: 0; height: 84px; border-bottom: 1px solid rgba(255, 255, 255, 0.4); background: #003366; z-index: 9; }
  /**********************************************Depth 1***************************************/
  .wrapper-header .hs-menu-wrapper { transition: left .5s ease;overflow-y:auto;overflow-x: hidden; position: fixed; width: 100%; max-width: 100%; left: 101%; top: 0; background: #003366; height: 100vh;    padding: 82px 30px; }
  .wrapper-header .hs-menu-wrapper > ul {padding: 30px 0;transition: transform .5s ease; }
  .wrapper-header .mobile-trigger.active-re + .hs-menu-wrapper,.mobile-open .wrapper-header .hs-menu-wrapper:before,.mobile-open .wrapper-header .hs-menu-wrapper:after { left: 0;}
  .wrapper-header .hs-menu-depth-1 { max-width: 320px; margin: 0 auto; }
  .wrapper-header .hs-menu-depth-1 > a { color: #ffffff; padding:6px 15px 6px 0; text-transform: uppercase; font-size: 18px; width: 100%; position: relative; }
  .wrapper-header .hs-menu-depth-1 > a .child-trigger,.wrapper-header .menu .inner-top-bar li .child-trigger { top: 50%; right: 0; position: absolute; transform: translateY(-50%); font-size: 24px; }
  .wrapper-header ul.first-ul{transform: translateX(calc(-100% - 30px));}

  /**********************************************Depth 2***************************************/
  .wrapper-header .hs-menu-depth-2 { max-width: 320px; margin: 0 auto;position: relative;width:100%; }
  .wrapper-header .menu ul > li.hs-menu-depth-1 >ul.hs-menu-children-wrapper {position: absolute;  display: none; right:calc(-100% - 30px);max-width:100%; width: 100%; top: 0;padding: 65px 0; }
  .wrapper-header .menu ul > li.hs-menu-depth-2 > a > img,.box-item  { display: none; }
  .wrapper-header .hs-menu-depth-2 a { color: #ACD6FA; padding: 7px 0; width: 100%;position: relative;line-height: 20px; }
  .wrapper-header .hs-menu-depth-2 >.child-trigger { position: absolute; z-index:1; right: 0; top: 0; font-size: 24px; color: #ACD6FA; width: 100%; text-align: right; height: 34px; cursor: pointer;}
  .wrapper-header .list-wrap { max-width: 320px; margin: 0 auto; }
  .wrapper-header .hs-menu-depth-2 >.child-trigger.child-open > i { transform: rotate(180deg); transform-origin: center; }
  .wrapper-header .hs-menu-depth-1 > ul.hs-menu-children-wrapper:before { position: absolute;   content:attr(data-content); max-width: 320px; margin: 0 auto; left: 0; top: 27px; width: 100%; right: 0; text-align: left; font-size: 18px; color: #ffffff; }
  
  /**********************************************Depth 3***************************************/
  .wrapper-header .hs-menu-depth-3 > ul { display: none; }
  .wrapper-header .hs-menu-depth-2 > .hs-menu-children-wrapper{ padding: 10px 0;background: #001552;position: relative;display:none;width: calc(100vw + 320px); margin-left: -50vw;}

  .search-popup .closebtn { top: 20px; right: 20px; font-size: 42px; }

  .footer-menu ul { justify-content: center; }
  .footer-menu { margin: 40px 0; }
}

/***** BLOG *****/
.post-item {
  Margin:0 0 20px;
  border-bottom:1px solid #f1f1f1;
}

/***** RESPONSIVENESS ********/

@media(max-width:1280px)and(min-width:1025px){
  .wrapper-header .sticky-menu ul li {padding: 0 8px; font-size: 15px; }
  .wrapper-header .sticky-menu ul li:not(:last-child):after { right: -1px; height: 14px; width: 2px;}
}

@media(max-width:767px){
  img.desktop { display: none; }
  img.mobile { display: block; }
  h1,h2,h3,h4,h5,h6{ margin-bottom:15px;line-height:1.2;}
  h1 { font-size:26px; }
  h2 { font-size:22px; }
  h3 { font-size:20px; }
  h4 { font-size:18px; line-height:1.4;}
  h5 { font-size:16px; line-height:1.5; }
  h6 { font-size:14px; }
  body { font-size: 15px; }
  .largebutton a, a.largebutton { min-width:auto; }
  .font24{ font-size:18px; }
  .body-container-wrapper { margin-top: 30px; }
  .top-bar { display: none;}
  .wrapper-header .logo { width: 97px; }
  .wrapper-header { padding: 13px 0;  }
  .wrapper-header .search {top: 30px; }
  .wrapper-header .mobile-trigger { top: 37px;}
  .wrapper-header .mobile-trigger.active-re{top:23px;}
  .wrapper-header .inner-top-bar li { width: 100%; font-size: 16px; position: relative; padding: 8px 0; max-width: 320px; margin: 0 auto; }
  .wrapper-header .inner-top-bar { color: #ffffff; width: 100%; display: block; }
  .wrapper-header .inner-top-bar li > i:first-child { display: none; }
  .wrapper-header .menu .inner-top-bar a { color: #ffffff; font-weight: 400 !important; }
  .mobile-back-arrow {top: 18px; }
  .wrapper-header .hs-menu-wrapper:before,.wrapper-header .hs-menu-wrapper:after{ height:65px; }
  .wrapper-header .hs-menu-wrapper{ padding: 65px 30px; }
  .footer-menu ul li {padding: 5px 10px; font-size: 16px; }
  .wrapper-footer .social-icons ul,.footer-content ul { justify-content: center; }
  .wrapper-footer .footer-content { text-align: center; }
  .footer-content ul { margin-bottom: 7px; }
  .wrapper-footer .social-icons ul li {margin: 0 5px; }
  .footer-menu { margin: 25px 0; }
  .wrapper-footer .social-icons > span{ width:100%; display:block; }
  .wrapper-footer .f-logo {  margin: 0 auto 30px; }
}

@media(max-width:640px){
  form div.hs-form-field,form fieldset.form-columns-2>div.hs-form-field,form fieldset.form-columns-3>div.hs-form-field{width: 100% !important;margin-right:0 !important;}
}  

@media(max-width:480px){
  form .hs_submit input,button.OpenForm { min-width: 100%; }
  form{overflow: hidden;}
}

@media(max-width:325px){
  .wrapper-header ul.first-ul{transform: translateX(-325px);}
  .wrapper-header .menu ul > li.hs-menu-depth-1 >ul.hs-menu-children-wrapper{right:-325px; }
}

/* Hero Consumables - Two Column Module */
.consumables-hero { padding: 0 0 40px; }
.consumables-hero-left { width: 60%;}
.consumables-hero-left:not(.left-img) { padding-right: 64px; }
.consumables-hero-left.left-img { order: 2; padding-left: 64px; }
.consumables-hero-right { width: 40%; position: relative; }
.consumables-hero h5{ font-weight: 400; }
.consumables-hero-right img { width: 100%; }
.consumables-hero ul.accessories-spareparts { width: 40%; }
.consumables-hero .njc ul.accessories-spareparts { order:3; }
.consumables-hero > .container > .dis-flex:not(.njc){ justify-content: flex-end;}

.video-hero .video-banner { position: absolute; top: 0;b-menu left: 0; height: 100%; width: 100%; background: rgba(0, 51, 102, 0.43); }
.video-hero .video-banner a { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; }
.video-hero .video-banner svg { height: 70px; width: 70px; }
.video-hero .video-banner svg path{ fill:#ffffff;}
.video-hero .video-banner  a:hover svg path { fill: #003366; }
.video-hero .button { margin-top: 30px; }


/* Tab Module */
.tab-filter { padding: 25px 0 15px;font-size: 14px; text-transform: uppercase; font-weight: 500; color: #B1B1B1; line-height: 1.2; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; }
.tab-filter ul li { padding-bottom: 20px; margin:0 15px; cursor: pointer;  }
.tab-filter select{ display: none; }

.tab-item { padding: 35px 0; }
.inner-wraper.benefits { max-width: 1070px; }
.benefits-top,.benefits-bottom,.inner-wraper.specifications > .dis-flex,.inner-wraper.our-columns > .dis-flex,.part-numbers2 > .dis-flex{ justify-content: space-between; }
.benefits-top-left,.benefits-bottom-left { width: 53.1%; }
.benefits-top-right{ width: 43%; font-size: 15px; }
.benefits-bottom-right  { width: 43%; }
.benefits-top-right ul,.our-columns-right-top ul { list-style: none; }
.benefits-top-right ul li:not(:last-child) a,.our-columns-right-top ul li:not(:last-child) a,.product-hero ul.product-document li:not(:last-child) a,.product-hero .accessories-spareparts li:not(:last-child) a {border-bottom: 0; }
.benefits-top-right ul li a,.our-columns-right-top ul li a,.product-hero ul.product-document li a,.accessories-spareparts li a,.download-agreement a,.ca-download a{ padding: 15px 50px 15px 15px; border: 1px solid #E0E0E0;  }
.benefits-top-right ul li a:hover,.our-columns-right-top ul li a:hover,.literature-item .right-download:hover,.specifications-right-content a.right-download:hover,.product-hero ul.product-document li .right-download:hover,.accessories-spareparts li a:hover,.part-numbers2 .parts-right-content a.right-download:hover,.download-agreement a:hover,.ca-download a:hover{ border-color: #F3F3F3; background-color: #F3F3F3; }
.benefits-top-right .link-cta,.our-columns-right-top .link-cta,.product-hero  .link-cta{ margin-top: 12px; margin-right: 20px; text-align: right; }
.benefits-bottom-right h4 { margin-bottom: 8px; }
.benefits-bottom-right .benefits-item:not(:last-child) { margin-bottom: 30px; }
.benefits-bottom-right .benefits-item .detail-content.load-more { max-height:119px; overflow: hidden;margin-bottom:8px; }
.benefits-bottom { margin-top: 52px; }
.benefits-bottom.remove-top-margin { margin-top: 35px; }
.benefits-item { position: relative; }
.benefits-bottom-right .detail-content:not(.load-more) + .load-more-cta{ display:none; } 
.benefits-bottom-right .load-more + .load-more-cta {font-weight: 500; }  /* position: absolute; bottom: -32px; left: 0; */
.benefits-bottom-right .load-more-cta a { display: inline-block; padding-left: 20px; position: relative; }
.benefits-bottom-right .detail-content.full-height { max-height: 100% !important; }
.benefits-bottom-right .detail-content:not(.full-height) + .load-more-cta a:after { transition: all .5s ease;position: absolute; content: ""; height: 12px; width: 2px; background: #E28100; left: 5px; top: 50%; transform: translateY(-50%); }
.benefits-bottom-right .load-more-cta a:before {transition: all .5s ease; position: absolute; content: ""; width: 12px; height: 2px; background: #E28100; left: 0; top: 50%; transform: translateY(-50%); }
.benefits-bottom-right .load-more-cta a:hover:before,.benefits-bottom-right .load-more-cta a:hover:after{background: #6F6F6F!important;} 

.specifications > .dis-flex > div { width: 31.5%; }
.specifications-left .specifications-left-item { padding: 15px 0; /*border-bottom: 1px solid ;*/ }
.specifications-left-item-img,.specifications-middle-img { width: 34px; }
.specifications-left-item-content,.specifications-middle-img + .specifications-middle-content { width: calc(100% - 35px); padding-left: 15px; }
.specifications small { display: block; font-weight: 500; font-size: 15px; color: #003366; margin-bottom: 5px; }
.specifications-middle .specifications-left-item { margin: 22px auto; max-width: 285px; }
.specifications-middle .specifications-left-item:first-child { margin-top: 15px; }
.specifications-right-content a.right-download,.parts-right-content a.right-download { padding: 15px; border: 1px solid #E0E0E0; padding-right: 50px; }
.specifications-right-img,.parts-right-img { border: 1px solid #E0E0E0;border-bottom:0;}
.specifications-right-img img { width: 100%; padding: 35px 15px; }

.part-numbers,.prodtable { max-width: 995px; margin: 0 auto; }
 .prodtable th,.part-numbers2 th,.accessories-item-bottom th,.service-parts-wrapper th { font-weight: 500; color:#003366; background: #F3F3F3; padding: 8px 15px; }
 .prodtable td,.accessories-item-bottom td{ padding:11px 15px;  vertical-align: middle;  }
 .prodtable tr:not(:first-child):not(:nth-child(2)),.part-numbers2 tr:not(:first-child):not(:nth-child(2)),.accessories-item-bottom tr:not(:first-child):not(:nth-child(2)),.service-parts-wrapper tr:not(:first-child):not(:nth-child(2)) { border-top: 1px solid #E0E0E0; }
 .prodtable a.button,.accessories-item-bottom a.button,.service-parts-wrapper a.button { padding: 8px 13px;font-size: 14px;width:125px; }
 .prodtable .description{ width: 520px; }
.part-numbers .filters-wrapper ul li.active label,.part-numbers .so-filter ul li.active label,.service-offerings-left .so-filter ul li.active label{background-color:#003366; color:#ffffff;}
.part-numbers .filters-wrapper ul li label,.part-numbers .so-filter ul li label,.part-numbers .lipophilicity ul li label,.service-offerings-left .so-filter ul li label { background-color:#F0F0F0;height: 100%; align-items: center;display: flex; padding: 10px 15px; cursor: pointer;font-weight:500;font-size:14px; }
.part-numbers .filters-wrapper ul li.active label,.so-filter ul li.active label,.service-offerings-left .so-filter ul li.active label{background-color:#003366; color:#ffffff;}
.part-numbers .filters-wrapper input[type="radio"],.service-offerings-left .filters-wrapper input[type="radio"] { display: none; }
.part-numbers .lipophilicity li,.part-numbers .polarity li,.part-numbers .mw-type li,.part-numbers .lipophilicity li  { /*width: 20%;*/  }
/*.part-numbers .mw-type li { width: 19.3%;  }
.part-numbers .ph li  { width: 19.3%; }
.part-numbers .ph li.l-width { width: 19.3%; }*/
.part-numbers .row > label,.so-filter .row > label,.lipophilicity .row > label{ font-weight: 500; color: #003366; margin-bottom: 7px; display: block; text-transform: uppercase; }
.part-numbers .filters-wrapper form > div,.part-numbers .so-filter form > div { margin-bottom: 25px; }
.part-numbers .filter-item:first-child { border-top: 0; padding-top: 10px; }
.part-numbers .filter-item { border-top: 1px solid #E0E0E0; padding: 20px 0 18px; }
.part-numbers .filter-item:not(:first-child) h4 { margin-bottom: 5px; color: #E28100; font-size: 16px; }
.part-numbers .filter-item:first-child h4 { margin-bottom: 13px; border-top: 0; }
.part-numbers .filters-wrapper ul li:not(.active):hover span,.part-numbers .so-filter ul li:not(.active):hover span{ background-color:#CCCCCC;}
.part-numbers form ul{display:flex;}

.part-numbers2 td{ padding:20px 30px; }
.part-numbers2 tr > th:nth-child(2){padding-left:30px;}
.part-numbers2 .parts-right { width: 32%; }
.part-numbers2 .parts-wrapper { width: 64.5%; }
.part-numbers2 tr > td:first-child,.part-numbers2 tr > th:first-child,.service-parts-wrapper tr > th:first-child,.service-parts-wrapper tr > td:first-child{width: 140px; text-align:center; }
.part-numbers2 strong,.service-parts-wrapper strong{ display: block; color: #E28100; font-weight: 500; margin-bottom: 7px; }
.part-numbers2 .parts-right-img img { width: 100%;}
.part-numbers2 .parts-right-img { padding: 35px 0; }
.part-numbers2 .parts-right-content a.right-download:not(:last-child){border-bottom:0;}


.consumables > .dis-flex:not(:last-child) { margin-bottom: 30px; }
.consumables > .dis-flex { background: #F3F3F3; }
.consumables > .dis-flex > div { width: 50%; }
.consumables-img { background-size: cover; background-position: center; background-repeat: no-repeat; }
.consumables-content { padding: 70px 55px; }
.consumables-content h2 { margin-bottom: 13px; }
.consumables-content .button { margin-top: 28px; }

.literature-item,.video-item { width: calc(50% - 20px); margin-bottom:35px; }
.literature-item:nth-child(odd),.video-item:nth-child(odd) { margin-right: 40px; }
.literature-item .right-download { padding: 11px 10px; padding-right: 50px; border: 1px solid #E0E0E0; font-size: 15px; }
.literature-item .right-download:before{ top: 12px; }
.literature-item .right-download:hover:before{ top: 14px; }
.literature-item .right-download:after{  top: 28px; }
.literature-item .doc-type,.video-item .video-type { font-weight: 500; color: #6DA8DA; margin-bottom: 5px; }
.literature-item .detail-content { margin-top: 10px; }
.literature-item ul.dis-flex { list-style: none; font-size: 14px; margin-top: 10px; }
.video-item h5 { margin-bottom: 7px; }
.video-item .video-banner { height: 320px; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: 17px; }
.video-item .video-banner a { display: flex; height: 100%; width: 100%; align-items: center; justify-content: center;  position: relative;}
.videos { margin-top: 70px; } 
.video-item .video-banner a:after { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background: rgba(0,0,0,.2); }
.video-item svg { height: 70px; width: 70px; position: relative; z-index: 1; }
.video-item svg path { fill: #ffffff; }
.video-item a:hover svg path { fill: #003366; }

.our-columns { max-width: 1070px; margin: 0 auto; }
.our-columns-left { width: 53.3%; }
.our-columns .filters-wrapper ul,.so-filter ul { display: flex; flex-wrap:wrap;list-style: none; }
.our-columns .filters-wrapper ul li label,.so-filter ul li label { background-color:#F0F0F0;height: 100%; align-items: center;display: flex; padding: 10px 15px; cursor: pointer;font-weight:500;font-size:14px; }
.our-columns .filters-wrapper ul li.active label,.so-filter ul li.active label {background-color:#003366; color:#ffffff;}
.our-columns .filters-wrapper input[type="radio"] { display: none; }
.our-columns .polarity li { width: 50%;  }
.our-columns .ph li { width: 19.3%; }
.our-columns .ph li.l-width { width: 42%; }
.our-columns .row > label,.so-filter .row > label { font-weight: 500; color: #003366; margin-bottom: 7px; display: block; text-transform: uppercase; }
.our-columns .filters-wrapper form > div,.so-filter form > div { margin-bottom: 25px; }
.our-columns .filter-item:first-child { border-top: 0; padding-top: 10px; }
.our-columns .filter-item { border-top: 1px solid #E0E0E0; padding: 20px 0 18px; }
.our-columns .filter-item:not(:first-child) h4 { margin-bottom: 5px; color: #E28100; font-size: 16px; }
.our-columns .filter-item:first-child h4 { margin-bottom: 13px; border-top: 0; }
.our-columns .filters-wrapper ul li:not(.active):hover span,.so-filter ul li:not(.active):hover span { background-color:#CCCCCC;}
.our-columns h2 { margin-bottom: 13px; }
.our-columns > .detail-content { max-width: 644px; margin: 0 auto; margin-bottom: 58px; }
.our-columns-right { width: 35%; }
.our-columns-right-bottom { margin-top: 42px; background: #F0F0F0; }
.our-columns .box-content,.service-offerings-right .box-content{ padding: 20px 30px; }
.system-accessories-left .box-content{ padding:20px 20px 30px; background-color:#F0F0F0; }
.system-accessories-left .box-cta{margin-top:15px; width: 100%;}
.our-columns .box-content h4,.system-accessories-left .box-content h4,.service-offerings-right .box-content h4 { font-size: 20px; margin-bottom: 8px; }
.our-columns .link-cta,.system-accessories-left .link-cta,.service-offerings-right .link-cta { margin-top: 12px; }
.our-columns .img-wrapper img,.system-accessories-left .img-wrapper img,.service-offerings-right img { width: 100%; }

.so-filter { justify-content: space-between; align-items: flex-end; }
.so-filter .row > label{font-size:14px;}
.service-offerings-left { width: 67%; padding-right: 30px; }
.service-offerings-right { width: 33%; }
.so-filter>div { width: 48%; }
.so-filter ul li.unspecified { width: 45%; }
.so-filter ul li { width: 27.5%; }
.service-parts-wrapper td { padding:20px 15px; }
.service-parts-wrapper tr > td:last-child{padding-right:0;}
.service-parts-wrapper { margin-top: 15px; }
.service-offerings-right .box-cta{margin-bottom:20px; width: 100%;}
.service-offerings-right .box-content{ background-color: #F0F0F0;font-size:15px; }
.service-offerings-right .box-cta.bg-box-cta { background-color: #F0F0F0; background-position: right; background-repeat: no-repeat;    position: relative; }
.service-offerings-right .box-cta.bg-box-cta .box-content { background-color: transparent; max-width: 272px;    padding-top: 95px;  z-index:1;  position: relative; }

.services > .container > .detail-content { max-width:804px; margin: 0 auto 35px; }
.services ul.inner-tab-filter { list-style: none; text-align: center; justify-content: center; }
.services ul.inner-tab-filter > li { width: calc(25% - 15px); cursor: pointer; margin-right: 20px; border: 1px solid #E0E0E0; padding: 30px; background: #ffffff; margin-bottom: 20px; }
.services ul.inner-tab-filter > li:nth-child(4n) { margin-right: 0; }
.services ul.inner-tab-filter strong { font-weight: 500; color:#003366; margin-bottom: 8px; display: block; }
.services ul.inner-tab-filter .detail-content { font-size: 15px; }
.services .inner-tab-outer-wrapper { background-color: #F3F3F3 ; padding: 43px 0 67px; }
.services .inner-tab-flex { max-width: 700px; margin: 0 auto; width: 100%; justify-content: space-between; }
.services .inner-tab-item { background-color: #ffffff; margin-top: 20px; }
.services .inner-tab-item.repairs { padding: 40px 65px; margin-top: 5px; }
.services .download-agreement,.services .detail-content2 { margin-top: 20px; }
.services .detail-content table { font-size: 15px; }
.services .detail-content table tr > td:first-child { width: 208px; font-size: 14px; text-transform: uppercase; font-weight: 500; color: #003366; }
.services .detail-content table tr td { padding: 4px 0; }
.services .largebutton { margin-top: 20px; }
.services .largebutton a { width: 100%; }
.services .inner-tab-item:not(:first-child) { width: calc(50% - 10px); padding: 30px; text-align: center; }
.services .inner-tab-item:not(:first-child) strong { display: block; color: #003366; margin-bottom: 4px; font-weight: 500; }
.services .inner-tabs-wrapper{ display:none; }
.services .ca-download { margin-top: 8px; text-align: left; }
.services .link-cta{margin-top: 12px;}
.services ul.inner-tab-filter>li.active { background: #003366; color:#ffffff;pointer-events:none; }
.services ul.inner-tab-filter>li:not(.active):hover { background:#F0F0F0;}
.services ul.inner-tab-filter>li.active strong { color: inherit; }


/* Related Products Module */
.related-product { padding: 45px 0 80px; }
.related-product-item { border: 1px solid #E0E0E0; width: calc(25% - 15px); text-align: center; margin-bottom: 20px; }
.wrapper-image { padding: 20px 0; }
.related-product-item h4 { font-size: 18px; margin-bottom: 0; padding: 20px 0; border-top: 1px solid #E0E0E0; margin: 0 20px; }

/* Breadcrumb Menu Module */
.b-menu { background-color: #fafafa; padding: 10px 0;margin-bottom:25px;margin-top: 10px; }
.b-menu ul { display: flex; flex-wrap: wrap; list-style: none; }
.b-menu ul li { padding-right: 12px; display: flex; align-items: center; font-weight: 500; }
.b-menu ul li:before { color:#E28100; content: '» '; font-weight: 700; margin-right: 5px; }
.b-menu ul li a { color: #003366; }
.b-menu ul li a:hover { color: #E28100; }
.b-menu ul li:last-child a { color:inherit;pointer-events:none; }

/* Product - Hero Module */
.product-hero > .container > .dis-flex { justify-content: space-between; }
.product-hero-left { width: 56.5%;position:relative; }
.product-hero-right { width: 39.5%; padding-bottom: 25px; }
.product-hero h1 { font-size: 32px; margin-bottom: 8px; }
.product-hero h4 { font-weight: 400; margin-bottom: 16px; }
.product-hero .largebutton {margin-top: 28px;}
.product-hero ul.product-document { margin-top: 40px; list-style: none; }
.product-hero .largebutton a { width: 100%; }
ul.accessories-spareparts { list-style: none; margin-top: 22px; }
ul.accessories-spareparts img { width: 30px; margin-right: 12px; }
ul.accessories-spareparts a { padding: 10px 20px; position: relative;display: flex; align-items: center; padding-right: 50px; }
ul.accessories-spareparts a:after { position: absolute; content: "\f054 "; right: 20px; top: 50%; transform: translateY(-50%); color : #E28100; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.product-hero .product-img img { width: 100%; }
.product-img-nav { width: 55px; display: inline-block!important; position: absolute!important; top: 0px; left: 0; }
.product-img-nav .slick-track { width: 100% !important; transform: translate3d(0px, 0px, 0px) !important; }
.product-img-nav .slick-slide { width: 100% !important; margin-bottom: 10px; border: 1px solid #CCCCCC;cursor:pointer; }
.product-img-nav .slick-slide.slick-current { border-color: #003366; }
.product-hero .slick-slide > div { display: flex;width:100%; }
.product-img-nav img { width: 100%; }

/* Get a Quote Form Popup Module */
body.popup-open { overflow-y: hidden; }
.get-quote-popup {display:none; padding: 12vh 0; position: fixed; z-index: 999; top: 0; left: 0; width: 100%; background: rgba(255,255,255,0.85); height: 100vh; overflow: auto; }
.get-quote-popup .container{ max-width:790px;}
.get-quote-popup .detail-content{color: #E28100; }
.get-quote-popup h2{ margin-bottom:22px ;}
.get-quote-popup .detail-content { color: #E28100; border-bottom: 1px solid #E0E0E0; padding-bottom: 17px; margin-bottom: 22px; }
.get-quote-popup .form-wrapper { border: 1px solid #E0E0E0; padding: 40px; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2);background: #ffffff; position: relative; }
.get-quote-popup .form-close { position: absolute; right: 25px; top: 25px; font-size: 55px; color: #003366; line-height: 30px; cursor: pointer;font-weight:300; }
.get-quote-popup  .form-title { display: none; }



/* Two Column Alternate Module */
.mainTwoColumn.top-padding{padding-top:40px;} 
.mainTwoColumn.bottom-padding{padding-bottom:40px;} 
.leftSide { width: 60%; padding:22px 0 50px;padding-right: 110px;}
.Rightside { width:40%; background-size: cover; background-position: center; background-repeat: no-repeat; text-align:center; }
.mainTwoColumn h1{ color:#003366; margin-bottom:8px; }
.mainTwoColumn .font20{margin-bottom: 16px;}
.mainTwoColumn.Changeposition .leftSide{ order:2; padding-right:0; padding-left:110px;  } 

/* Accessories - Step 2 - Hero Banner Module */
.hero-search-banner { background-size:cover; background-position:center; background-repeat:no-repeat; color:#ffffff; position: relative; padding: 120px 0 75px; min-height: 370px; }
.hero-search-banner h1 { margin-bottom:10px; color:inherit; }
.hero-search-banner .search-form form{ position:relative;max-width:490px; }
.hero-search-banner .search-form form input[type="search"] { font-size:16px; border:1px solid #ffffff; border-radius:4px; padding:11px 86px 11px 15px;margin-bottom:0;}
.hero-search-banner .search-form form .hsSubmit { position: absolute; top: 50%; right: 0px; width: 60px; border-left: 1px solid #cbd5df; margin-top: 0; transform: translateY(-50%); }
.hero-search-banner .search-form form input[type="submit"],.hero-search-banner .search-form form button{ height: 18px; width: 18px; background: url(https://7813877.fs1.hubspotusercontent-na1.net/hubfs/7813877/Biotage/search.svg); background-size: 18px; background-repeat: no-repeat; background-position: center center; display: flex; align-items: center; justify-content: center; margin: 0 auto; padding: 15px 0; }
.hero-search-banner .detail-content { margin-bottom: 20px; max-width: 490px; }
.hero-search-banner:before { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background: rgba(0, 51, 102, 0.64); }
.hero-search-banner .container{ position: relative; }

/* System Accessories - Details Module */
.system-accessories { padding: 45px 0 75px; }
.system-accessories .container > .dis-flex{justify-content: space-between;}
.system-accessories-left { width: 23%; }
.system-accessories-right { width: 72%; }
.system-accessories-left ul{ list-style : none; }
.accssories-filter { border: 1px solid #CCCCCC; font-size: 14px;padding-top: 14px;}
.system-accessories-left > .link-cta a:after {  right: auto; left: 0; transform: translateY(-50%) rotate(180deg);}
.system-accessories-left > .link-cta a { padding-right: 0; padding-left: 18px;}
.system-accessories-left > .link-cta { margin-bottom: 24px; }
.accssories-filter h6 { padding:0 14px; margin-bottom: 16px; }
.accssories-filter .remove-filters { padding: 0 14px; margin-bottom: 11px; }
.accssories-filter label input[type="checkbox"]:checked+span:before { background-image: url(https://7813877.fs1.hubspotusercontent-na1.net/hubfs/7813877/Biotage/right%20%281%29.png); background-color: #E28100; border-color: #E28100; background-size: 16px; background-position: center center; background-repeat: no-repeat; }
.accssories-filter label input[type="checkbox"]:checked+span{background-color:#F3F3F3;}
.accssories-filter label input[type="checkbox"] { opacity: 0; display:none !important;}
.accssories-filter label input[type="checkbox"]+span:before { content: ''; display: inline-block; vertical-align: middle; min-width: 22px; height: 22px; margin-right: 10px; border: 1px solid #CCCCCC; }
.accssories-filter span.checkmark { display: flex; align-items: center; padding: 14px; cursor: pointer; }
.accssories-main-filter li{ border-top:1px solid #CCCCCC; }
.accessories-item-top-left { width: 67%; padding-right: 40px; padding-bottom: 30px; }
.accessories-item-top-right { width: 33%; }
.accessories-item-top-left h4{margin-bottom: 11px;}
.accessories-item-bottom table{ width:100%; }
.accessories-item-bottom table *{margin-bottom:0;}
.accessories-item-bottom table .part{width: 19%;}
.accessories-item-bottom table .description { width: 37%; }
.accessories-item-bottom table .price,.accessories-item-bottom table .pack-size{width: 14%;}
.accessories-item-top { margin-bottom: 7px; }
.accessories-item:not(:last-child) { margin-bottom: 55px; }
.accessories-item .link-color{color:#E28100;}

/* Accessories - Step 1 - Hero Banner Module */
.hero-search-banner-s1:before { display:none;}
.hero-search-banner-s1 h1 { margin-bottom: 25px; }
.hero-search-banner-s1 .search-form form { max-width: 430px; }

/* Consumable item - Hero Module */
.consumable-item-hero .consumable-img { /*width: 49%;*/ }
.consumable-item-hero .consumable-images { justify-content: space-between;align-items: flex-end; }
.consumable-item-hero .detail-content > *:nth-child(1){font-size: 19px;}

/* Workflow Section */
.mainWorkflow .dis-flex { margin-right:-11px; margin-left:-11px; }
.innerworkflow { width:33.33%; padding-right:11px; padding-left:11px; margin-bottom: 21px; }
.newinner { border:1px solid #CCCCCC; }
.workbg { height:224px; background-size:cover !important; background-position:center !important;  background-repeat:no-repeat !important; position:relative; }
.hover_content { z-index:3; position: absolute; top: 50%; left: 50%; padding: 35px; width: 100%; transform: translate(-50%, -50%); opacity: 0; visibility: hidden; transition:all ease 0.3s;  }
.hover_content p{ margin-bottom:0 }
.newinner:hover .hover_content{ opacity: 1; visibility: visible; color:#ffffff; } 
.workbg:before { content:'';opacity:0; visibility: hidden;   background:rgba(0,51,102, 0.7); top:0; left:0; width:100%; height:100%; z-index:1; position:absolute; transition:all ease 0.3s; }
.newinner:hover .workbg:before { opacity: 1; visibility: visible;  }
.worktitle a{ width: 100%; display:inline-block; padding:16px 10px; text-align:center; color:#003366; font-size:18px; line-height:24px; font-weight:500; }
.newinner:hover{ box-shadow: 0px 5px 10px #CCCCCC; }

/* Two Column Alternate Module with Background Color */
.mainTwoColumnbg .dis-flex { align-items:center; padding:46px 53px; }
.mainTwoColumnbg .leftSide1 { width:36%;  }
.mainTwoColumnbg .Rightside1 { width:64%; padding-left:73px; }
.mainTwoColumnbg h3{ margin-bottom:13px;}
.mainTwoColumnbg.Changeposition1 .leftSide1{ order:2;  }
.mainTwoColumnbg.Changeposition1 .Rightside1 { padding-left:0; padding-right:73px; }

/* Product Module */
.Mainproduct { padding:65px 0; }
.Mainproduct h2 { margin-bottom: 21px; }
.Mainproduct .dis-flex{margin-right:-17px; margin-left:-17px; }
.threeCol { width:33.33%;  padding-right:17px; padding-left:17px }
.threeCol:hover .innerthreecol{ background:#F3F3F3; } 
.threeCol h5{ margin-bottom:0;}
.threeCol:hover h5 a{ color:#E28100; }
.innerthreecol { border:1px solid #E0E0E0; }
.innerDetails { border-top:1px solid #E0E0E0; margin-top: 15px; }
.innerthreecol { padding:0 20px 23px; text-align:center; }
.innerDetails h5 a{ display: inline-block; color:#003366; font-size:18px;line-height:1.3; padding-bottom:10px; padding-top:20px; }
.innerDetails p{ font-size:15px;}

/* Blog And Resource Module */
.mainResblog{ background:#F3F3F3; padding:36px 0; }
.postinfo a{ font-size:16px; color:#E28100; font-weight:500; line-height:23px; }
.postinfo a:hover { color:#6F6F6F;  }
.LeftBlog { width:50%; padding:0 54px 0 23px; }
.rightblog { width:50%; padding:0 23px }
.resources_group a{font-size:16px; color:#E28100;  font-weight:500; line-height:23px; }
.resources_group a:hover { color:#6F6F6F; }
.resources_group,.postinfo { padding-bottom: 20px; }
.downloadbtn a{ position:relative; padding-left:25px; }
.downloadbtn a:before{ content:'';  background-image:url(https://7813877.fs1.hubspotusercontent-na1.net/hubfs/7813877/Biotage/down-arrow.png); height:14px; width:14px; background-size:cover; background-position:center;  background-repeat:no-repeat; position:absolute; top:0px; left:0; }
.downloadbtn a:after { content:''; background:#6F6F6F; width:14px; height:2px; position:absolute; top:15px; left:0; } 
.downloadbtn a:hover:before{ top:2px; transition:all ease 0.3s; }

/* Two Column Alternate With Bg Full Image */
.mainTwoColumnbgimg .leftSide11 { width:40%;min-height: 410px;background-size: cover; background-position: center; background-repeat: no-repeat;  }
.mainTwoColumnbgimg .Rightside11 { width:60%; padding:40px 50px;display: flex; align-items: center; }
.mainTwoColumnbgimg h3{ margin-bottom: 13px; }
.mainTwoColumnbgimg.Changeposition1 .leftSide11{ order:2;  }

/* Single Blog And Resource Module */
.mainResblog1{ background:#F3F3F3;}
.mainResblog1 .postinfo a{ font-size:20px;line-height:24px;display:block;margin-bottom:13px; }
.mainResblog1 .postinfo a:hover { color:#6F6F6F;  }
.mainResblog1 .LeftBlog1 { width:50%; padding:0 54px 0 23px; }
.mainResblog1 .rightblog1 { width:50%; padding:0 23px }
.mainResblog1 .resources_group1 a{font-size:16px; color:#E28100; font-weight:400; line-height:23px; }
.mainResblog1 .resources_group1 a:hover { color:#6F6F6F; }
.mainResblog1 .resources_group1 { padding-bottom: 20px; }
.mainResblog1 .postImg { margin-bottom:15px; height:205px; background-size:cover !important; background-position:center !important;  background-repeat:no-repeat !important; }  

/* Global Search - Results Module */
.search .hero-search-banner .container,.search .wrapper-search-results .container{max-width:810px;}
.wrapper-search-results { padding: 26px 0 60px; }
.wrapper-search-results .filter ul li { margin-right: 15px; cursor: pointer;}
.wrapper-search-results .filter ul { display: flex; list-style: none; flex-wrap: wrap; }
.wrapper-search-results .filter ul li.active { font-weight: 500;color:#003366; }
.wrapper-search-results .filter ul li.all{color:#003366; }
.wrapper-search-results .hs-search-results__listing { list-style: none; }
.wrapper-search-results .hs-search-results__listing li { padding: 15px 0; border-bottom: 1px solid #E0E0E0; }
.wrapper-search-results .hs-search-results__listing li:last-child{border-bottom:0;}
.wrapper-search-results a.hs-search-results__title { font-weight: 500; display: block; margin-bottom: 6px; }
.wrapper-search-results p.hs-search-results__description { margin-bottom: 0; }
.wrapper-search-results .filter { margin: 20px 0 5px; }
.wrapper-search-results .hs-search-results__pagination { margin-top: 20px; justify-content: space-between; }

.main-contact-form { position: fixed; transition: transform .25s ease; margin-right:0; right: 52px; bottom: 0; transform: translateX(100%);max-height: 100vh; overflow: auto; z-index: 10; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2); }
.main-contact-form .step-1 { position:relative; cursor: pointer; display: flex; flex-wrap: wrap; align-items: center; padding:14px 16px; background: rgba(109, 168, 218, 0.7); color:#ffffff; border-top-left-radius: 4px; padding-right: 44px; }
.main-contact-form .step-1 > i { font-size: 21px; }
.main-contact-form .step-1-content { padding-left: 16px; font-size: 14px; text-transform: uppercase; }
.main-contact-form .step-1:hover,.main-contact-form.active .step-1{background: #003366;}
.main-contact-form .step-1:after { position: absolute; content: ""; height: 2px; width: 13px;transform-origin: center; background: #ffffff; right: 13px;top: 50%; transform: translateY(-50%); }
.main-contact-form.active .step-1:after { transform: translateY(-50%) rotate(45deg);  }
.main-contact-form.active .step-1:before { position: absolute; content: ""; width: 2px; height: 13px; background: #ffffff; right: 19px;top: 50%;transform: translateY(-50%) rotate(45deg); transform-origin: center; }
.main-contact-form form .hs_submit input { min-width: 180px; }
.main-contact-form form .legal-consent-container { font-size: 13px; }
.main-contact-form form{ margin-top: 20px; }
.main-contact-form .step-2{  padding:20px 10px 35px; background:#ffffff;display: none; border: 1px solid #E0E0E0; background-color:#F3F3F3;width: 301px; }
.main-contact-form:hover,.main-contact-form.active { transform: translateX(52px); }
@media (min-width: 1024px) {
  .main-contact-form { transform: translateX(52px) !important; } 
  .main-contact-form .step-1 { background: #003366; }
}
/* .main-contact-form.active { margin-right:30px; } */
.main-contact-form  h5{margin-bottom: 18px;}
.main-contact-form .detail-content { color: #E28100; padding-bottom: 5px; border-bottom: 1px solid #CCCCCC; }
.main-contact-form .form-title { margin-bottom: 0; }
.main-contact-form .legal-consent-container ~ .hs_recaptcha { margin-top: 0; }
.main-contact-form .submitted-message { font-size: inherit; padding: 30px 0 0; }

/* Benefits of our service agreements Module */
.four-col-section { background-color:#F3F3F3; text-align: center; padding: 43px 0 23px; }
.four-col-section h3{ font-size:24px;margin-bottom: 15px; }
.four-col-section .dis-flex{ justify-content:center;}
.four-col-item { width: 25%; padding: 15px 30px; }
.four-col-item h4 { font-size: 20px; margin-bottom: 16px; }
.four-col-item h4 img { width: 20px; margin-right: 8px; }

/* Two Column - Banner Module */
.two-col-banner { padding: 35px 0 100px; }
.banner-col-item { width: 50%;padding-top: 11px;padding-bottom: 11px;border-top:1px solid #E0E0E0; }
.banner-col-item:nth-child(1){ padding-top: 0; border-top:0;}
.banner-col-item:last-child{ padding-bottom: 0; }
.banner-col-item:nth-child(odd) { padding-right: 11px;border-right:1px solid #E0E0E0; }
.banner-col-item:nth-child(even) { padding-left: 11px; }
.two-col-banner .inner-banner-col-item{ background-size: cover; background-position: center; background-repeat: no-repeat; padding: 30px 25px;height:100%; }
.two-col-banner h4 { margin-bottom: 10px; }
.two-col-banner .detail-content { max-width: 325px; }
.two-col-banner .button { margin-top: 20px; }
.two-col-banner .button a{ min-width:180px; }
.two-col-banner .inner-banner-wrapper { width: 62%; }
.two-col-banner .dis-flex{ justify-content: space-between; }

/* Cart Popup CSS */
body.popup-open { overflow-y: hidden; }
.cart-popup { width: 100%;display: flex; align-items: center; padding: 50px 0; }
.cart-popup .container{ max-width:850px;}
.cart-popup .detail-content{color: #E28100; }
.cart-popup h2{ margin-bottom:22px ;}
.cart-popup .detail-content { color: #E28100; border-bottom: 1px solid #E0E0E0; padding-bottom: 17px; margin-bottom: 22px; }
.cart-popup .wrapper-cartData { border: 1px solid #E0E0E0; padding: 40px; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2);background: #fff; position: relative; }
.cart-popup .form-close { position: absolute; right: 25px; top: 25px; font-size: 55px; color: #003366; line-height: 30px; cursor: pointer;font-weight:300; }
.cart-popup .form-title { display: none; }
.cart-popup .wrapper-cartData button.mfp-close { position: absolute; right: 0; top: 0; font-size: 55px; color: #036; line-height: 30px; cursor: pointer; font-weight: 300; }

.cartData .item-wrapper table { width: 100%; border-bottom: 1px solid #DADADA; }
.cartData .item-wrapper table input[type="number"] { width: 100%; height: 26px; border: 1px solid #CCCCCC; text-align: center; padding-left: 10px; }
.cartData .item-wrapper table td.card-qty { width: 52px; }
.cartData .item-wrapper table td.remove-item { width: 40px; height: 26px; padding-left: 14px; }
.cartData .item-wrapper table button.removeItem { width: 100%; line-height: 26px; background: transparent; color: #E28100; font-size: 40px; font-weight: 200; cursor: pointer; }
.cartData .item-wrapper table td.part-number { width: 145px; padding-right: 15px;font-weight:500;color:#E28100; }
.cartData .item-wrapper table td.part-content{ font-weight:500;color:#E28100; }
.cartData .item-wrapper table td { vertical-align: middle; padding: 8px 0; }
.cartData .wrapper-OpenForm { margin-top: 40px; text-align: center; }
.cartData .submitted-message { text-align: center;}
.cartCount { background: #fff; color: #036; padding: 8px 5px; display: inline-flex; align-items: center; position: static; font-size: 12px; }

@media(min-width:568px){
  .banner-col-item:nth-child(2){ padding-top: 0; border-top:0;} 
  .banner-col-item:nth-last-child(2){ padding-bottom: 0; }
}
@media(min-width:641px){
  .related-product-item:hover { border: 1px solid #F3F3F3; background:#F3F3F3; }
  .related-product-item:hover h4{ color:#E28100; }
}

@media(min-width:768px){
  .tab-filter ul{list-style: none; display: flex!important; justify-content: center;margin: 0 !important; padding: 0 !important; height: auto !important;}
  .tab-filter p,.search-form > label{ display: none; }
  .tab-filter ul li.selected { border-color:#003366; color: #003366 ; pointer-events: none; }
  .tab-filter ul li:hover { color: #003366 ; }
  .tab-filter ul li { border-bottom: 2px solid transparent; text-align: center; }
  .tab-item h2{margin-bottom: 20px;}
  .related-product h3 { font-size: 24px; margin-bottom: 20px; }
  .accssories-main-filter { display: block !important; }
  .consumable-item-hero .consumable-hero-left { width: 52%; }
  .consumable-item-hero .product-hero-right { width: 45.5%; padding-bottom: 0; }
  .consumable-item-hero.product-hero { padding:0 0 40px; }
  .consumable-item-hero >.container>.dis-flex{ max-width: 1100px;}
  .our-columns-right {margin-top: 30px; }
  .video-hero .consumables-hero-left { width: 52%; }
  .video-hero .consumables-hero-right { width: 48%; }
}

@media(min-width:1025px){
  .related-product-item:not(:nth-child(4n)) { margin-right: 20px; }
}

@media(max-width:1170px){
  .part-numbers .description { width: auto; }
  .part-numbers table {margin: 0 auto;}
  .part-numbers h2{ text-align: center; }
  .video-item .video-banner { height: 27.5vw;}
  .accessories-item-bottom table .part { width: auto; }
  .system-accessories-right { width: 74%; }
  .mainTwoColumnbg .container{padding:0;}
  .our-columns-left { width: 60%; }
  .four-col-item { padding: 15px; }
  .two-col-banner .inner-banner-col-item{ padding:20px;}
  .service-offerings-right .box-cta.bg-box-cta .box-content {max-width: 250px;}
}

@media(max-width:1024px){
  .b-menu .container{ display: none; }
  .b-menu{margin-bottom:20px;padding:0;}
  .consumables-hero-left,.consumables-hero-right,.consumables-hero ul.accessories-spareparts { width: 50%;}
  .consumables-hero-left:not(.left-img) { padding-right: 30px; }
  .consumables-hero-left.left-img { padding-left: 30px; }
  .tab-filter ul li { padding-bottom: 10px; margin: 0 8px;}
  .tab-filter { padding: 25px 0;}
  .consumables-content { padding: 50px 30px; }
  .literature-item { width: calc(50% - 15px);  }
  .literature-item:nth-child(odd) {margin-right: 30px;}
  .our-columns-left { width: 58%; }
  .our-columns-right { width:38%; }
  .our-columns .box-content,.service-offerings-right .box-content{ padding: 20px; }
  .related-product-item { width: calc(50% - 10px); }
  .related-product-item:not(:nth-child(2n)) { margin-right: 20px; }
  .related-product { padding: 35px 0 70px; }
  .product-hero-left { width: 58%; }
  .product-hero ul.product-document { margin-top: 35px; }
  .part-numbers2 td { padding: 20px 10px; }
  .part-numbers2 tr>th:nth-child(2) { padding-left: 10px; }
  .mainTwoColumn.Changeposition .leftSide { padding-left:20px; }
  .leftSide { padding-right:20px;    padding-bottom: 35px; }
  .system-accessories { padding: 45px 0; }
  .mainWorkflow .dis-flex { margin-right: 0; margin-left: 0; }
  .innerworkflow { padding-right: 5px; padding-left: 5px; margin-bottom: 10px; }
  .mainWorkflow { padding: 20px 0 60px !important; }
  .worktitle a{ padding: 12px; }
  .mainTwoColumnbg .dis-flex { padding: 25px; }
  .mainTwoColumnbg .Rightside1 { padding-left:30px; } 
  .mainTwoColumnbg.Changeposition1 .Rightside1  { padding-right:30px; }
  .hero-search-banner h1,.hero-search-banner .detail-content { text-align: center; }
  .hero-search-banner .search-form form,.hero-search-banner .detail-content{ margin-left:auto; margin-right:auto; }
  .services ul.inner-tab-filter>li { width: calc(25% - 8px); margin-right: 10px; padding: 15px; margin-bottom: 10px; }
  .services .inner-tab-item.repairs { margin-top: 20px; padding: 40px 35px; }
  .two-col-banner .inner-banner-wrapper { width: 100%; position: relative; z-index: 1; }
  .two-col-banner .inner-banner-col-item:before,.service-offerings-right .box-cta.bg-box-cta:before { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background:rgba(0,51,102,0.43); }
  .service-offerings-right .box-cta.bg-box-cta:before{  background:rgba(240, 240, 240, 0.5); }
  .two-col-banner .inner-banner-col-item { background-position: right;  position: relative; }
  .two-col-banner h4, .two-col-banner .detail-content {  color: #ffffff; }
  .two-col-banner{ padding:35px 0  70px; }
  .service-parts-wrapper tr>th:first-child, .service-parts-wrapper tr>td:first-child{ width:100px;}
  .service-parts-wrapper th{ padding:8px; }
  .service-parts-wrapper td{ padding: 20px 8px; }
  .service-offerings-left { padding-right: 20px; }
  .so-filter>div { width: 49%; }
  .so-filter ul li { width: 25%; }
  .so-filter ul li.unspecified { width: 50%; }
}

@media(max-width:991px){
  .threeCol { width:50%; margin-bottom:30px; }
  .threeCol:last-child{margin-bottom:0; }
  .Mainproduct .dis-flex { justify-content: center; }
  .mainTwoColumnbgimg .Rightside11 { padding:30px; } 
  .workbg { height: 140px;}
  .hover_content{ padding:10px ;}
  .four-col-item { width: 50%; }
}

@media(max-width:767px){
  .desktop-display{ display: none; }
  .consumables-hero-left { width: 100%; padding-right: 0; order: 2; margin-top: 20px; }
  .consumables-hero-left.left-img { padding-left: 0; }
  .consumables-hero-right{ width: 100%; }
  .consumables-hero ul.accessories-spareparts {order: 3; width: 100%;}
  .tab-filter { color:#ACD6FA;border: 0; padding: 0; }
  .tab-filter .mob-dis { max-width: 316px; margin: 0 auto; position: relative; }
  .tab-filter p.open_option { font-size: 14px; padding: 12px; border-radius: 4px; margin-bottom: 0; position:relative; border: 1px solid #D7DAE2; padding-right: 40px; color: #003366; }
  .tab-filter p.open_option:after { position: absolute; content: ""; background-image: url(https://7813877.fs1.hubspotusercontent-na1.net/hubfs/7813877/Biotage/down-arrow%20%285%29-1.png); height: 15px; width: 15px; background-size: 100%; right: 15px; top: 50%; transform: translateY(-50%); transform-origin: center; transition: transform .5s ease; background-repeat: no-repeat; }
  .tab-filter .fast p.open_option:after { transform: translateY(-50%) rotate(-180deg); }
  .tab-filter ul.options { display: none; z-index:9; list-style: none; flex-wrap: wrap; padding: 10px 0; position: absolute; background: #001552; border-top: 1px solid #ffffff; border-radius: 4px;width: 100%; top: 100%; left: 0;  }
  .tab-filter ul li { padding: 8px 15px; margin: 0; width: 100%;}
  .tab-filter ul li.selected {display: none; }
  .tab-section h2 { display: none; }
  .tab-item { padding: 25px 0; }
  .benefits-bottom.remove-top-margin { margin-top: 0; }
  .benefits-bottom-right h4 {font-size: 20px; }
  .benefits-bottom-right .benefits-item .detail-content.load-more { max-height: 67px; } 
  .benefits-bottom-right .benefits-item:not(:last-child) { margin-bottom: 20px; }
  .benefits-top-left, .benefits-bottom-right { width: 100%; margin-bottom: 30px; }
  .benefits-top-right,.benefits-bottom-left { width: 100%; }
  .benefits-bottom-left { order: 2; }
  /*   .benefits-bottom-right .load-more+.load-more-cta { bottom: -30px;} */
  .specifications>.dis-flex>div { width: 100%; }
  .specifications>.dis-flex>div:not(:last-child) { margin-bottom: 20px; }
  .specifications-middle .specifications-left-item { max-width: 100%; }
  .part-numbers,.accessories-item-bottom {overflow: auto; }
  .part-numbers table,.accessories-item-bottom table {width: 700px; }
  .consumables-content { padding: 35px 20px; }
  .consumables>.dis-flex>div { width: 100%; }
  .consumables-img { height: 55vw; min-height: 225px;}
  .literature-item,.video-item { width: 100%; margin-bottom: 35px; margin-right: 0 !important; }
  .video-item .video-banner { height:54vw;}
  .our-columns-left { width: 100%; }
  .our-columns-right { width:100%; }
  .related-product { padding: 25px 0 30px; }
  .related-product h3 { margin-bottom: 35px; font-size: 22px;}
  .product-hero-right { width: 100%; padding: 20px 0 40px; }
  .product-hero-left { width: 100%; }
  .product-hero h1 { font-size: 26px; margin-bottom: 5px; }
  .product-hero h4 { font-size: 15px; margin-bottom: 10px; }
  .get-quote-popup .form-close { right: 15px; top: 15px;} 
  .part-numbers2 .parts-right { width: 100%; margin-top: 30px; }
  .part-numbers2 .parts-wrapper { width: 100%; }
  .leftSide { width: 100%; order: 2; padding-top: 20px; padding-right: 0; padding-bottom: 40px; }
  .Rightside { width:100%;    height: 68vw; } 
  .mainTwoColumn h1 { margin-bottom: 4px; }
  .mainTwoColumn .font20 { margin-bottom: 10px; font-size: 15px; }
  .mainTwoColumn.Changeposition .leftSide { padding-left:0; }
  .mainTwoColumn h2 { font-size:30px; }
  .system-accessories-left { width: 100%; }
  .system-accessories-right { width: 100%; margin-top: 35px; }
  .accssories-main-filter { display: none;width: 100%; order: 3; }
  .accssories-filter h6 { width: 100%; padding: 16px 14px; order: 2; margin-bottom: 0; position: relative; }
  .accssories-filter {  display: flex; flex-wrap: wrap; }
  .accssories-filter .remove-filters {margin-bottom: 0; width: 100%; }
  .accssories-filter h6:before { position: absolute; content: ""; height: 2px; width: 16px; background: #E28100; right: 14px; top: 50%; transform: translateY(-50%); }
  .accssories-filter h6:not(.active):after { position: absolute; content: ""; height: 16px; width: 2px; background: #E28100; right: 21px; top: 50%; transform: translateY(-50%); }
  .consumable-item-hero .detail-content > *:nth-child(1){font-size: 18px;}
  .consumable-item-hero .consumable-images { align-items: center; }
  .consumable-hero-left { width: 100%; }
  .mainWorkflow .dis-flex { margin-right:0; margin-left:0; }
  .innerworkflow { width:100%; margin-bottom:12px; padding-right: 0; padding-left: 0; }
  .innerworkflow:last-child {  margin-bottom:0; }
  .mainWorkflow { padding:20px 0 50px!important; }
  .mainTwoColumnbg .leftSide1 { width:100%; }
  .mainTwoColumnbg.Changeposition1 .Rightside1 { width:100%; padding-left: 0; padding-right:0; order: 2; padding-top:30px;}
  .mainTwoColumnbg .dis-flex { padding: 30px 20px;  }  
  .mainTwoColumnbg .Rightside1 { width:100%; padding-left:0; padding-top:20px; }
  .mainTwoColumnbg .container{ padding:0; } 
  .mainTwoColumnbg h3 { font-size: 22px; line-height: 1.3; }
  .threeCol { width:100%; padding-right: 0; padding-left:0;margin-bottom: 10px; }
  .Mainproduct .dis-flex { justify-content: center; margin:0;  }
  .Mainproduct .container { padding:0; }
  .threeCol:hover .innerthreecol { background:transparent }
  .innerDetails h5 a {   padding-top:0; color:#E28100;  font-size: 16px;    padding-bottom: 8px; }
  .Mainproduct h2 { padding-right:20px; padding-left:20px; font-size:22px; margin-bottom:14px;}
  .Mainproduct { padding:45px 0 20px; }
  .innerthreecol { padding:0; border:0; display:flex; text-align: left; }
  .bgImage {width: 50%;display: flex; align-items: center;}
  .bgImage img { width: 100%; }
  .innerDetails { width: 50%; border-top: 0; margin-top: 0; background:#F3F3F3; padding: 13px 20px 13px 8px; display: flex; align-items: center; }
  .LeftBlog { width:100%; padding:0 ; }
  .rightblog { width:100%; padding:30px 0 0 0; margin-top:30px; border-top:1px solid #E0E0E0; }
  .rightblog .button{ padding-top:10px; }  
  .postinfo .detail-content { display:none; }
  .LeftBlog .button.tr,.rightblog .button.tr{ text-align:left; }
  .postinfo { padding-bottom:15px; }
  .mainResblog { background:#ffffff; } 
  .mainTwoColumnbgimg .leftSide11 { width:100%; min-height: auto; height: 80vw; }
  .mainTwoColumnbgimg.Changeposition1 .Rightside11 {order: 2; }
  .mainTwoColumnbgimg h3 { font-size:22px;}
  .mainTwoColumnbgimg .dis-flex { padding: 35px 20px;  }  
  .mainTwoColumnbgimg .Rightside11 { width:100%; padding:20px 0 0; }
  .mainTwoColumnbgimg .container{ padding:0; } 
  .mainResblog1 { background: #ffffff; }
  .mainResblog1 .LeftBlog1 { width:100%; padding:0 ; }
  .mainResblog1 .rightblog1 { width:100%;padding: 30px 0 0 0; margin-top: 30px; border-top: 1px solid #E0E0E0; }
  .mainResblog1 .rightblog1 .button{ padding-top:5px;text-align: left; }  
  .mainResblog1 .LeftBlog1 .button{  text-align: left; }  
  .main-contact-form{ max-height:74vh; }
  .product-hero ul.accessories-spareparts { margin-top: 33px; }
  .workbg { height: 190px;}
  .hero-search-banner .search-form form { max-width: 265px !important; }
  .hero-search-banner{ padding:105px 0 60px;min-height: auto;}
  .search-form > label { text-align: center; display: block; position: relative; top: -12px; font-weight: 400; font-size: 14px; }
  .search-form input::-webkit-input-placeholder { display:none;opacity:0; } /* WebKit browsers */
  .search-form input:-moz-placeholder { display:none; opacity:0;} /* Mozilla Firefox 4 to 18 */
  .search-form input::-moz-placeholder { display:none;opacity:0;} /* Mozilla Firefox 19+ */
  .search-form input:-ms-input-placeholder { display:none;opacity:0;} /* Internet Explorer 10+ */
  .services ul.inner-tab-filter .detail-content{ display:none; }
  .services ul.inner-tab-filter strong { margin-bottom: 0; line-height: 1.2; font-size: 14px; }
  .services ul.inner-tab-filter>li { display: flex; align-items: center; justify-content: center;width: calc(50% - 10px); }
  .services ul.inner-tab-filter>li:nth-child(2) {margin-right:0; }
  .tab-section .inner-tab-item h2{ display:block;}
  .services .inner-tab-item:not(:first-child) { padding: 30px 20px;}
  .services .inner-tab-item.repairs {padding: 40px 20px; }
  .services .inner-tab-outer-wrapper{padding:43px 0;}
  .consumables-hero-left:not(.left-img) { padding-right: 0; }
  .four-col-item h4 img { width: 15px; margin-right: 5px; }
  .four-col-item h4 { font-size: 18px; margin-bottom: 10px; }
  .four-col-section h3 { font-size: 20px; }
  .four-col-section { margin-bottom: 35px;}
  .two-col-banner{ padding:25px 0  50px; }
  .service-offerings-left { padding-right: 0; width: 100%; margin-bottom: 30px; }
  .service-offerings-right{ width:100%; }
  .service-offerings-right .box-cta:last-child{ margin-bottom:0;}
  .cart-popup .wrapper-cartData {padding: 40px 20px;}
}

@media(max-width:640px){
  .our-columns .ph li.l-width { width: 100%; }
  .our-columns .ph li { width: 33.33%;}
  .related-product-item { width: 100%; border: 0; }
  .related-product-item:not(:nth-child(2n)) { margin-right: 0; }
  .wrapper-image { padding: 10px 0; }
  .related-product-item h4{ color: #E28100;margin:0; }
  .accessories-item-top-right { width: 100%; }
  .accessories-item-top { margin-bottom: 30px; }
  .accessories-item-top-left { width: 100%; padding-right: 0; padding-bottom: 30px; }
  .related-product-item > a { display: block; max-width: 235px; margin: 0 auto; }
  .services .inner-tab-item:not(:first-child) { width: 100%;}
  .service-offerings-right { width: 100%; }
  .service-parts-wrapper { overflow-x: auto; }
  .service-parts-wrapper table{width: 600px;}
  .outer-item-wrapper { overflow: auto; }
  .cartData .item-wrapper { width: 540px; }
}

@media(max-width:567px){
  .services .detail-content table { font-size: 14px; line-height: 1.2; }
  .services .detail-content table tr>td:first-child { width: auto;padding-right:10px; }
  .banner-col-item:nth-child(odd) { padding-right: 0; border-right: 0; }
  .banner-col-item:nth-child(even) { padding-left: 0; }
  .banner-col-item { width: 100%;}
  .so-filter>div { width: 100%; }
}

@media(max-width:480px){
  .product-img-nav { display: none !important;}
  .get-quote-popup .form-wrapper { padding: 40px 20px;}
  .part-numbers2 tr>td:first-child, .part-numbers2 tr>th:first-child { width: 90px;  }
  .hero-search-banner .search-form form .hsSubmit{ width:50px; }
  .hero-search-banner .search-form form input[type="search"]{ padding-right: 65px;}
  .services ul.inner-tab-filter>li { width: 100%; margin-right: 0; }
  .four-col-item { width: 100%; padding:15px 0;}

}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background:rgba(0,51,102,0.85);
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
.mfp-preloader a {
  color: #CCC; }
.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: #ffffff;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: fixed;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 1;
  color: #003366;
  font-style:normal;
  font-size: 60px; }

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
  margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px; }
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px; }
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 100vh; }

.mfp-iframe-scaler iframe,.mfp-iframe-scaler video {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,51,102,0.85); }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }
.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
  * Remove all paddings around the image on small screen
  */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
}
/* Slider */
.slick-slider
{
  position: relative;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list
{
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}
.slick-list:focus
{
  outline: none;
}
.slick-list.dragging
{
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track
{
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
  display: table;

  content: '';
}
.slick-track:after
{
  clear: both;
}
.slick-loading .slick-track
{
  visibility: hidden;
}

.slick-slide
{
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide
{
  float: right;
}
.slick-slide img
{
  display: block;
}
.slick-slide.slick-loading img
{
  display: none;
}
.slick-slide.dragging img
{
  pointer-events: none;
}
.slick-initialized .slick-slide
{
  display: block;
}
.slick-loading .slick-slide
{
  visibility: hidden;
}
.slick-vertical .slick-slide
{
  display: block;

  height: auto;

  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

button.slick-arrow { background: transparent; color: #B1B1B1; font-size: 30px; z-index: 1; position: absolute; top: 55%; cursor: pointer; }
button.slick-arrow:hover { color: #E28100; }
button.slick-prev { left: 20px; }
button.slick-next { right: 20px; }

@media(max-width:480px){
  button.slick-prev { left: 10px; }
  button.slick-next { right: 10px; }
}