html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

h1 {
  margin-bottom: 10px;
  font-family: "Electra LT W01 Bold Display";
  font-weight: 800;
}

h2 {
  color: #111111;
  font: 700 32px "Electra LT W01 Bold Display";
}

h3 {
  font-size: 32px;
  line-height: 40px;
  font-family: "Electra LT W01 Bold Display";
  font-weight: 800;
  color: #111111;
  margin-bottom: 20px;
}

h4 {
  font-family: "Avenir Next LT W01 Demi";
  font-size: 16px;
  line-height: 22px;
  color: #333333;
  font-weight: 600;
  margin-bottom: 10px;
}

h5 {
  float: left;
  font-size: 16px;
  line-height: 22px;
  margin-right: 15px;
  color: #333333;
  font-family: "AvenirNextLTW01-Regular";
}

h6 {
  float: left;
  font-size: 12px;
  line-height: 18px;
  color: #333333;
  font-family: "AvenirNextLTW01-Regular";
  text-transform: none;
}

body {
  color: #666;
  font-family: "AvenirNextLTW01-Regular";
  text-transform: none;
  font-size: 16px;
  line-height: 22px;
}

a:hover, a:focus {
  text-decoration: none;
  outline: none;
}

.full-width {
  width: 100%;
  float: left;
}

ul {
  list-style-type: none;
}

.submenu {
  transition: all 0s ease;
}

.submenu, .navbar-inverse .navbar-nav > li > a:hover {
  transition-delay: unset; 
	transition: 0.2s ease-in-out;
}

.header .top-nav ul li a:selected {
  color: #e84e0e;
}

/** tecan colors, anta, 20150520 **/
.blue {
  color: #00acff;
}

/* link and button blue */
.blue2 {
  color: #24cdff;
}

/* blue mouse-over */
.red {
  color: #e84e0e;
}

/* tecan red */
.black {
  color: #000000;
}

/* tecan black */
.lgray {
  color: #e84e0e;
}

/* used for thin lines */
.gray {
  color: #666666;
}

/* gray dark */
.gray2 {
  color: #999999;
}

/* gray medium */
.gray3 {
  color: #cccccc;
}

/* gray light */
.pink {
  color: #ea5198;
}

/* tecan barcode PINK */
.blue {
  color: #22bbef;
}

/* tecan barcode BLUE */
.orange {
  color: #f39200;
}

/* tecan barcode ORANGE */
.yellow {
  color: #fecc00;
}

/* tecan barcode YELLOW */
.green {
  color: #96c11f;
}

/* tecan barcode GREEN */
/** ---------------------------- **/
/**header**/
.header {
  width: 100%;
  float: left;
}

.header .top-nav .container .row .col-md-12 {
  position: static;
}

.header .top-nav {
  width: 100%;
  background-color: #000000;
  float: left;
  z-index: 999;
  position: relative;
}

.header .top-nav ul {
  float: right;
}

.header .top-nav ul li {
  float: left;
  background: url("https://cdn2.hubspot.net/hubfs/1390106/page_images/border.png") no-repeat;
  background-position: right center;
}

.header .top-nav ul li:last-child {
  background: none;
  padding-right: 0;
}

.header .top-nav ul li:last-child a { padding-right: 0; }

.header .top-nav ul li a {
  font-size: 13px;
  line-height: 14px;
  color: #ffffff;
  text-decoration: none;
  padding: 7px 0.85em;
	transition: 0.2s ease-in-out;
	display: inline-block;
}

.header .top-nav ul li a:hover {
  color: #e84e0e;
}

.header .top-nav ul li a span {
  padding-left: 5px;
  font-size: 12px;
}

.header .top-nav ul li a.arrow {
  background: url("https://cdn2.hubspot.net/hubfs/1390106/page_images/arrow.png") no-repeat;
  background-position: 83% center;
  padding-right: 35px;
  display: inline-block;
}

.header .top-nav ul li a.arrow:hover {
	background: url(https://www.tecan.com/hubfs/page_images/arrow-red.png) no-repeat;
	background-position: 83% center;
	padding-right: 35px;
	display: inline-block;
}

.header .top-nav ul li.bg_color1 a.arrow {
  color: #333333;
  background: #ffffff url("https://www.tecan.com/hubfs/page_images/up-arrow-red.png") no-repeat;
  background-position: 83% center;
  display: inline-block;
  color: #e84e0e;
  font-weight: 600;
}

.header .top-nav ul li.bg_color a.arrow {
  color: #333333;
  background: #000000 url("https://cdn2.hubspot.net/hubfs/1390106/page_images/up-arrow-red.png") no-repeat;
  background-position: 95% center;
  display: inline-block;
  color: #e84e0e;
  font-weight: 600;
}

.navbar-brand > img {
  max-width: 169px;
}

/* drop-down */
.drop-down {
  width: 100%;
  float: left;
  background-color: #ffffff;
  padding: 15px 0;
  display: none;
  position: absolute;
  top: 28px;
  left: 0;
  z-index: 99999;
}

.drop-down .logo {
  width: 18%;
  float: left;
}

.drop-down .logo a {
  padding: 0 !important;
}

.drop-down .list {
  width: 20%;
  float: left;
  background: url("https://cdn2.hubspot.net/hubfs/1390106/page_images/border1.png") no-repeat;
  background-position: right center;
  padding: 0 23px;
  min-height: 153px;
}

.drop-down .list:last-child {
  background: none;
}

.drop-down .list:last-child h4 {
  padding-top: unset !important;
}

.drop-down .list h4 {
  font-size: 15px;
  line-height: 22px;
  color: #333333;
  font-weight: 600;
  width: 100%;
  float: left;
    padding-top: 1.2em;
  padding-bottom: 0.32em;
}

.drop-down .list ul {
  float: left;
}

.drop-down .list ul li {
  list-style-type: none;
}

.drop-down .list ul li a {
  font-size: 15px;
  line-height: 22px;
  color: #333333;
  text-decoration: none;
  padding: 0;
}

.drop-down .list ul li a:hover {
  color: #e84e0e;
}

.header .top-nav ul li ul li {
  background: none;
  padding: 0;
  width: 100%;
  float: left;
}

/* main-nav */
.main-nav {
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  float: left;
  position: relative;
  z-index: 99;
}

.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  border-top: 0;
  /* background:#ffffff url("https://cdn2.hubspot.net/hubfs/1390106/page_images/shadow.jpg") repeat-x;background-position:center bottom; */
  border-bottom: 1px solid #e1e1e1;
  background: white;
}

.navbar {
  margin-bottom: 0;
  min-height: auto;
  border: 0;
  border-radius: 0;
  width: 70%;
  float: left;
}

.navbar-brand {
  padding: 11px 0;
}

.navbar-inverse {
  background: inherit;
  border-color: #ffffff;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
  color: #111111;
}

.navbar-inverse .navbar-nav > li {
  padding-right: 25px;
}

.navbar-inverse .navbar-nav > li > a {
  color: #111111;
  font-size: 18px;
  line-height: 36px;
  font-family: "Proxima Nova Soft W03 Reg";
}

.navbar-nav > li:first-child {
  padding-left: 35px;
}

/* serach-box */
#wrap {
  display: inline-block;
  position: relative;
  height: 35px;
  float: right;
  padding: 0;
  margin: 15px 0;
  z-index: 100001;
}

#wrap input[type="text"] {
  height: 20px;
  display: none;
  background-color: #343434;
  color: #ffffff;
  font-family: "Proxima Nova Soft W03 Reg";
  font-weight: 100;
  border: none;
  outline: none;
  padding: 10px;
  width: 400px;
  position: absolute;
  top: 0;
  right: -30px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#wrap button {
  height: 35px;
  width: 63px;
  display: inline-block;
  float: right;
  background: url(https://cdn2.hubspot.net/hubfs/1390106/page_images/serach.png) center center no-repeat;
  text-indent: -10000px;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 1;
  cursor: pointer;
}

#wrap button:focus {
  outline: none;
}

/*.bg{background: url(https://cdn2.hubspot.net/hubfs/1390106/page_images/blue-serach.png) center center no-repeat !important;}*/
::-webkit-input-placeholder {
  color: #ffffff;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #ffffff;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #ffffff;
}

:-ms-input-placeholder {
  color: #666666; /* #ffffff, updated for ie 11 to see the placeholder text there like in ff,chrome,safari, anta, 20200609*/
}

/* product-submenu */
.product-submenu {
  width: 100%;
  float: left;
  background: rgba(255, 255, 255, 0.9);
  visibility: hidden;
  opacity: 0;
  padding: 20px 0 30px 0;
  z-index: 99999;
  position: absolute;
  top: 65px;
  left: 0;
  overflow: hidden;
	height: 320px;
}

/* webkit */
.product-submenu:not(*:root) {
  padding: 20px 0 50px 0;
}

.product-submenu ul, .hs-menu-item ul {
  width: 26%;
  float: left;
  border-right: 1px solid #dddddd;
  min-height:460px;
  position: relative;
}

.app-submenu ul {
  width: 29%;
}

/*added to integrate hs adv menu Wl*/
.product-submenu ul li {
  list-style-type: none;
  width: 100%;
  margin-bottom: 8px;
  padding: 0 10px;
}

.product-submenu ul li ul {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  display: none;
}

/* .product-submenu ul li:hover > ul{ visibility:visible;opacity:1 !important;filter:alpha(opacity=100); display:block; } */
.product-submenu ul li a {
  font-size: 15px;
  line-height: 20px;
  color: #000000;
  font-family: "Proxima Nova Soft W03 Reg";
  -webkit-transition: all 100ms ease;
  -moz-transition: all 100ms ease;
  -o-transition: all 100ms ease;
  transition: all 100ms ease;
  display: block;
  font-weight: normal;
}

.product-submenu ul li:hover > a, .group-home li a:hover, .product-submenu ul li:hover > a .inner-text {
  color: #e84e0e;
  text-decoration: none;
  display: block;
  border: 0;
}

.product-submenu ul li a span {
  font-size: 10px;
  float: right;
  line-height: 21px;
}

.product-submenu ul li a span.inner-text {
  font-family: inherit;
  font-size: inherit;
  float: none;
  line-height: inherit;
}

.product-submenu ul li a span.glyphicon-chevron-down {
  display: none;
}

.navbar-inverse .navbar-nav > li:hover .product-submenu {
  visibility: visible;
  opacity: 1;
  filter: unset !important;
}

.product-submenu ul li ul.last {
  border: 0;
}

.product-submenu ul li ul.last li {
  margin-bottom: 2px;
}

.product-submenu ul li ul.last li a span {
  float: left;
  padding-right: 5px;
}

.hover {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(51, 51, 51, 0.5);
  display: none;
  z-index: 9;
}

.active {
  color: #e84e0e;
  font-weight: 600;
  text-decoration: none;
  display: block;
}
.header .active{ opacity: 1; visibility: visible; display: block; }

.active-main-menu-tab { visibility: visible !important; opacity: 1; display: block !important; }
.active-hover-item { color: #e84e0e !important; }

.main-nav .navbar {
  position: static;
  z-index: 99999;
}

.main-nav .navbar .container-fluid {
  position: static;
}

/* group-home-menu */
.life {
  width: 100%;
  float: left;
  background: rgba(255, 255, 255, 0.9);
  visibility: hidden;
  opacity: 0;
  padding: 25px 0;
  z-index: 99999;
  position: absolute;
  top: 65px;
  left: 0;
  overflow: hidden;
	display: none;
/*   min-height: 490px; */
}

.life-sciences .list { opacity: 1 !important; visibility: visible !important; }
.life { transition-delay: unset; /* transition: 0.2s ease-in-out; */ min-height: 340px !important; }

.group-home {
  position: absolute;
  top: 15px;
  margin: 0 0 0 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #dddddd;
  width: 1170px;
}

.group-home ul {
    padding-top: 10px !important;
}

.group-home li {
  float: left;
	padding-right: 0px;
}

.group-home li:nth-child(1) a { 
	padding-left: 10px; 
}

.group-home li a {
  font-size: 15px;
  color: #333333;
  font-family: "Proxima Nova Soft W03 Reg";
  display: block;
	font-weight: 400;
	padding: 0px 25px 0px 0px ; 
	/* height: 31px; */
	line-height: 30px;
}

/*.navbar-inverse .navbar-nav > li:hover .life{visibility:visible;opacity:1;filter:alpha(opacity=100);} 
 .group-home > .app-menu:hover .product-submenu{visibility:visible;opacity:1;filter:alpha(opacity=100);}*/
.group-home .products .product-submenu {
  width: 1170px !important;
  top: 25px !important;
  background: none !important;
  padding-top: 10px;
}

.product-submenu.app-menu, .product-submenu.pro {
  display: none;
}

.group-home > .app:hover .app-menu {
  display: block;
}

.group-home > .products:hover .pro {
  display: block;
}

.nav-border {
  border-bottom: 1px solid #dddddd;
}

/* application */
.application {
  width: 100%;
  float: left;
  margin: 35px 0;
}

h3 {
  font-size: 32px;
  line-height: 40px;
  font-family: "Electra LT W01 Bold Display";
  font-weight: 800;
  color: #111111;
  margin-bottom: 20px;
}

h3 span {
  color: #e84e0e;
}

.application img, .services img, .consumable img {
  margin-bottom: 15px;
  width: 100%;
  height: auto;
}

.application h4, .services h4, .consumable h4 {
  font-size: 18px;
  line-height: 22px;
  font-family: "Proxima Nova Soft W03 Reg";
  font-weight: 600;
  color: #333333;
  margin-bottom: 5px;
}

.application p, .services p, .consumable p {
  font-size: 15px;
  line-height: 20px;
  font-family: "Proxima Nova Soft W03 Reg";
  color: #666666;
  margin-bottom: 5px;
}

.learn-more {
  color: #00ACFF;
  font-size: 15px;
  line-height: 20px;
  font-weight: 100;
  font-family: "Proxima Nova Soft W03 Reg";
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.learn-more span {
  font-size: 10px;
  line-height: 20px;
  padding-left: 5px;
}

.services {
  width: 100%;
  float: left;
  margin: 25px 0;
}

sup {
  font-size: 10px;
}

.consumable {
  width: 100%;
  float: left;
  margin: 25px 0;
}

.application .col-md-12 {
  padding-left: 0;
}

/* footer */
.social-icons {
  width: 100%;
  float: left;
  margin-top: 100px;
}

.social-icons .line, .country-selection .line {
  background: url("https://cdn2.hubspot.net/hubfs/1390106/page_images/lines.png") repeat-x;
  background-position: 14px top;
  width: 65%;
  float: left;
  height: 30px;
}

.navbar-inverse .head__cart-icon {
  color: #000 !important;
}

.icons {
  width: 25%;
  float: left;
  margin-left: 15px;
}

.icons ul {
  margin: 0;
  padding: 0;
}

.icons ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
  margin-right: 10px;
}

.icons ul li a {
  height: 25px;
  width: 25px;
  display: inline-block;
}

.icons ul li:last-child {
  padding-right: 0;
}

.icons ul li a {
  background: url("https://cdn2.hubspot.net/hubfs/1390106/page_images/social_icons.png") no-repeat 0 0;
  display: inline-block;
}

.icons ul li a.fb:hover {
  background-position: 0 -29px;
}

.icons ul li a.twitter {
  background-position: -32px 0px;
}

.icons ul li a.twitter:hover {
  background-position: -32px -29px;
}

.icons ul li a.google {
  background-position: -63px 0px;
}

.icons ul li a.google:hover {
  background-position: -63px -30px;
}

.icons ul li a.you {
  background-position: -95px 0px;
}

.icons ul li a.you:hover {
  background-position: -95px -29px;
}

.icons ul li a.in {
  background-position: -128px -0px;
}

.icons ul li a.in:hover {
  background-position: -128px -30px;
}

.icons h5 {
  float: left;
  font-size: 14px;
  line-height: 22px;
  margin-right: 15px;
  color: #333333;
  font-family: "AvenirNextLTW01-Regular";
  text-transform: uppercase;
}

.footer {
  width: 100%;
  float: left;
  background-color: #e4e4e4;
  padding: 30px 0;
}

.footer h4 {
  font-family: "Avenir Next LT W01 Demi";
  font-size: 16px;
  line-height: 22px;
  color: #333333;
  font-weight: 600;
  margin-bottom: 10px;
}

.footer ul {
  margin: 0;
  padding: 0;
}

.footer ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: 5px;
}

.footer ul li a, .footer .copy-right ul li a {
  font-family: "AvenirNextLTW01-Regular";
  font-size: 13px;
  line-height: 18px;
  color: #333333;
}

.footer ul li a:hover {
  color: #e84e0e;
}

.footer .copy-right {
  margin-top: 24px;
  width: 100%;
  float: left;
  border-top: 1px solid #bdbdbd;
  padding-top: 13px;
}

.footer .copy-right p {
  font-family: "AvenirNextLTW01-Regular";
  font-size: 13px;
  line-height: 18px;
  color: #666666;
  display: inline;
  float: left;
}

.copy-right ul li a {
  font-size: 13px;
  float: left;
}

.footer .copy-right ul {
  float: left;
}

.footer .copy-right ul li {
  float: left;
  background: url("https://cdn2.hubspot.net/hubfs/1390106/page_images/border.png") no-repeat;
  background-position: right center;
  padding: 0 15px;
}

.footer .copy-right ul li:last-child {
  background: none;
  padding-right: 0;
}

.navbar-inverse .navbar-nav > li:last-child {
  padding-right: 14px;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
  color: #e84e0e;
  border: 0;
}

/* sticky-nav */
.sticky_nav .drop-down {
  position: relative;
  top: 0;
  background-color: #000000;
  padding: 9px 0 0 0;
}

.sticky_nav .top-nav ul {
  width: 100%;
}

.sticky_nav .drop-down .list h4 {
  color: #ffffff;
}
body .drop-down .list h4 { 
	padding: 0px 0 4px 0; 
}

.sticky_nav .drop-down .list ul li a {
  color: #ffffff;
}

.sticky_nav .top-nav ul li a span {
  float: right;
  margin-left: 0;
  margin-right: 13px;
}

.sticky_nav .drop-down .logo {
  display: none;
}

.sticky_nav .drop-down .list {
  width: 100%;
  min-height: 100px;
  background: none;
  padding: 0;
}

.sticky_nav .drop-down .list.list4 {
  min-height: 40px;
}

.sticky_nav .drop-down .list.list3 {
  min-height: 85px;
}

.sticky_nav .drop-down .list h4.margin {
  margin: 0;
}

.sticky_nav .top-nav ul li a {
  width: 100%;
}

.sticky_nav .top-nav ul li a.arrow {
  background-position: 95% center;
}

.sticky_nav .top-nav ul li:hover a.arrow {
  background: #000000 url("https://cdn2.hubspot.net/hubfs/1390106/page_images/up-arrow1.png") no-repeat !important;
  background-position: 95% center !important;
}

.sticky_nav .drop-down .list ul li a:hover {
  color: #e84e0e;
  font-weight: 600;
}

/* country-selection Popup */
#hs_cos_wrapper_country_selection {
  display: none;
  float: left;
  width: 100%;
  height: 100%;
  z-index: 500;
  top: 0px;
  left: 0px;
  position: fixed;
  background: rgba(0, 0, 0, 0.35);
}

.country-selection {
  width: 605px;
  float: left;
  background-color: white;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 99999;
}

.country-selection .top-section {
  padding: 29px 30px;
}

.country-selection h3 {
  color: #333333;
  font: 700 18px/24px 'Avenir Next LT W01 Demi';
  margin-bottom: 15px;
}

.country-selection .bottom-section h4 {
  color: #333333;
  font: 700 16px/24px 'Avenir Next LT W01 Demi';
  margin-bottom: 15px;
}

.country-selection .top-section p {
  color: #666666;
  font: 400 16px/22px 'AvenirNextLTW01-Regular';
  margin-bottom: 33px;
}

.country-selection p span {
  color: #e84e0b;
}

.country-selection .buttons {
  margin-bottom: 33px;
}

/*.country-selection .top-section .blue-button{background:#00ACFF;border-radius:4px;padding:6px 15px;float:left;margin-right:25px;font:700 14px/24px 'Avenir Next LT W01 Demi';color:#ffffff;text-transform:uppercase;}*/
.country-selection .top-section .blue-button {
  background: #00ACFF;
  border-radius: 4px;
  padding: 6px 15px;
  float: left;
  margin-right: 25px;
  font: 700 14px/24px 'Avenir Next LT W01 Demi';
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.country-selection .top-section .blue-button:hover {
  background: #24CDFF;
  filter: alpha(opacity=80);
  opacity: 0.8;
}

.country-selection .line {
  width: 100%;
  margin-bottom: 5px;
  float: left;
  background-position: 13px top;
}

.country-selection .bottom-section {
  background-color: #e4e4e4;
  padding: 20px 30px;
}

.country-selection .bottom-section p {
  color: #333333;
  font: 400 15px/22px 'AvenirNextLTW01-Regular';
}

.country-select-wrap {
  float: left;
  width: 100%;
  display: none;
}

.country-select {
  padding: 0.15em 0;
}

#country-set {
  display: none;
}

.close-country-selection {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 1.3em;
  border: 1px solid #337AB7;
  padding: 0.35em 0.25em 0.25em;
  line-height: 1em;
}

.close-country-selection:hover {
  color: white;
  background: #337AB7;
}

@media screen and (max-width: 767px) {
  .country-selection {
    width: 90%;
    max-width: 605px;
  }

  .country-select {
    width: 100%;
  }

  .country-txt-wrap {
    display: none;
  }

  #country-accept, #country-change {
    display: none;
  }

  .country-select-wrap, #country-set {
    display: inline;
  }

  .country-select-wrap {
    padding-bottom: 1.5em;
  }

  .country-selection .bottom-section h4 {
    margin-bottom: 0.5em;
  }
}
/*sticky nav**/
.sticky_nav {
  display: none;
  position: relative;
  width: 100%;
  float: left;
}

.sticky #wrap {
  display: none;
}

.sticky .sticky_nav {
  display: block;
}

.nav_bar {
  color: #000;
  float: right;
  padding-top: 20px;
}

.nav_bar span {
  font-size: 25px;
  color: #000;
}

.sticky_nav .top-nav {
  position: absolute;
  top: 66px;
  display: none;
}

.sticky_nav .top-nav ul li {
  width: 100%;
  background: transparent !important;
}

.sticky .group_stick {
  width: 100%;
  float: left;
}

.sticky .group_stick li {
  float: left;
  border-right: 1px solid #ccc;
  margin-top: 8px;
}

.sticky .group_stick li:last-child {
  border-right: 0;
}

.sticky .group_stick li a {
  display: block;
  padding: 0px 10px;
  font: 400 13px/14px 'Avenir Next LT W01 Demi';
  color: #666666;
}

.sticky .group_stick li a:hover {
  text-decoration: underline;
}

.lines {
  background: url("https://cdn2.hubspot.net/hubfs/1390106/page_images/lines.png") repeat-x;
  background-position: bottom left;
  width: 100%;
  float: left;
  height: 21px;
  position: absolute;
  bottom: 25px;
  left: 0;
}

.social_icons {
  width: 100%;
  float: left;
  padding: 32px 0 0;
}

.social_icons span {
  font: 400 15px "AvenirNextLTW01-Regular";
  color: #999999;
  float: left;
}

.social_icons ul {
  float: right;
}

.social_icons ul li {
  display: inline-block;
}

.social_icons ul li a {
  display: inline-block;
  background: url("https://cdn2.hubspot.net/hubfs/1390106/page_images/social_icons2.png") no-repeat 0 0;
  height: 24px;
  width: 23px;
}

.social_icons ul li a.print_icon {
  background-position: -24px 0;
}

.social_icons ul li a.mail_icon {
  background-position: -48px 0;
}

.social_icons ul li a.twitter_icon {
  background-position: -72px 0;
}

.social_icons ul li a.add_icon {
  background-position: -96px 0;
}

/* topmenu active states */
.hs-blog-id-3692730970 .toplink--about > a, .hs-blog-id-3692730970 .toplink--blog > a, .hs-blog-post.hs-blog-id-3692730970 .toplink--blog > a, .hs-content-id-3569982928 .toplink--about > a, .hs-content-id-3585788528 .toplink--about > a, .hs-content-id-3557483353 .toplink--about > a, .hs-content-id-3585622082 .toplink--about > a, .hs-content-id-3585622082 .toplink--about > a, .hs-content-id-3719083865 .toplink--about > a, .hs-content-id-3580219782 .toplink--about > a, .hs-content-id-3692493965 .toplink--about > a, .hs-content-id-3545409761 .toplink--about > a, .hs-content-id-3692527415 .toplink--about > a, .hs-content-id-3570227818 .toplink--about > a, .hs-content-id-3715186235 .toplink--about > a, .hs-blog-id-3436608387 .toplink--about > a, .hs-blog-post.hs-blog-id-3436608387 .toplink--about > a, .hs-content-id-3520573109 .toplink--support > a, .hs-content-id-3545266046 .toplink--contact > a, .lifesciences_tecan_com .toplink--ls > a, .diagnostics_tecan_com .toplink--di > a, .partnering_tecan_com .toplink--pa > a, .hs-content-id-3702083020 .toplink--te > a {
  color: #e84e0b !important;
}

.hs-content-id-3520573109.lifesciences_tecan_com .toplink--ls a {
  color: #ffffff !important;
}

/* responsive breakpoints */
html, body {
  -webkit-font-smoothing: antialiased;
}

.txt--uppercase {
  text-transform: uppercase;
}

.txt--lowercase {
  text-transform: lowercase;
}

.txt--small {
  font-size: 0.82em;
}

.txt--center {
  text-align: center;
}

.txt--left {
  text-align: left;
}

.txt--right {
  text-align: right;
}

.padding--xs {
  padding: 1em 0;
}

.padding--sm {
  padding: 2em 0;
}

.padding--md {
  padding: 3em 0;
}

.padding--lg {
  padding: 4em 0;
}

.padding--bottom--xs {
  padding-bottom: 1em;
}

.padding--bottom--sm {
  padding-bottom: 2em;
}

.padding--bottom--md {
  padding-bottom: 3em;
}

.padding--bottom--lg {
  padding-bottom: 4em;
}

.padding--top--xs {
  padding-top: 1em;
}

.padding--top--sm {
  padding-top: 2em;
}

.padding--top--md {
  padding-top: 3em;
}

.padding--top--lg {
  padding-top: 4em;
}

.clear-padding {
  padding: 0;
}

.margin--xs {
  margin: 1em 0;
}

.margin--sm {
  margin: 2em 0;
}

.margin--md {
  margin: 3em 0;
}

.margin--lg {
  margin: 4em 0;
}

.margin--bottom--xs {
  margin-bottom: 1em;
}

.margin--bottom--sm {
  margin-bottom: 2em;
}

.margin--bottom--md {
  margin-bottom: 3em;
}

.margin--bottom--lg {
  margin-bottom: 4em;
}

.margin--top--xs {
  margin-top: 1em;
}

.margin--top--sm {
  margin-top: 2em;
}

.margin--top--md {
  margin-top: 3em;
}

.margin--top--lg {
  margin-top: 4em;
}

.clear-margin {
  margin: 0;
}

.hide {
  display: none;
}

.pull-left {
  float: left;
  clear: left;
  margin-left: 0;
  padding-left: 0;
}

.pull-right {
  float: right;
  clear: right;
  margin-right: 0;
  padding-right: 0;
}

.clearfix {
  content: "";
  display: table;
  clear: both;
}

.main-nav.sticky {
  z-index: 1000;
}

/*-- updated search --*/
body .st-default-search-input {
  background-image: none;
}

#search_submit.glyphicon-search {
  width: 40px;
  height: 40px;
  text-indent: 0;
  color: #000000;
  background-image: none;
}

#search_submit.glyphicon-search:hover {
  color: #e84e0b;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#search_submit.glyphicon-search.bg {
  color: #999999;
  opacity: 0.2;
}

#search_submit.glyphicon-search.bg:hover {
  color: #ffffff;
  opacity: 1;
	color: #e84e0e;
}

body div.st-ui-autocomplete div.st-query-present,
body section.st-ui-slide-autocomplete div.st-query-present {
  font-family: "AvenirNextLTW01-Regular";
}

body div.st-ui-autocomplete div.st-query-present a.st-ui-result .st-ui-type-heading,
body section.st-ui-slide-autocomplete div.st-query-present a.st-ui-result .st-ui-type-heading {
  padding-bottom: 0.16em;
  font-size: 15px;
  color: #00acff !important;
}

body div.st-ui-autocomplete div.st-query-present a.st-ui-result .st-ui-type-heading:hover,
body section.st-ui-slide-autocomplete div.st-query-present a.st-ui-result .st-ui-type-heading:hover {
  color: #e84e0b !important;
}

div.st-ui-autocomplete div.st-query-present a.st-ui-result .st-ui-type-detail,
section.st-ui-slide-autocomplete div.st-query-present a.st-ui-result .st-ui-type-detail {
  font-size: 13px;
  color: #00acff !important;
}

div.st-ui-autocomplete div.st-query-present a.st-ui-result .st-ui-type-detail:hover,
section.st-ui-slide-autocomplete div.st-query-present a.st-ui-result .st-ui-type-detail:hover {
  color: #e84e0b !important;
}

@media only screen and (max-width: 768px) {
  #myNavbar {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .nav_bar {
    padding-top: 1.75em;
  }
}
@media only screen and (max-width: 768px) {
  .navbar-header {
    padding: 1.5em 0 1em 0;
  }
}
@media only screen and (max-width: 767px) {
  .sticky_nav {
    display: block;
  }
}
.touchevents .top-nav {
  display: none;
}

.touchevents .nav_bar {
  padding-top: 1.75em;
}

.touchevents .navbar-brand {
  height: 70px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.touchevents .navbar-header {
  padding: 0 !important;
}

.touchevents .blog-item  .navbar-header {
  padding: 1.5em 0 1em 0 !important;
}

.touchevents .nav.navbar-nav {
  display: none;
}

.touchevents #search_submit {
  display: none;
}

.touchevents .st-menu .nav--group-2 {
  display: block;
}

.touchevents .banner-sec {
  margin-top: -79px;
}

 
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

html, body {
  min-height: 100%;
  margin: 0;
  padding: 0;
}

/* Website background color and default font styles */
body {
  background: #fff;
  -webkit-font-smoothing: antialiased;
}

/**
 * Page Center
 *
 * Apply .page-center to full-width modules.
 */
.container-fluid .row-fluid .page-center {
  float: none;
  margin: 0 auto;
}

hr {
  color: #ccc;
  background-color: #ccc;
  height: 1px;
  border: none;
}

/* Highlighted Text
::-moz-selection {
  color: #fff;
  background: ;
  text-shadow: none;
}
::selection {
  color: #fff;
  background: ;
  text-shadow: none;
}
 */
/* Corrects width issues in table elements created via the wysiwyg editor */
/* ==========================================================================
   Typography
   ========================================================================== */
/* Basic text */
sup, sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Headings */
h1 {
  color: #111111;
  font-family: "Electra LT W01 Bold Display";
  font-size: 48px;
  font-weight: 800;
  line-height: 54px;
  margin-top: 0px;
}

h2 {
  color: #111111;
  font: 400 32px "Electra LT W01 Bold Display";
}

h3 {
  color: #111111;
  font-family: "Electra LT W01 Bold Display";
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 20px;
}

h4 {
  color: #333333;
  font-family: "Avenir Next LT W01 Demi";
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

h5 {
  color: #333333;
  font-family: "AvenirNextLTW01-Regular";
  font-size: 16px;
  line-height: 22px;
}

h6 {
  color: #333333;
  font-family: "AvenirNextLTW01-Regular";
  font-size: 14px;
  line-height: 18px;
}

/* Lists */
ul.unstyled, ol.unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Quotes */
/* ==========================================================================


   2. COS STRUCTURE                                            


   ========================================================================== */
/* ==========================================================================
   Structure                                               
   ========================================================================== */
/* The outer wrappers of your website */
/* The inner wrappers of your website */
.page-center {
  padding-left: 15px;
  padding-right: 15px;
}

.glyphicon {
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  position: relative;
  top: 1px;
}

/* ==========================================================================
   Header
   ========================================================================== */
.custom-header-container-wrapper {
  left: 0;
  position: fixed;
  top: 0;
  width: 100% !important;
  z-index: 99999;
  transition: transform 0.5s ease;
}

.no-touchevents .fixed .custom-header-container-wrapper {
  transform: translate(0px, -28px);
}

.fixed.custom-lp-page .custom-header-container-wrapper {
  transform: translate(0px, 0px);
}

.top-menu-wrapper {
  background: #000000 none repeat scroll 0 0;
}

.top-menu-wrapper .hs-menu-wrapper > ul {
  float: right;
  padding-right: 5px;
}

.top-menu-wrapper .hs-menu-wrapper > ul > li {
  background: transparent url("//cdn2.hubspot.net/hubfs/1390106/page_images/border.png?t=1449487927856") no-repeat scroll right center;
  float: left;
}

.top-menu-wrapper .hs-menu-wrapper > ul > li:last-child {
  background: transparent none repeat scroll 0 center;
  padding-right: 0;
}

.top-menu-wrapper .hs-menu-wrapper > ul > li > a {
  color: #ffffff;
  font-size: 13px;
  line-height: 28px;
  padding: 0 15px;
  text-decoration: none;
}

.top-menu-wrapper .hs-menu-wrapper > ul > li.hs-item-has-children > a {
  background: transparent url("//cdn2.hubspot.net/hubfs/1390106/page_images/arrow.png?t=1449487927856") no-repeat scroll 83% center;
  display: inline-block;
  padding-right: 35px;
}

.top-menu-wrapper .hs-menu-wrapper > ul > li.hs-item-has-children.clicked > a {
  background: #ffffff url("//cdn2.hubspot.net/hubfs/1390106/page_images/up-arrow1.png?t=1449487927856") no-repeat scroll 83% center;
  color: #e84e0e;
  display: inline-block;
  font-weight: 600;
}

.child-menu-wrapper > ul > li:last-child {
  background: transparent none repeat scroll 0 0;
}

.top-menu-wrapper .hs-menu-wrapper > ul > li > a:hover {
  color: #e84e0e;
}

.top-menu-wrapper .hs-menu-wrapper > ul > li.hs-item-has-children {
  position: static !important;
}

.child-menu-wrapper {
  background: #ffffff none repeat scroll 0 0;
  left: 0;
  position: absolute;
  top: 28px;
  display: none;
  width: 100%;
  padding: 15px 0;
  z-index: 999;
}

.child-menu-wrapper > ul {
  float: none;
  margin: 0 auto !important;
  max-width: 1170px;
  opacity: 1 !important;
  padding: 0 15px;
  position: static !important;
  visibility: visible !important;
  width: 100%;
}

.child-menu-wrapper > ul > li {
  background: transparent url("//cdn2.hubspot.net/hubfs/1390106/page_images/border1.png?t=1449487927856") no-repeat scroll right center;
  float: left;
  padding: 0 23px;
  width: 20%;
}

.child-menu-wrapper > ul > li:first-child {
  background: transparent none repeat scroll 0 0;
  padding: 0;
  width: 18%;
}

.child-menu-wrapper > ul > li > ul {
  opacity: 1 !important;
  position: static !important;
  visibility: visible !important;
}

.child-menu-wrapper h4 {
  color: #333333;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  font-family: "Avenir Next LT W01 Demi";
  margin: 0 0 10px;
  text-transform: uppercase;
}

.child-menu-wrapper > ul > li > ul li a {
  color: #333333;
  font-size: 15px;
  line-height: 23px;
  white-space: normal !important;
  padding: 0;
  text-decoration: none;
}

.child-menu-wrapper > ul > li > ul li a:hover {
  color: #e84e0e;
}

.child-menu-wrapper > ul > li > ul > li:nth-child(3) h4 {
  margin-top: 21px;
}

.header-main-wrapper {
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
}

.fixed .header-main-wrapper {
  background: #ffffff none repeat scroll 0 0;
  border-bottom: 1px solid #e1e1e1;
}

.custom-menu-primary.long-menu {
  margin: 0 !important;
  width: auto !important;
}

.custom-main-menu-wrapper {
  width: 70% !important;
  padding: 0 15px;
}

.custom-header-search {
  width: 25% !important;
  margin: 0 !important;
  float: right !important;
  padding-left: 15px;
}

.custom-logo {
  max-width: 170px;
  width: auto !important;
  padding: 15px 0;
}

.custom-logo a {
  margin-left: -15px;
}

#wrap {
  display: inline-block;
  float: right;
  height: 35px;
  margin: 15px 0;
  padding: 0;
  position: relative;
  z-index: 100001;
}

#wrap input[type="text"] {
  background-color: #343434;
  border: 0 none;
  color: #ffffff;
  display: none;
  font-family: "Proxima Nova Soft W03 Reg";
  font-weight: 100;
  height: 40px;
  line-height: 20px;
  outline: 0 none;
  padding: 10px;
  font-size: 14px !important;
  position: absolute;
  right: -30px;
  top: 0;
  width: 400px;
}

*::-moz-placeholder {
  color: #666666;
  padding-left: 5px;
  font-family: "Proxima Nova Soft W03 Reg";
}

*::-webkit-input-placeholder {
  color: #666666;
  padding-left: 5px;
  font-family: "Proxima Nova Soft W03 Reg";
}

#wrap button {
  background: transparent url("//cdn2.hubspot.net/hubfs/1390106/page_images/serach.png?t=1449487927856") no-repeat scroll center center;
  border: 0 none;
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 35px;
  opacity: 1;
  position: absolute;
  right: 0;
  text-indent: -10000px;
  top: 0;
  width: 63px;
  z-index: 2;
}

.sticky_nav {
  display: none;
  float: left;
  position: relative;
  width: 100%;
}

.nav_bar {
  color: #000000;
  float: right;
  padding-top: 20px;
}

.nav_bar span {
  color: #000000;
  font-size: 19px;
}

.glyphicon-menu-hamburger::before {
  content: "";
}

.show-side-nav .glyphicon-menu-hamburger::before {
  content: "";
}

.fixed #wrap button {
  display: none;
}

.fixed .sticky_nav {
  display: flex;
  align-items: center;
}

.custom-menu-primary.side-menu {
  background: #000000 none repeat scroll 0 0;
  font-family: "Avenir Next LT W01 Demi";
  height: 100vh !important;
  overflow-y: scroll !important;
  position: fixed;
  right: 0;
  top: 0;
  transition: all 0.5s ease;
  width: 300px;
  z-index: 99;
}

.custom-menu-primary.side-menu ul li a, .side-search ul li a {
  border-bottom: 1px solid #3d3d3d;
  box-shadow: 0 -1px rgba(0, 0, 0, 0.2) inset;
  color: #f3efe0;
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  outline: 0 none;
  padding: 0.82em 1em 0.82em 1.2em;
  position: relative;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
  text-transform: uppercase;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.custom-menu-primary.side-menu ul li a:hover {
  background: rgba(250, 250, 250, 0.4) none repeat scroll 0 0;
  box-shadow: 0 -1px transparent inset;
  color: #ffffff;
}

.side-search ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.side-search .st-default-search-input {
  display: inline-block;
  width: 190px;
  height: 16px;
  padding: 7px 11px 7px 28px;
  border: 1px solid #bbb;
  border: 1px solid rgba(0, 0, 0, 0.25);
  font-weight: 400;
  color: #3A444F;
  font-size: 14px;
  line-height: 16px;
  box-sizing: content-box;
  background: #fff 8px 8px no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6%2BR8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG11AABzoAAA%2FN0AAINkAABw6AAA7GgAADA%2BAAAQkOTsmeoAAAESSURBVHjajNCxS9VRGMbxz71E4OwgoXPQxVEpXCI47%2BZqGP0LCoJO7UVD3QZzb3SwcHB7F3Uw3Zpd%2FAPCcJKG7Dj4u%2FK7Pwp94HDg5Xyf5z1Pr9YKImKANTzFXxzjU2ae6qhXaxURr%2FAFl9hHDy%2FwEK8z89sYVEp5gh84wMvMvGiSJ%2FEV85jNzLMR1McqfmN5BEBmnmMJFSvtpH7jdJiZv7q7Z%2BZPfMdcF6rN%2FT%2F1m2LGBkd4HhFT3dcRMY2FpskxaLNpayciHrWAGeziD7b%2BVfkithuTk8bkGa4wgWFmbrSTZOYeBvjc%2BucQj%2FEe6xHx4Taq1nrnKaW8K6XUUsrHWuvNevdRRLzFGwzvDbXAB9cDAHvhedDruuxSAAAAAElFTkSuQmCC);
  background-clip: padding-box;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: system, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", sans-serif;
}

@media (max-width: 767px) {
  .side-search .st-default-search-input {
    width: calc(100% - 39px);
  }
}
.show-side-nav .custom-menu-primary.side-menu .hs-menu-wrapper > ul > li .child-trigger {
  display: block !important;
  height: 42px;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  cursor: pointer;
  z-index: 99;
}

.show-side-nav .custom-menu-primary.side-menu .hs-menu-wrapper > ul > li .child-trigger::after {
  color: #ffffff;
  content: "";
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  height: 100%;
  line-height: 42px;
  text-align: center;
  width: 100%;
}

.show-side-nav .custom-menu-primary.side-menu .hs-menu-wrapper > ul > li .child-trigger.child-open::after {
  content: "";
}

.show-side-nav .custom-menu-primary.side-menu .hs-menu-wrapper > ul {
  float: none !important;
  width: 100%;
}

.show-side-nav .custom-menu-primary.side-menu .hs-menu-wrapper > ul > li {
  display: block;
/*   float: none !important; */
}

.body-container-wrapper, .footer-container-wrapper {
  
  float: left; width: 100%;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease;
  background: #ffffff none repeat scroll 0 0;
  position: relative;
  z-index: 4000;
}

.slas-page {
}

/* All Main Containers Display PARTIAL Width On Icon Click */
.show-side-nav .body-container-wrapper, .show-side-nav .footer-container-wrapper {
  -webkit-transform: translate3d(-300px, 0, 0) scale3d(1, 1, 1);
  /* the x value must match the 'left' and 'width' values of '.custom-menu' */
  -moz-transform: translate3d(-300px, 0, 0) scale3d(1, 1, 1);
  -ms-transform: translate3d(-300px, 0, 0) scale3d(1, 1, 1);
  -o-transform: translate3d(-300px, 0, 0) scale3d(1, 1, 1);
  transform: translate3d(-300px, 0, 0) scale3d(1, 1, 1);
}

.no-touchevents .show-side-nav .custom-header-container-wrapper {
  transform: translate(-300px, 0);
}

.show-side-nav .custom-menu-primary.side-menu .hs-menu-wrapper > ul > li ul {
  opacity: 1 !important;
  position: static !important;
  visibility: visible !important;
  display: none;
}

.show-side-nav .custom-menu-primary.side-menu .hs-menu-wrapper > ul > li > ul {
  background: #363636 none repeat scroll 0 0;
}

.show-side-nav .custom-menu-primary.side-menu .hs-menu-wrapper > ul > li > ul > li > a {
  padding-left: 4.2em;
}

.show-side-nav .custom-menu-primary.side-menu .hs-menu-wrapper > ul > li > ul > li > ul {
  background: #444444 none repeat scroll 0 0;
}

.show-side-nav .custom-menu-primary.side-menu .hs-menu-wrapper > ul > li > ul > li > ul > li a {
  padding-left: 4.2em;
}

.header-migrated {
  z-index: 9999;
}

.overlay {
  display: block;  width: 100%; z-index: -1;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #333;
  z-index: -1;
  opacity: 0;
  overflow: scroll;
  transition: 500ms ease;
  transform: translateX(0px) translateZ(0px);
}

.show-side-nav .overlay {
  display: block; width:100%; z-index: 9999;
    opacity: 0.6;  
  transform: translateX(-300px) translateZ(0px);
  
}

/* Logo styling */
/* ==========================================================================
   Content                                                 
   ========================================================================== */
.custom-banner {
  background-size: cover;
  margin-top: 27px;
  min-height: 425px !important;
  position: relative;
}

.custom-lp-page .custom-banner {
  margin-top: 0;
}

.custom-banner h1 {
  background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
  color: #111111;
  display: inline-block;
  font-family: "Electra LT W01 Bold Display";
  font-size: 44px;
  font-weight: 800;
  line-height: 48px;
  margin: 0;
  padding: 5px 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-55%);
}

.lines {
  background: transparent url("//cdn2.hubspot.net/hubfs/1390106/page_images/lines.png?t=1449558395286") repeat-x scroll left bottom;
  bottom: 25px;
  float: left;
  height: 21px;
  left: 0;
  position: absolute;
  width: 100%;
}

.content-wrapper {
  padding-top: 40px;
  padding-bottom: 40px;
}

.content-wrapper ul {
  padding: 20px 0;
  width: 100%;
  list-style: outside none none;
}

.content-wrapper ul li {
  background: transparent url("//cdn2.hubspot.net/hubfs/1390106/page_images/dot1.png?t=1449558395286") no-repeat scroll left 7px;
  padding: 0 0 5px 20px;
  width: 100%;
}

/* Unique Pages
   ========================================================================== */
/* Homepage */
/* Contact Us */
/* About Us */
/* Modular & Reusable Components
   ========================================================================== */
/* Callouts */
/* Social Media Custom Icons */
/* Additional Menus aside from the Main Nav */
/* ==========================================================================
   Footer
   ========================================================================== */
.custom-js-import {
  min-height: 0 !important;
}

.custom-footer-container-wrapper {
  background: #e4e4e4 none repeat scroll 0 0;
  padding: 30px 0;
}

.footer-container-wrapper ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.custom-footer-container-wrapper ul li {
  list-style-type: none;
  margin: 0 0 5px;
  padding: 0;
}

.custom-footer-container-wrapper ul li a {
  color: #333333;
  font-family: "AvenirNextLTW01-Regular";
  font-size: 13px;
  line-height: 18px;
}

.custom-footer-container-wrapper ul li a:hover {
  color: #e84e0e;
  font-weight: 600;
}

.social-icons {
  float: left;
  width: 100%;
}

.social-icons .line, .country-selection .line {
  background: transparent url("//cdn2.hubspot.net/hubfs/1390106/page_images/lines.png?t=1449558395286") repeat-x scroll left top;
  float: left;
  height: 30px;
  width: 65%;
}

.icons {
  float: left;
  margin-left: 15px;
  width: 25%;
}

.icons h5 {
  color: #333333;
  float: left;
  font-family: "AvenirNextLTW01-Regular";
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  margin: 0 15px 0 0;
  text-transform: uppercase;
}

.icons ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.icons ul li {
  float: left;
  list-style-type: none;
  margin: 0 10px 0 0;
  padding: 0;
}

.icons ul li a {
  display: inline-block;
  height: 25px;
  width: 25px;
  background: transparent url("//cdn2.hubspot.net/hubfs/1390106/page_images/social_icons.png?t=1449558395286") no-repeat scroll 0 0;
}

.icons ul li a.twitter {
  background-position: -32px 0;
}

.icons ul li a.google {
  background-position: -63px 0;
}

.icons ul li a.you {
  background-position: -95px 0;
}

.icons ul li a.in {
  background-position: -128px 0;
}

.icons ul li a.fb:hover {
  background-position: 0 -29px;
}

.icons ul li a.twitter:hover {
  background-position: -32px -29px;
}

.icons ul li a.google:hover {
  background-position: -63px -30px;
}

.icons ul li a.you:hover {
  background-position: -95px -29px;
}

.icons ul li a.in:hover {
  background-position: -128px -30px;
}

.footer-container-wrapper h4 {
  color: #333333;
  font-family: "Avenir Next LT W01 Demi";
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 10px;
  margin-top: 0;
  text-transform: uppercase;
}

.custom-footer-copyright > div > span > div {
  border-top: 1px solid #bdbdbd;
  float: left;
  margin-top: 24px;
  padding-top: 13px;
  width: 100%;
}

.custom-footer-copyright p {
  color: #666666;
  display: inline-block;
  float: left;
  font-family: "AvenirNextLTW01-Regular";
  font-size: 13px;
  line-height: 18px;
  margin: 0;
}

.custom-footer-copyright ul {
  float: left;
  line-height: 22px;
}

.custom-footer-copyright ul li {
  background: transparent url("//cdn2.hubspot.net/hubfs/1390106/page_images/border.png?t=1449558395286") no-repeat scroll right center;
  float: left;
  padding: 0 15px;
  margin: 0;
}

.custom-footer-copyright ul li:last-child {
  background: transparent none repeat scroll 0 center;
  padding-right: 0;
}

.custom-footer-copyright ul li a {
  vertical-align: top;
}

/* ==========================================================================


   3. MAIN NAVIGATION                                            


   ========================================================================== */
/* ==========================================================================
   Custom Menu Primary
   ========================================================================== */
/* Parent List */
.custom-main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul {
  float: left;
}

.custom-main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li {
  padding-right: 25px;
  position: static !important;
}

.custom-main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li:first-child {
  padding-left: 20px;
}

.custom-main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li > a {
  font-family: "Proxima Nova Soft W03 Reg";
  font-size: 18px;
  line-height: 36px;
  padding: 15px;
  display: block;
}

.second-child-menu-wrapper {
  background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
  display: none;
  height: auto;
  left: 0;
  position: absolute;
  width: 100%;
  padding: 25px 0;
  min-height: 100px;
}

.second-child-menu-wrapper:hover {
  min-height: 550px;
}

.custom-main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li:hover .second-child-menu-wrapper {
  display: block;
}

.custom-main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li > div.second-child-menu-wrapper > ul {
  float: none;
  margin: 0 auto !important;
  max-width: 1170px !important;
  opacity: 1 !important;
  padding: 0 15px 11px;
  position: relative !important;
  visibility: visible !important;
  width: 100%;
}

.custom-main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li > div.second-child-menu-wrapper > ul > li > ul::before {
  content: "";
  display: block;
  height: 30px;
  opacity: 1;
  position: absolute;
  top: -30px;
  width: 100%;
}

.custom-main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li > div.second-child-menu-wrapper > ul::after {
  border-bottom: 1px solid #dddddd;
  clear: both;
  content: "";
  display: block;
  position: relative;
  top: 10px;
}

.custom-main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li > div.second-child-menu-wrapper > ul > li {
  float: left;
  padding-right: 25px;
  position: static !important;
}

.second-child-menu-wrapper li a {
  color: #333333;
  display: block;
  font-family: "Proxima Nova Soft W03 Reg";
  font-size: 15px;
  line-height: 20px;
  white-space: normal !important;
}

.custom-main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li > div.second-child-menu-wrapper > ul > li > ul {
  border-right: 1px solid #dddddd;
  left: 20px !important;
  top: 40px !important;
  width: 26%;
}

.custom-main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li > div.second-child-menu-wrapper > ul > li > ul > li {
  margin-bottom: 8px;
  padding: 0 10px;
  position: static !important;
}

.custom-main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li > div.second-child-menu-wrapper > ul > li > ul > li ul {
  border-right: 1px solid #dddddd;
  left: 100% !important;
  top: 0px !important;
  width: 100%;
  min-height: 250px;
}

.custom-main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li > div.second-child-menu-wrapper > ul > li > ul > li > ul li {
  padding: 0 10px;
  position: static !important;
  margin-bottom: 8px;
}

/* Child List */
/* Override max width on menu links */
.custom-main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul li a,
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  overflow: visible !important;
  max-width: none !important;
  width: auto !important;
}

/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width: 768px) {
  .custom-menu-primary .hs-menu-wrapper {
    display: block !important;
  }

  .fixed #wrap {
    display: none;
  }
}
/* ==========================================================================
   Mobile Menu - Hubspot Standard Toggle Menu
   ========================================================================== */
/**
 * Special Note
 *
 * When the menu is open, a class of .mobile-open is applied to the body. You can 
 * use this for custom styling on any element when the menu is in the open position.                     
 */
.mobile-trigger, .child-trigger {
  display: none;
  /* Hide button on Desktop */
}

/* ==========================================================================


   4. TEMPLATE MODULE SELECTORS                                         


   ========================================================================== */
/* Common Template Selectors                                             
   ========================================================================== */
/* Common One Column Selectors */
/* Common Two Column Selectors */
/* Common Three Column Selectors */
/* Site Pages                                            
   ========================================================================== */
/* One Column Template */
/* Two Column Template */
/* Three Column Template */
/* Landing Pages                                           
   ========================================================================== */
/* One Column Template */
/* Two Column Template */
/* Three Column Template */
/* System Pages                                          
   ========================================================================== */
/* Error Templates 404, 500 */
/* Password template */
/* Email Subscribition templates */
/* ==========================================================================


   5. COS COMPONENTS                                        


   ========================================================================== */
/* ==========================================================================
   Blog                                         
   ========================================================================== */
/* Blog Post and Listing Body Class */
/* Blog Post */
/* Blog Listing */
/* Blog Columns Wrapper */
/* Blog Content Column
   ========================================================================== */
/* Use this to style the main wrapper for the blog listing pages */
/* Use this to style the main wrapper for the blog post pages */
/* Blog Title */
/* Blog Post Title */
/* Blog Author and Avatar */
/* Use this to set up different styling for your blog posts */
/* Post Featured Image on Listings Page */
.hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image {
  border-width: 0;
  max-height: 170px;
  max-width: 210px;
  height: auto;
  width: auto;
  display: inline-block !important;
  float: right;
  margin: 20px 0 20px 20px;
}

/* Read More Link */
/* Blog Topics List */
/** 
 * Blog Social Sharing icons
 *
 * Overrides defaults to better align icons and prevent overlapping 
 */
.hs-blog-social-share {
  padding: 10px 0 0 0;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  height: auto;
}

/** 
 * Blog Commments 
 *
 * Custom styles are listed below, as the COS does not provide default styles.
 */
#comments-listing {
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
  margin-top: 30px;
}

.comment {
  margin: 10px 0;
  border-top: 1px solid #ccc;
  padding: 15px 0;
}

.comment-date {
  font-size: 13px;
  text-align: right;
}

.comment-from {
  font-weight: bold;
}

.comment-body {
  padding: 10px 0;
}

/* Pagination */
/** 
 * Blog Author Page 
 *
 * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles
 */
/** 
 * Blog All Posts Page
 *
 * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles
 */
/* Blog Sidebar
   ========================================================================== */
/* Blog Modules */
/* ==========================================================================
   Forms
   ========================================================================== */
/*styled overwrite class*/
.hbspt-form .styled-form select, .hs-form.hs-custom-form select {
  height: inherit;
}

.hbspt-form .styled-form, .hs-form.hs-custom-form {
  float: left;
  width: 100%;
}

.hbspt-form .styled-form .field, .hs-form.hs-custom-form .field {
  float: left;
  width: 100%;
  position: relative;
  padding: 0 0 1em 0;
}

.hbspt-form .styled-form .field label, .hs-form.hs-custom-form .field label {
  float: left;
  padding-bottom: 0.35em;
}

.hbspt-form .styled-form .hs-form-required, .hs-form.hs-custom-form .hs-form-required {
  display: none;
}

.hbspt-form .styled-form fieldset, .hs-form.hs-custom-form fieldset {
  margin: 0 !important;
}

.hbspt-form .styled-form input, .hs-form.hs-custom-form input[type="text"],
.hbspt-form .styled-form input, .hs-form.hs-custom-form input[type="email"] {
  float: left;
  clear: left;
  width: 100%;
  font: 400 16px 'AvenirNextLTW01-Regular';
  color: #666;
  outline: 0;
  border: 1px solid #ccc;
  border-radius: 0;
  box-shadow: none;
}

.hbspt-form .styled-form select, .hs-form.hs-custom-form select {
  height: 41px;
  padding: .5em;
  margin: 1.5em 0 0 0;
}

.hbspt-form .styled-form fieldset.form-columns-2 .hs-form-field, .hs-form.hs-custom-form fieldset.form-columns-2 .hs-form-field {
  width: 50%;
}

.hbspt-form .styled-form .hs_submit, .hs-form.hs-custom-form .hs_submit {
  float: left;
  width: auto;
  margin-top: 1em;
}

@media screen and (max-width: 767px) {
  .hbspt-form .styled-form fieldset.form-columns-1 .hs-input,
  .hs-form.hs-custom-form fieldset.form-columns-1 .hs-input,
  .hbspt-form .styled-form fieldset.form-columns-2 .hs-form-field,
  .hs-form.hs-custom-form fieldset.form-columns-2 .hs-form-field {
    margin-bottom: 1em;
  }

  .hbspt-form .styled-form fieldset.form-columns-2 .hs-form-field,
  .hs-form.hs-custom-form fieldset.form-columns-2 .hs-form-field {
    width: 100%;
  }

  .hbspt-form .styled-form fieldset,
  .hs-form.hs-custom-form fieldset,
  .hbspt-form .styled-form fieldset.form-columns-1 .input,
  .hs-form.hs-custom-form fieldset.form-columns-1 .input,
  .hbspt-form .styled-form fieldset.form-columns-2 .input,
  .hs-form.hs-custom-form fieldset.form-columns-2 .input {
    margin: 0 !important;
  }

  .hbspt-form .styled-form fieldset.form-columns-1 .hs-input,
  .hs-form.hs-custom-form fieldset.form-columns-1 .hs-input,
  .hbspt-form .styled-form fieldset.form-columns-2 .hs-form-field .hs-input,
  .hs-form.hs-custom-form fieldset.form-columns-2 .hs-form-field .hs-input {
    width: 100%;
  }

  .hbspt-form .styled-form label,
  .hs-form.hs-custom-form label {
    display: none;
  }
}
.hs-form-field > label {
  display: none;
  padding: 0;
}

/* All Global Forms
   ========================================================================== */
/* Form Field */
.form-title {
  border-bottom: 6px solid #999999;
  display: block;
  padding-bottom: 10px;
  text-transform: uppercase;
  color: #333333;
  font: 700 18px "Avenir Next LT W01 Demi";
}

/* Descriptions */
/* Labels */
body form.hs-form .hs-form-field .hs-error-msgs.inputs-list {
  margin-top: 5px;
}

body form.hs-form .hs-form-field .hs-error-msgs.inputs-list label {
  color: #e84e0b;
}

.hs-error-msgs.inputs-list > li {
  background: transparent none repeat scroll 0 0;
  padding: 0;
}

/* One Line Inputs */
body input[type="text"],
body input[type="password"],
body input[type="datetime"],
body input[type="datetime-local"],
body input[type="date"],
body input[type="month"],
body input[type="time"],
body input[type="week"],
body input[type="number"],
body input[type="email"],
body input[type="url"],
body input[type="search"],
body input[type="tel"],
body input[type="color"],
body input[type="file"],
body textarea,
body select {
  border: 1px solid #cccccc;
  box-shadow: none;
  color: #666666;
  display: block;
  font: 400 16px/39px "AvenirNextLTW01-Regular";
  max-width: 650px;
  outline: 0 none;
  padding: 8px;
  width: 100%;
  line-height: 18px;
}

/* Separate Styles for Multiple Line Inputs */
/* Separate Styles for Drop Downs */
body select {
  height: 40px;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(//cdn2.hubspot.net/hubfs/1390106/page_images/select_arrow.png?t=1458140803521) no-repeat calc(100% - 10px) calc(100% - 13px);
}

body select:before {
  border-color: black;
}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list {
  list-style: none;
  padding: 0;
}

/* Required */
/* Placeholder Text */
::-webkit-input-placeholder {
  /* Webkit Browsers */
  /* color: #555;
  opacity: 1; */
}

:-moz-placeholder {
  /* Firefox 18- */
  /* color: #555;
  opacity: 1; */
}

::-moz-placeholder {
  /* Firefox 19+ */
  /* color: #555;
  opacity: 1; */
}

:-ms-input-placeholder {
  /* IE10 */
  /* color: #555;
  opacity: 1; */
}

/* Form Module
   ========================================================================== */
/* Form Field */
/* Descriptions */
/* Labels */
/* One Line Inputs */
/* Separate Styles for Multiple Line Inputs */
/* Separate Styles for Drop Downs */
/* Multiple Selection Inputs */
/* Blog Comment Form
   ========================================================================== */
/* Label */
/* Inputs */
/* Error */
/* Blog Subscription Form
   ========================================================================== */
/* Label */
/* Inputs */
#hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] {
  width: auto;
  margin-right: 10px;
}

/* Google Search Form
   ========================================================================== */
/* Label */
/* Input */
/* Multi Column Form
   ========================================================================== */
/* Multiple Selection Inputs */
body form.hs-form fieldset {
  max-width: none;
}

body form.hs-form fieldset .hs-form-field {
  padding: 0 10px 0 0;
}

body form.hs-form fieldset[class*="form-columns"] .input {
  margin-right: 0;
}

body form.hs-form fieldset[class*="form-columns"] .hs-input {
  width: 100%;
}

body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] {
  width: auto;
}

body form.hs-form fieldset.form-columns-3 .hs-form-field {
  width: 33.33%;
}

@media (max-width: 400px) {
  body form.hs-form fieldset .hs-form-field {
    padding: 0;
  }

  body form.hs-form fieldset.form-columns-3 .hs-form-field,
  body form.hs-form .form-columns-2 .hs-form-field .hs-input,
  body form.hs-form .form-columns-3 .hs-form-field .hs-input {
    width: 100%;
  }

  body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] {
    width: auto;
  }
}
/* ==========================================================================
   Buttons                                              
   ========================================================================== */
/* All Global Buttons (Excluding CTAs)
   ========================================================================== */
body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
  cursor: pointer;
  float: left;
  -webkit-appearance: none;
  margin-top: 20px;
  height: 41px;
  padding: 0 1em !important;
  font: 700 14px/41px 'Avenir Next LT W01 Demi';
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #ffffff;
  background-color: #00acff;
  border: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 4px;
}

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {
  background-color: #e84e0b;
}

.password-template .hs-button.primary,
.widget-type-google_search .hs-button.primary {
  margin-top: 24px;
}

/* Form Module Button
   ========================================================================== */
/* Blog Comment Button
   ========================================================================== */
/* Blog Subscription Button
   ========================================================================== */
/* Google Search Button
   ========================================================================== */
/* CTA Buttons
   ========================================================================== */
/** 
 * Override global CTA styles by wrapping the CTA module in a module group 
 * that has an ID, and use that ID to prefix your CTA selector. Example shown below.
 *
 * All overriding properties require !important tags. 
*/
/* ==========================================================================


   6. MISCELLANOUS                                        



   ========================================================================== */
.post-item {
  overflow: hidden;
  padding-bottom: 48px;
  width: 100%;
}

.dashed-header {
  background: transparent url("//cdn2.hubspot.net/hubfs/1390106/page_images/lines.png?t=1449002661232") repeat-x scroll left top;
  float: left;
  height: 30px;
  margin-bottom: 32px;
  width: 100%;
}

.hs-blog-header h1 {
  border-top: 1px solid #dddddd;
  color: #111111;
  display: block;
  font-family: "Electra LT W01 Bold Display";
  font-size: 44px;
  font-weight: 700;
  line-height: 44px;
  margin: 0;
  padding-bottom: 30px;
  padding-top: 92px;
}

.custom-g-search.page-center {
  padding-bottom: 32px;
}

.custom-g-search .input {
  position: relative;
}

.custom-g-search label {
  display: none !important;
}

.custom-g-search .hs-input {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0;
  color: #9a9a9a;
  max-width: 100%;
  padding: 16px 13px 16px 56px;
  width: 100%;
  line-height: 22px;
}

.custom-g-search .hs-button.primary {
  background: transparent url("//cdn2.hubspot.net/hubfs/1390106/page_images/serach.png?t=1449687653402") no-repeat scroll center center;
  border: medium none;
  font-size: 0 !important;
  height: 22px;
  left: 12px;
  line-height: 22px !important;
  margin: 16px 0;
  min-width: auto;
  padding: 0;
  position: absolute;
  top: 0;
  width: 35px;
}

.tecan-journal ul {
  display: block;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.tecan-journal ul > li {
  border-top: 7px solid #dddddd;
  float: left;
  width: 50%;
  margin-bottom: -1px;
}

.tecan-journal ul > li:first-child {
  border-color: #e84e0b;
}

.tecan-journal ul > li > a {
  color: #333333;
  font-family: "Avenir Next LT W01 Demi";
  font-size: 15px;
  font-weight: 700;
  line-height: 16px;
  text-transform: uppercase;
  display: block;
  padding: 20px 15px 20px 25px;
  border: 1px solid #dddddd;
}

.tecan-journal ul > li:first-child > a {
  cursor: auto !important;
}

.tecan-journal ul > li:last-child > a {
  border-left: medium none;
}

.tecan-journal ul > li:last-child > a:hover {
  background-color: #eeeeee;
  text-decoration: none;
}

.left-col {
  float: left;
  margin-bottom: 32px;
  width: 25%;
}

.right-col {
  float: left;
  width: 75%;
  padding: 0 15px;
}

.post-banner-image > img {
  float: left;
  height: auto;
  margin-right: 3%;
  width: 97%;
}

.right-col .post-header h2 {
  color: #008df1;
  font-family: "AvenirNextLTW01-Regular";
  font-size: 19px;
  line-height: 25px;
  font-weight: 600;
  margin: 0 0 6px;
}

.post-body.clearfix > p {
  color: #000000;
  font-size: 16px;
  font-weight: 100;
  line-height: 21px;
  padding-right: 15px;
  width: 100%;
  margin: 0;
}

/** 
 * Styles that do not fit into available sections above can go here.
 * For example, one would place 3rd party plugin overriding styles here.
 *
 * This section is NOT for 'Custom' styles.  All custom styles must go in the
 * proper sections above.
 *
 * For instance, custom header and footer styles must go in the HEADER and 
 * FOOTER sections.  Custom styles for anything in-between the header and footer 
 * (such as, styles that are unique to the HOMEPAGE only), must go in the 
 * CONTENT section.
*/
/* ==========================================================================


   7. MOBILE MEDIA QUERIES                              


   ========================================================================== */
@media (max-width: 1200px) {
  .custom-main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li > div.second-child-menu-wrapper > ul,
  .page-center {
    max-width: 970px !important;
  }

  .child-menu-wrapper > ul {
    max-width: 970px;
  }

  .custom-main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li:last-child {
    padding-right: 0;
  }

  .icons {
    width: 32%;
  }
}
@media (max-width: 990px) {
  .custom-main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li > div.second-child-menu-wrapper > ul,
  .page-center {
    max-width: 750px !important;
  }

  .child-menu-wrapper > ul {
    max-width: 750px;
  }

  .top-menu-wrapper .hs-menu-wrapper > ul > li > a {
    padding: 0 10px;
  }

  .custom-banner h1 {
    font-size: 35px;
    line-height: 36px;
  }

  .custom-banner {
    min-height: 410px !important;
  }

  .custom-main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li:first-child {
    padding-left: 10px;
  }

  .custom-main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li > a {
    font-size: 15px;
    padding: 15px 10px;
  }

  .custom-main-menu-wrapper .custom-menu-primary .hs-menu-wrapper > ul > li {
    padding-right: 0;
  }

  .social-icons .line, .country-selection .line {
    width: 58%;
  }

  .icons {
    width: 40%;
  }
}
/* Landscape tablet and smaller devices
   ========================================================================== */
@media (max-width: 767px) {
  .page-center {
    max-width: 100% !important;
  }

  .top-menu-wrapper {
    display: none !important;
  }

  .custom-banner h1 {
    font-size: 22px;
    line-height: 24px;
  }

  .custom-lp-page .custom-banner,
  .custom-banner {
    margin-top: 68px;
    min-height: 241px !important;
  }

  .lines {
    bottom: 5px;
  }

  .custom-main-menu-wrapper {
    float: left !important;
    width: 50% !important;
    padding: 0 12px;
  }

  .custom-logo {
    padding: 24px 0 16px;
  }

  .custom-header-search {
    float: right !important;
    width: 50% !important;
  }

  #wrap {
    display: none;
  }

  .fixed .custom-header-container-wrapper {
    transform: none;
  }

  .sticky_nav {
    display: block !important;
  }
	 
  
  .show-side-nav .custom-header-container-wrapper {
    transform: translate(-300px, 0px) !important;
  }

  .overlay {
    top: 65px;
  }

  .custom-footer-container-wrapper {
    text-align: center;
  }

  .custom-footer-copyright p {
    float: none;
    text-align: center;
  }

  .custom-footer-copyright ul {
    float: left;
    margin-top: 10px;
    width: 100%;
  }

  .custom-footer-copyright ul li {
    display: inline-block;
    float: none;
  }

  .footer-container-wrapper h4 {
    padding-top: 15px;
  }

  .custom-footer-about h4 {
    padding-top: 0px;
  }

  .social-icons .line {
    float: left;
    width: 100%;
  }

  .icons {
    display: inline-block;
    float: none;
    margin-left: 0;
    text-align: center;
    width: 100%;
  }

  .icons h5, .icons ul li {
    display: inline-block;
    float: none;
    margin-bottom: 5px;
  }

  .icons ul {
    display: block;
    float: none;
    list-style: outside none none;
    margin: 0;
    padding: 0;
  }

  body input[type="text"],
  body input[type="password"],
  body input[type="datetime"],
  body input[type="datetime-local"],
  body input[type="date"],
  body input[type="month"],
  body input[type="time"],
  body input[type="week"],
  body input[type="number"],
  body input[type="email"],
  body input[type="url"],
  body input[type="search"],
  body input[type="tel"],
  body input[type="color"],
  body input[type="file"],
  body textarea,
  body select {
    max-width: 100%;
  }

  .custom-menu-primary.long-menu {
    display: none !important;
  }

  .custom-logo img {
    max-width: 170px !important;
    width: 170px !important;
  }

  .show-side-nav .custom-menu-primary.side-menu .hs-menu-wrapper > ul:nth-child(2) {
    background: #262626 none repeat scroll 0 0;
  }

  .main-content, .blog-content, .sidebar.left, .blog-sidebar, .sidebar.right {
    margin-bottom: 40px;
  }

  .left-col {
    display: block;
    float: none;
    width: 100%;
  }

  .right-col {
    float: none;
    padding: 0 15px;
    width: 100%;
  }

  .post-banner-image > img {
    float: none;
  }
}
/* Landscape phones and smaller devices
   ========================================================================== */
@media (max-width: 520px) {
  .tecan-journal ul > li > a {
    min-height: 74px;
  }
}
/* Temporary debug stuff
   ========================================================================== */
.wysiwyg-master-theme .main-nav {
  /* background: white; */
}

.wysiwyg-master-theme .top-menu-wrapper .drop-down .hs-menu-wrapper > ul > li > a {
  color: inherit;
  font-size: 15px;
  line-height: 18px;
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.32em;
  text-decoration: inherit;
}

.wysiwyg-master-theme .top-menu-wrapper .drop-down .hs-menu-wrapper > ul > li > a:hover {
  color: #e84e0e;
}

.wysiwyg-master-theme .product-submenu ul li {
  margin-bottom: 0;
}

.wysiwyg-master-theme .top-menu-wrapper .hs-menu-wrapper > ul {
  float: left;
}

.wysiwyg-master-theme .main-nav.sticky {
  z-index: 99999;
  top: 14px;
}

.blog-archive.wysiwyg-master-theme .main-nav.sticky {
  z-index: 99999;
  top: 0px;
	background: white;
}

.blog-item.wysiwyg-master-theme .main-nav.sticky {
  z-index: 99999;
  top: 0px;
	background: white;
}

.wysiwyg-master-theme.show-side-nav .main-nav .sticky_nav {
  right: -25px;
}

.wysiwyg-master-theme .top-menu-wrapper {
  display: inline-block !important;
  width: 100%;
}

@media (max-width: 767px) {
  .wysiwyg-master-theme.show-side-nav .main-nav .sticky_nav {
    right: 0;
  }
}
.wysiwyg-master-theme .nav--group-1 {
  width: 100%;
}

.wysiwyg-master-theme .top-menu-wrapper {
  background: none;
}

.wysiwyg-master-theme .top-menu-wrapper .hs-menu-wrapper > ul > li.hs-item-has-children > a {
  float: left;
  width: 100%;
  background: none;
}

.wysiwyg-master-theme .top-menu-wrapper .hs-menu-wrapper > ul > li {
  background: none;
}

.wysiwyg-master-theme .product-submenu ul li a {
  font-size: inherit;
  padding: 0;
  color: inherit;
  line-height: 28px;
  color: #000;
  font-size: 15px;
}

.wysiwyg-master-theme .product-submenu ul li a:hover {
  color: #e84e0e;
}

.wysiwyg-master-theme .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
  position: initial;
}
.wysiwyg-master-theme .hs-menu-flow-vertical>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { 
	display: block; 
	white-space: unset; 
}

.wysiwyg-master-theme .container-fluid {
  padding: 0;
}

.wysiwyg-master-theme .overlay {
  overflow: hidden;
}

.wysiwyg-master-theme.show-side-nav .st-menu {
  visibility: visible;
}

.wysiwyg-master-theme .custom-menu-primary.side-menu {
  /* overflow-y: hidden !important;  */
}

.wysiwyg-master-theme .st-menu::after {
  display: none;
}

.wysiwyg-master-theme .st-menu ul li a .glyphicon {
  width: 3em; margin-top: -0.325em;
}

.wysiwyg-master-theme .st-menu ul li a .inner-text {
  padding-top: 0px;
  padding-bottom: 0;
}

.wysiwyg-master-theme .st-default-search-input {
  display: inline-block;
  width: 190px;
  height: 16px;
  padding: 7px 11px 7px 28px;
  border: 1px solid #bbb;
  border: 1px solid rgba(0, 0, 0, 0.25);
  font-weight: 400;
  color: #3A444F;
  font-size: 14px;
  line-height: 16px;
  box-sizing: content-box;
  background: #fff 8px 8px no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6%2BR8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG11AABzoAAA%2FN0AAINkAABw6AAA7GgAADA%2BAAAQkOTsmeoAAAESSURBVHjajNCxS9VRGMbxz71E4OwgoXPQxVEpXCI47%2BZqGP0LCoJO7UVD3QZzb3SwcHB7F3Uw3Zpd%2FAPCcJKG7Dj4u%2FK7Pwp94HDg5Xyf5z1Pr9YKImKANTzFXxzjU2ae6qhXaxURr%2FAFl9hHDy%2FwEK8z89sYVEp5gh84wMvMvGiSJ%2FEV85jNzLMR1McqfmN5BEBmnmMJFSvtpH7jdJiZv7q7Z%2BZPfMdcF6rN%2FT%2F1m2LGBkd4HhFT3dcRMY2FpskxaLNpayciHrWAGeziD7b%2BVfkithuTk8bkGa4wgWFmbrSTZOYeBvjc%2BucQj%2FEe6xHx4Taq1nrnKaW8K6XUUsrHWuvNevdRRLzFGwzvDbXAB9cDAHvhedDruuxSAAAAAElFTkSuQmCC);
  background-clip: padding-box;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: system, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Lucida Grande", sans-serif;
}

.wysiwyg-master-theme .custom-menu-primary.side-menu {
  right: -15px;
  width: 315px;
}

/*# sourceMappingURL=scaffolding.css.map */

#myNavbar ul.nav > li { padding-left: 0px; padding-right: 0px; }
#myNavbar ul.nav > li:nth-child(1) > a { padding-left: 50px; padding-right: 40px; }
#myNavbar ul.nav > li:nth-child(2) > a { padding-left: 15px; padding-right: 40px; }
#myNavbar ul.nav > li:nth-child(3) > a { padding-left: 15px; padding-right: 30px; }

@media screen and (max-width: 414px) {
	body .navbar-brand > img {
		margin: 0 !important;
	}

	body.blog-item .navbar-brand > img {
		margin-top: 3px !important;
	}

	.touchevents .nav_bar {
		padding-top: 1.25em !important;
	}

  .touchevents .blog-item .nav_bar {
		padding-top: 1.75em !important;
	}
}