@charset "UTF-8";
/* 
THEME COLORS
#00B6DE - EHS Light Blue
#006892 - EHS Dark Blue (subheads)
#949CA1 - Med Grey
#F0F0F0 - Light Grey
#717174 - Med Dark Grey (text)
#8DC63F - EHS Green
#F57B20 - Button orange
*/

/* GLOBAL SETUP STYLES */
html, body { }
body { margin: 0; padding: 0; }
form, object, embed, .block { display: block; margin: 0px; padding: 0px; }
img { border: 0; }
/* default link styles */
a { outline: none; text-decoration: none; }
a:link { color: #006892; text-decoration: none; }
a:visited { color: #217292; }
a:hover { color: #00B6DE; text-decoration: none; }
a:active { color: auto; }

/* default font family */
html { font-size: 18px; }

@media(max-width:767px) {
html { font-size: 16px; }
}
body { line-height: 1.45; font-size: 100%; color: #333; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }
.alt-font { font-family: 'Segoe UI', 'Arial Narrow', Arial, sans-serif; font-weight: normal; font-style: normal;  }
/* default headline styles */
h1, h2, h3, h4, h5, h6, .h1 { display: block; color: inherit; padding: 0; clear: both; line-height: 1em; font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a { text-decoration: none !important; color: inherit;}
h1, .h1 { font-size: 2.5em; display: block; margin: 0 0 0.5em 0; color: #00B6DE; font-weight:400; /* bold */ }
h2, .h2 { font-size: 2em; margin-bottom: 0.5em; margin-top: 0; color: #8dc63f; }
h3, .h3 { font-size: 1.5em; margin-bottom: 0.45em; color: #006892; }
h4, .h4 { font-size: 1.25em; margin-bottom: 0.75em; font-weight:400; /* bold */ }
h5, .h5 { font-size: 1em; color: #00B6DE; }
h6, .h6 { font-size: 0.75em; }
h1 .small { font-weight: inherit; color: inherit; }
h1 sup { font-size: 0.45em!important; vertical-align: text-bottom; }
h2.large-grey { font-size: 3em; margin-top: 1em; font-weight:700; /* extrabold */ color: #717174; }
@media(max-width: 767px) {
	h2.large-grey { font-size: 2em; font-size: 8vw;}
}


em, i { font-style: italic; }
strong, b, .bold { font-weight:400; /* bold */ }
.medium, .semibold { font-weight: 700; font-style: normal; }
.lite, .light { font-weight: 300; font-style: normal; }
hr { height: 2px; margin: 1em 0; background: #F0F0F0; background: rgba(200,200,200,0.5); border: none; clear: both; display: block; }
hr.thin { height: 1px; }
iframe { border: 0; }
cite { display: block; }
p { padding: 0; margin: 0.25em 0 1.255em 0; }
p + h3, p + h4, p + h5 { margin-top: 0.5em !important; }
.c, .text-center { text-align: center; }
.r, .text-right { text-align: right; }
.l, .text-left { text-align: left; }
.j, .text-justified { text-align: justify; }
.large { font-size: 1.125em; }
.larger { font-size: 1.5em; }
.largest { font-size: 1.75em; }
.small { font-size: 0.9125em; }
.smaller { font-size: 0.775em; }
.smallest { font-size: 0.5925em; }
.text-center, .aligncenter { text-align: center; }
.text-right, .alignright { text-align: right; }
.text-left, .alignleft { text-align: left; }
.ucase { text-transform: uppercase; }
.float-right { float: right; }
.float-left { float: left; }
.float-right.pad, .pull-right.pad { margin-left: 1em; margin-bottom: 0.5em; }
.float-left.pad, .pull-left.pad { margin-right: 1em; margin-bottom: 0.5em; }
.nowrap, nowrap { white-space: nowrap; }
.padtop { padding-top: 1em !important; }
.padtop.x2 { padding-top: 2em !important; }
.padtop.x3 { padding-top: 3em !important; }
.padtop.x4 { padding-top: 4em !important; }
.padtop.x5 { padding-top: 5em !important; }
.pad { padding: 1.5em 1em; }
.inline-block { display: inline-block; }
.reversed, .reversed h1, .reversed h2, .reversed h3, .reversed h4, .reversed h5, .reversed h6, .reversed a { color: #fff; }
.caption { line-height: 1.25; font-size: 0.875em; color: #545454 }
img + .caption { margin-top: 0.75em; }
ul + h3, p + h3, ul + h4, p + h4 { margin-top: 2em; }
h4 + ul { margin-top: 1.5em; }
::selection { background: #00B6DE; color: #fff; }
::-moz-selection { background: #00B6DE; color: #fff; }

.ehs-light-blue { color: #00B6DE }
.ehs-dark-blue { color: #006892 }
.ehs-med-grey { color: #949CA1 }
.ehs-light-grey { color: #F0F0F0 }
.ehs-med-dark-grey { color: #717174 }
.ehs-green { color: #8DC63F }

/* IMAGES */
img, object, embed { max-width: 100%; /* makes images scale to container */ }
img { -ms-interpolation-mode: bicubic;   /* Internet Explorer 7.0; default in IE8+ */ }
img.fit { width: 100%; height: auto; }
img.fit.vert { height: 100%; width: auto; }
img.wp-post-image { height: 100%; width: auto; }

/* UI */
label { font-weight: normal; }
input[type=text], input[type=password], input[type=tel], input[type=date], input[type=datetime-local], input[type=color], input[type=number], input[type=url], input[type=time], input[type=week], input[type=email], textarea { font-family: inherit; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none !important; border: solid 1px #E5E5E5; padding: 0.25em; }
select { font-family: inherit; }
input[type=submit], input[type=button], button { border: none; padding: 0.5em 2em; }
input[type=submit]:hover, input[type=button]:hover, button:hover { color: #fff; }
ul.list-icons, ul.favorites-list button.simplefavorite-button { font-size: 17px; vertical-align: middle; text-align: center; }
ul.list-icons a, ul.list-icons button, ul.favorites-list button.simplefavorite-button { color: #333; color: rgba(0,0,0,0.6); padding: 0; display: inline-block; background: rgba(255,255,255,0.5); line-height: 1 !important; border-radius: 17px; width: 24px !important; height: 24px; }
ul.list-icons a:hover, ul.list-icons button:hover, ul.list-icons button.active, ul.favorites-list button.simplefavorite-button.active { background: #fff; color: #B72526; }
ul.list-icons button.active, ul.favorites-list button.simplefavorite-button.active { border: solid 1px pink; width: 23px; height: 23px; }
ul.list-icons a span, ul.list-icons button span, ul.favorites-list button.simplefavorite-button span { margin-top: 3px !important; display: inline-block; }
ul.list-icons button span, ul.favorites-list button.simplefavorite-button span { margin-left: -1px; margin-top: 2px !important; }
input::-webkit-input-placeholder {font-size: 1em; font-family: 'Muli', Arial, Helvetica, sans-serif; color: #999;}
input:-moz-placeholder {font-size: 1em; font-family: 'Muli', Arial, Helvetica, sans-serif; color: #999;}
input::-moz-placeholder { font-size: 1em; font-family: 'Muli', Arial, Helvetica, sans-serif; color: #999;}
input:-ms-input-placeholder {font-size: 1em; font-family: 'Muli', Arial, Helvetica, sans-serif; color: #999;}
input::placeholder {font-size: 1em; font-family: 'Muli', Arial, Helvetica, sans-serif; color: #999;}

/* MISC */
.unfinished { background: yellow; }
a.unfinished { background: inherit; text-decoration: underline; text-decoration-style: wavy; text-decoration-color: crimson;  }
a[href='#'] { }
ul { margin-bottom: 1.5em; }
li { line-height: normal; margin-bottom: 0.5em; position: relative; }
ul.list li:before { content: ' '; display: inline-block; zoom: 1; *display: inline;
background: #DE0000; width: 5px; height: 5px; border-radius: 4px; vertical-align: middle; position: absolute; margin-left: -1em; margin-top: 0.65em; }
ul.cols {  }
ul.cols li { width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul.menu, ul.nolist { list-style: none; list-style-image: none; margin: 0; padding: 0; }
ul.menu li, ul.nolist li { display: block; margin-left: 0; padding: 0; }
ul.menu.horz li { width: auto; display: inline-block; zoom: 1; *display: inline;
margin-right: 0.25em; }
ul.menu.vert { padding-left: 1em; }
ul.menu.vert li { line-height: 1.25; margin-bottom: 0.75em; }
ul.menu.vert ul { padding-left: 1em; }
ul.menu span.menu-item-date { color: #999; font-weight: normal; font-size: 0.875em; }
ul.menu span.menu-item-date:before { content: ' '; min-width: 0.35em; display: inline-block; }
ul ul { margin-top: 0.75em; }
.note, .notes { font-size: 0.85em; font-style: italic; line-height: 1.4em; }
img.border, iframe.border { border: solid 2px #fff; box-shadow: 0 1px 6px rgba(0,0,0,0.25); margin: 0.75em 0; }
.stretch, .full-width { width: 100%; }
.responsive-box { width: 100%; position: relative; padding-bottom: 56.125%; margin-bottom: 2em; }
.responsive-box > *:first-child { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.underline { text-decoration: underline; }
.sow-video-wrapper { position: relative; padding-bottom: 56.65%; }
.sow-video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* LAYOUT */
body { background-color: #fff; }
#outer { overflow: hidden; position: relative; }
@media(min-width: 1200px) {
	.container { width: 1199px; }
}
main { min-height: 500px; }

/* special fade in */
@media(min-width:768px) {
	.fade-on-scroll { opacity: 0; -ms-transform: translateY(50px); -webkit-transform: translateY(50px); transform: translateY(50px); }
	.fade-on-scroll.active { opacity: 1; -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); -ms-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; }
}

/* HEADER */

header.main  { box-shadow: 0 0 2px #e1e1e1; }
header.main aside.main-info-bar { padding: 4px 0 3px; line-height: 1; background: #F0F0F0; text-align: right; color:#717174; font-size: 0.8em; }
header.main aside.main-info-bar a { color: inherit; }
header.main aside.main-info-bar #topbar-ph { margin: 0; padding: 0; }
header.main aside.main-info-bar #topbar-ph > span { display: inline-block; margin-left: 1.5em;}
#header-main-block > .container > .row { padding-top: 0.5em; padding-bottom: 0.5em;  }
#header-main-block .left-column { float: left; } 
#header-main-block .right-column { float: right; text-align: right; }
header.main aside.main-info-bar a#velocity-logo-top { margin-left: 10px; }
@media(min-width: 1436px) {
	header.main aside.main-info-bar { position: relative; padding: 10px 0 9px; }
	header.main aside.main-info-bar * { position: static; }
  header.main aside.main-info-bar a#velocity-logo-top { position: absolute; right: 30px; top: 5px; }
}

/* MAIN NAV */

/* custom breakpoint for navbar */
@media (max-width: 1023px) {
.navbar-header { float: none; }
.navbar-toggle { display: block; }
.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
.navbar-collapse.collapse { display: none!important; }
.navbar-nav { float: none!important; margin: 7.5px -15px; }
.navbar-nav>li { float: none; }
.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
.navbar-text { float: none; margin: 15px 0; }
/* since 3.1.0 */
.navbar-collapse.collapse.in { display: block!important; }
.collapsing { overflow: hidden!important; }
}

#mainnavbar ul.nav li.supplemental a { color: #006892;  }

.navbar, .navbar-collapse, .navbar a, .navbar li, .navbar ul { line-height: 1; margin: 0; padding: 0; min-height: 0 !important; }
#mainnavbar { background: none; border: none; margin: 0 0; display: inline-block; float: none !important; padding: 0.5em 0; -webkit-border-radius: 0; border-radius: 0; border-radius: unset; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-smothing: auto; }
#mainnavbar a { color: #717174; text-decoration: none; }
#mainnavbar ul.nav { font-size: 0.85em; float: none; display: inline-block; }
#mainnavbar ul.nav > li > a { padding: 0.5em 0.75em; color: #71717B; }
#mainnavbar li.current-menu-item > a { background: inherit; color: #000 !important; }
#mainnavbar li.dropdown ul li a { display: block; }
#mainnavbar li.dropdown ul li a:hover { background: rgba(50,50,100,0.08) !important; }
#mainnavbar ul.nav li.dropdown ul.dropdown-menu { background: #00B6DE; border-radius: 0; padding-top: 1em; }
#mainnavbar ul.nav li.dropdown.open ul.dropdown-menu { opacity: 1; top: auto; min-width: 16em; box-shadow: unset;  }
#mainnavbar ul.nav li.dropdown.open > a { color: #fff !important; background: #00B6DE !important; box-shadow: unset; }
#mainnavbar ul.nav li.dropdown ul { background: #fff; border: none; box-shadow: none; padding-top: 0.5em; padding-bottom: 1em; }
#mainnavbar ul.nav li.dropdown ul a { background: none; color: #fff; padding: 0.45em 2em 0.45em 1em; }
#mainnavbar ul.nav li.dropdown li.divider { background: rgba(255,255,255,0.15); }
#mainnavbar ul.nav > li.current-menu-ancestor > a { color: #00B6DE !important; }
#mainnavbar li.dropdown li.current-menu-item > a { color: #fff !important; position: relative; }
#mainnavbar li.dropdown li.current-menu-item > a:before { content: ''; position: absolute; width: 0; height: 0; border: solid 5px transparent; pointer-events: none; border-color: rgba(255,255,255,0); border-left-color: #fff; top: 50%; margin-top: -5px; margin-left: -10px; }
#mainnavbar span.glyphicon-menu-down {font-size: 10px; color: #D1D5D8; margin-left: 3px; transition: -ms-transform 0.4s; -webkit-transition: transform 0.4s; transition: transform 0.4s; }
#mainnavbar ul.nav li.open .glyphicon-menu-down { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); transition: transform 0.2s; }
#mainnavbar .navbar-header button.navbar-toggle { border: none; margin-top: 0; padding: 0.5em 0.5em; border-radius: 0 0; }
#mainnavbar .navbar-header button.navbar-toggle span.icon-bar {}
#mainnavbar .navbar-header button.navbar-toggle[aria-expanded='true'] { background: #00B6DE !important; }
#mainnavbar .navbar-header button.navbar-toggle[aria-expanded='true'] span.icon-bar { background: #fff; }
#mainnavbar .navbar-collapse { width: 100%; }

#mainnavbar ul.sub-menu { list-style: none; list-style-image: none; background: none !important; margin: 0 !important; padding: 0 !important; }
#mainnavbar ul.dropdown-menu > li.header > .item-label { font-weight:400; /* bold */ color: #fff; font-size: 1.125em; padding: 0 0 0 2px !important; border-bottom: solid 1px; margin: 1em 1em 0.75em 0; display: block; line-height: 1.5; }
#mainnavbar ul.dropdown-menu > li.header.full-width { float: none !important; display: block !important; width: 99.9% !important; clear: both; }
#mainnavbar ul.sub-menu > li.subheader > .item-label { padding-left: 0 !important; color: #006892 !important; font-weight:400; /* bold */ font-size: 1.125em; display: block; line-height: 1.5; }
#mainnavbar ul.sub-menu > li.subheader { margin-top: 1em; margin-bottom: 0.25em; }
#header-main-block.affix { left: 0; top: 0; right: 0; z-index: 1001; background: #fff; box-shadow: 0 0 2px rgba(0,0,0,0.15)}

/* CUSTOMIZED MSDS SEARCH ITEM - Experiment Winner */
#mainnavbar li.msds-search > a { color: #00B6DE !important; font-weight: normal; }
#mainnavbar li.msds-search > a:before { content:'\e003';font-size:0.85em;padding-right:3px;position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale }


@media(min-width: 1024px) {
	#mainnavbar ul.nav li.supplemental a { padding-left: 5px; padding-right: 5px; }
	#mainnavbar ul.nav li.supplemental + li.supplemental:before { content: ''; position: absolute; left: -1px; top: 50%; width: 1px; height: 0.75em; background: #006892; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
	#header-main-block.affix + span.header-affix-slug { display: block !important; height: 80px; }
	#mainnavbar li.mega.open { position: static; }
  #mainnavbar li.mega ul.dropdown-menu { position: absolute; top: auto; left: 5%; right: 0%; padding: 1em 1em 2em !important; }
	#mainnavbar li.mega.mega-2-col ul.dropdown-menu > li { width: 50%; }
	#mainnavbar li.mega ul.dropdown-menu > li { float: left; width: 33%; padding: 0 !important; background: none; }
	#mainnavbar li.mega ul.dropdown-menu > li.section-title { display: block; float: none; width: 100%; }
	#mainnavbar ul.dropdown-menu > li.section-title a { padding: 0 !important; margin: 0.75em 0.75em 0.75em; color: rgba(255,255,255,0.65) !important; font-weight:400; /* bold */ font-size: 1.25em; background: none !important; }
	#mainnavbar ul.dropdown-menu > li.section-title a:hover { color: #fff !important; background: none !important; }
  #mainnavbar ul.dropdown-menu > li.section-title + li  { display: none; background: rgba(50,50,100,0.08) !important; }
	#mainnavbar .navbar-header  { display: none; }
}

@media(max-width: 1199px){
  #header-main-block .right-column { padding-top: 0.5em; }
	#mainnavbar ul.nav > li > a {padding: 0.5em 0.45em; }
}

@media(max-width: 1023px) {
	#header-main-block { }
	#header-main-block.affix + span.header-affix-slug { display: block !important; height: 75px; }
	#header-main-block nav { display: block !important; position: relative; }
	#header-main-block nav ul.nav { font-size: 1em; width: 100%; }
	#mainnavbar #menu-main-menu-collapse { padding-right: 1em !important; overflow-y: auto !important; }
	#mainnavbar ul.nav { padding-bottom: 30px; border-bottom: solid 2px #D1D5D8;}
	#mainnavbar ul.nav > li > a { padding-right: 1em; }
	#mainnavbar ul.nav > li.dropdown > a.dropdown-toggle[aria-expanded="true"] + ul { float: none; clear: both; display: block; position: static; text-align: right; background: none !important; }
	#mainnavbar ul.nav > li.dropdown > ul.dropdown-menu > li.section-title { display: none; }
	#mainnavbar ul.nav > li.dropdown > ul.dropdown-menu > li > a { padding-right: 1em !important; color: #717174 !important; }
	#mainnavbar ul.sub-menu > li.menu-item > a, #mainnavbar ul.dropdown-menu > li.menu-item > a.item-label >span { color: #00B5E0 !important; }
	#mainnavbar ul.sub-menu > li.current-menu-item > a { color: #717174 !important; font-style: italic; }
	#mainnavbar ul.dropdown-menu { padding-top: 0 !important; padding-right: 0 !important; }
	#mainnavbar ul.sub-menu > li.subheader > a, #mainnavbar ul.dropdown-menu > li.header > .item-label { color: #717174 !important; }
	#mainnavbar li.dropdown li.current-menu-item > a:before {  border-left-color: #717174;  }
	#mainnavbar ul.nav > li.dropdown > ul.dropdown-menu > li.header > .item-label { color: inherit !important; padding-right: 0 !important; }
	#mainnavbar ul.nav > li.dropdown > ul.dropdown-menu li.subheader { padding-top: 0 !important; }
	#mainnavbar ul.nav > li.dropdown > ul.dropdown-menu li.subheader > .item-label { color: #717174 !important; padding-right: 1.75em}
	#mainnavbar ul.nav > li.dropdown > a { padding-right: 4px;}
	#mainnavbar ul.nav > li.dropdown > ul.dropdown-menu > li.current-menu-item > a { background: none !important; color: #717174 !important; font-style: italic;}
	#mainnavbar ul.dropdown-menu li:last-child { border-bottom: solid 1px #f1f1f1; }
	#mainnavbar .navbar-header a.mobile-login { color: #00B5E0; font-weight: 300; display: inline-block; margin: 0.35em 1em 0 0; border: solid 1px #f1f1f1; font-size: 0.875em; padding: 0.25em 1em; }
	#mainnavbar .navbar-header a.mobile-phone { display: none; font-size: 0.875em; font-weight: 300; }
	#header-main-block .left-column { float: none; width: 180px; position: absolute; z-index: 1; } 
  #header-main-block .right-column { float: left; width: 100%; text-align: right; padding-top: 0.5em; }
}
@media(max-width:991px) {
	#topbar { font-size: 0.75em; text-align: left; }
	#header-main-block .right-column { padding-top: 0.15em; font-size: 0.9em; }
}
@media(max-width: 767px) {
	div#header-main-block { background: #fff; display: block; z-index: 1001 !important; position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; }
	span#header-affix-slug { display: block !important; }
	#header-main-block .logo img { max-height: 56px; }
	#topbar { display: none !important; }
	#header-left-column { padding: 0;  }
	#mainnavbar { padding: 10px 0 0 }
	#mainnavbar .navbar-header a.mobile-phone { display: inline-block; }

}
@media(max-width: 450px) {
		#mainnavbar .navbar-header a.mobile-phone { display: block; margin-top: -5px; margin-bottom: 3px; margin-right: 20px; }

}
@media(max-height: 360px) {
	#header-main-block .logo img { max-height: 40px; }
	#header-main-block { padding-top: 0; padding-bottom: 0; }
	#header-main-block .left-column { padding-top: 6px;}
	#menu-main-menu-collapse { padding-right: 14px; overflow-y: auto; }
}
@media(max-width: 360px) {
	#header-main-block .logo img { max-height: 40px; }
	#header-main-block { padding-top: 0; padding-bottom: 0; }
	#header-main-block .left-column { padding-top: 6px;}
	.menu-main-menu-container { padding-right: 14px; overflow-y: auto; }
}
@media(max-width: 300px) {
	#header-main-block .left-column { width: 150px; }
}
	
/* HELPERS */
.ehs-blue { color: #00B6DE; }
.ehs-dark-blue { color: #006993; }
.ehs-muted-blue { color: #408FAE; }
.blue-tint { background: #22AECD; padding: 0; }
.blue-tint img { opacity: 0.5}
.intro-text { font-size: 1.125em; color: #717174;}
.intro-text + p, .intro-text + ul { margin-top: 1.5em; }

	
/* COMPONENTS */
/* HERO */
#hero-carousel { background-color: #00B5E0; }
#hero-carousel .item .item-wrapper { -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
#hero-carousel .smaller { font-size: 1em; /* to nullify all the .smaller classes previously embedded */ }
#hero-carousel .item .header-container h1, #hero-carousel .item .header-container h2, #hero-carousel .item .subheader-container h3, .cta-banner h1, .cta-banner h2, .cta-banner h3 { color: inherit; line-height: 0.925em; }
#hero-carousel .item .header-container h1, #hero-carousel .item .header-container h2, .cta-banner h2 { font-size: 3.5em; text-transform: uppercase; margin-bottom: 0; letter-spacing: 2px; font-weight:700; /* extrabold */ }
#hero-carousel .item .header-container h1 small { color: inherit; line-height: 1; display: block; margin: 0;}
#hero.ratio_5-2 #hero-carousel .item .header-container h1, #hero-carousel .item .header-container h2 { font-size: 4.75em; }
#hero-carousel .item .subheader-container h3, .cta-banner h3 { font-size: 1.35em; margin-bottom: 0; line-height: 1.125em !important; }
#hero-carousel .item .btn { margin-top: 1.5em; font-weight:700; /* extrabold */ text-transform: uppercase; letter-spacing: 1px; }
#hero-carousel .item .btn strong, .cta-banner .btn strong { font-weight:700; /* extrabold */ }
#hero-carousel .item .btn span.glyphicon.smaller { font-size: 0.9em; vertical-align: top; }
#hero-carousel ol.carousel-indicators { width: auto; left: auto; right: 30px; top: auto; bottom: 0; margin: 0; padding: 0.25em 0; }
@media(min-width: 481px) {
	#hero-carousel .item .item-wrapper { width: 100%; position: absolute; left: 0; top: 50%;  -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
	.ie7 #hero-carousel .item .item-wrapper, .ie8 #hero-carousel .item .item-wrapper, .ie8 #hero-carousel .item .item-wrapper { top: 0; padding-top: 5%; }
}
@media(max-width: 1199px) and (min-width: 481px) {
	#hero-carousel.has-controls .item .container { padding-left: 40px;padding-right:40px; }
	#hero-carousel .item { min-height: 300px; }
	#hero-carousel .item .header-container h1, #hero-carousel .item .header-container h2, .cta-banner h2 { font-size: 3em !important; font-size: 5vmax !important;  }
	#hero-carousel .item .subheader-container h3, .cta-banner h3 { font-size: 1.125em; }
}
@media(max-width: 767px) and (min-width: 481px) {
	#hero-carousel .item { min-height: 300px; }
	#hero-carousel .item .col-xs-12 { padding-right: 20%; }
	#hero-carousel .item .subheader-container h3, .cta-banner h3 { font-size:-ms-calc(10px + 1.5vw); font-size:-webkit-calc(10px + 1.5vw); font-size:calc(10px + 1.5vw); }
}
@media(max-width: 480px) {
	#hero-carousel { z-index: 3; }
	#hero-carousel .item .item-wrapper { padding-top: 3.5em; padding-bottom: 2.5em; }
	#hero-carousel .carousel-inner .item { padding: 0 !important; }
	#hero-carousel.has-controls .item .container { padding-left: 1em; padding-right: 1em; }
	#hero-carousel .item .header-container h1, #hero-carousel .item .header-container h2, .cta-banner h2 { font-size: 2.5em !important; font-size: 10vw !important; }
	#hero-carousel .item .subheader-container h3, .cta-banner h3 { font-size: 1.125em; }
	#hero-carousel .btn { font-size: 1em; }
	#hero-carousel .item.darken:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5);}
	#hero-carousel .item.lighten:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.5);}
}

/* video launcher */
.responsive-video-launcher { position: relative; padding-bottom: 56.65%; background-position: 50%; background-repeat: no-repeat; background-size: cover; }
.responsive-video-launcher a.vid { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: 50%; background-repeat: no-repeat; background-size: cover; }
/*.responsive-video-launcher a.vid:before { content: '\e072'; font-family:'Glyphicons Halflings'; font-size: 3em; font-size: 7vw; color: rgba(255,255,255,0.5); text-shadow: 1px 1px 2px rgba(0,0,0,0.25); position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.responsive-video-launcher a.vid:hover:before { color: rgba(255,255,255,0.75)}*/
#videoModal .modal-content { background: #000 !important; }
#videoModal .modal-body { padding: 0 !important; }
#videoModal button.close { position: absolute; right: -48px; top: 0px; z-index: 999; font-size: 48px; color: #fff; text-shadow: 1px 1px 0 #000; opacity: 0.7; }
@media(max-width: 767px) {
	#videoModal button.close { top: 102%; right: 30px; }
}


/* COOKIES DISCLAIMER */
#cookies-disclaimer { background: #004D6E; color: #eff3f5; padding: 0.5em 0; line-height: 1.125; position: fixed; left: 0; right: 0; bottom: 0; z-index: 2; }
#cookies-disclaimer-text-col { font-size: 0.75em; font-weight: normal; padding-right: 50px; }
#cookies-disclaimer a { color: inherit; text-decoration: underline; }
#cookies-disclaimer button.close-disc { background: none; width: 1em; height: 1em !important; padding: 0 !important; line-height: 1em !important; min-height: unset !important; position: absolute; right: 30px; top: 50%; color: inherit; font-weight: normal; font-size: 1.5em; -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%); }
@media(max-width: 767px) {
	#cookies-disclaimer-text-col { padding-right: 70px; }
}

/* CONTENT */
section.content { padding-top: 3em; padding-bottom: 0; }
body.has-hero section.content { padding-top: 0; }
body.has-footer-cta section.content { padding-bottom: 0; }
a.read-more, a.readmore, a.more, a.more-link { white-space: nowrap; }
a.tel { color: inherit; }

/* LANDING PAGE CUSTOMIZATIONS */
body.landing-page section.content { padding-bottom: 0; line-height: 1.65 }
body.landing-page .iw-so-acc-title { text-transform: uppercase; font-weight: bold !important; padding-left: 2em !important; line-height: 1.1; }
body.landing-page .iw-so-tgl-open, body.landing-page .iw-so-tgl-close{ top: 50%; margin-top: -0.43em;}
body.landing-page .iw-so-acc-item span.sow-icon-fontawesome { line-height: 1em; margin: 0; bottom: auto !important; font-size: 0.875em !important; }
body.landing-page .iw-so-acc-item { background: #fff; border: solid 1px #E5E5E5; box-shadow: 1px 1px 0px rgba(0,0,0,0.05) }
body.landing-page .iw-so-acc-content * { line-height: 1.5;  }
body.landing-page .iw-so-acc-content p, body.landing-page .iw-so-acc-content ul li { margin-bottom: 1.25em; }
body.landing-page h1 { margin-bottom: 0.65em; }
body.landing-page h4 { line-height: normal; margin-bottom: 1.125em; }
@media(max-width: 991px) {
	body.landing-page header.main { min-height: 95px }
}
@media(max-width: 767px) {
	body.landing-page header.main { min-height: 55px }
	body.landing-page #header-main-block .logo img { max-height: 40px !important; }
}
/* CTA BANNER */

.cta-banner-reversed { color: #fff; }
.cta-banner a.btn-large { font-size: 1.25em; font-weight:700; /* extrabold */ }
@media(max-width: 767px) {
	.cta-banner { position: relative; background-repeat: none; background-position: 75% 0; background-size: auto 100%; font-size: 2vw }
	.cta-banner > div { position: relative; z-index: 1; }
	.cta-banner a.btn-large { font-size: 18px; }
	.cta-banner:before { content: ''; position: absolute; z-index: 0; left: 0; top: 0; bottom: 0; right: 0; background: rgba(255,255,255,0.45);}
	.cta-banner.cta-banner-reversed:before { background: rgba(0,0,0,0.25); }
}

aside.post-blocks { margin-left: -15px; margin-right: -15px; }

/* ***** BLOG ITEMS **** */
section.index-archive hgroup { font-size: 0.875em;}
section.index-archive .posts-wrapper article h3 { font-size: 1.4em; line-height: 1.2; }
section.index-archive .posts-wrapper article .excerpt-wrapper { font-size: 0.9em; }

/* BLOG SEARCH FORM */
aside.search-block {  padding-top: 0; line-height: 1; }
aside.search-block { border-bottom: solid 2px #e9e9e9; }
aside.search-block a.pull-right{ margin-bottom: -2em; color: #717174; }
aside.search-block .bootstrap-select { margin-top: 1px; }
aside.search-block .bootstrap-select button.dropdown-toggle { font-weight: normal; font-size: 16px !important; min-height: 38px;  padding-top: 10px !important;  }
aside.search-block a[aria-expanded] { display: none; }
aside.search-block a[aria-expanded="false"] span.glyphicon-menu-up { display: block !important; }
aside.search-block a[aria-expanded="false"] span.glyphicon-menu-down { display: none !important; }
aside.search-block div.form-group { position: relative; }
aside.search-block a.clear-btn { color: #aaa; font-size: 16px; position: absolute; right: 12%; top: 50%; margin-top: -8px; }
aside.search-block form { font-size: 1.1em; }
aside.search-block form p { font-size: 0.875em; }
aside.search-block h4 { font-size: 1.25em; font-weight: normal; margin: 0; color: #454545; }
aside.search-block input.form-control { vertical-align: middle; line-height: 1; display: inline; height: 38px !important; padding: 9px 6px; margin: 0; width: 90%; font-size: 0.875em; font-family: Tahoma, Arial, sans-serif; }
aside.search-block button.btn.btn-submit { line-height: 1; display: inline; font-size: 1em; height: 40px; padding: 7px 0; width: 10%; margin-left: -6px; min-width: unset; }
@media(min-width: 768px) {
 aside.search-block .form-controls .col-sm-5 { padding-right: 0; }
}
@media(max-width: 1199px) and (min-width: 768px) {
	aside.search-block .bootstrap-select button.dropdown-toggle { font-size: 13px !important; white-space: normal; padding-left: 8px; padding-top: 12px !important; }
}


/* PAGINATION */
.pagination > a { display: inline-block; margin-left: 1px; margin-right: 1px; border: solid 1px #f1f1f1; padding-left: 2px; padding-right: 2px; min-width: 1em; }
.pagination > a:hover { background: #00BBE7; color: #fff; border: solid 1px #00BBE7; }
.pagination span.current { font-weight:400; /* bold */ font-size: 1.5em; vertical-align: middle; margin-left: 5px; margin-right: 5px;  }

/* SIDEBAR */
.sidebar button.mktoButton, .sidebar .btn.btn-lg { line-height: 1 !important; font-size: 18px !important; padding-top: 0.6em !important; padding-bottom:0.6em !important; height: auto !important; max-height: unset !important; }
.sidebar .widget { margin-bottom: 2em; line-height: 1.125; max-width: 370px; }
.sidebar .widget h4 { font-size: 1.125em; color: #363636; line-height: inherit; margin-top: 0; }
.sidebar .widget h4 a { color: inherit; }
.sidebar .widget strong { font-weight: bold; }
.sidebar .well { padding: 0.5em; }
.sidebar .posts-well { border-bottom: solid 2px #e3e3e3; padding-bottom: 1em;margin-bottom: 1em; }
.posts-well ul.menu { padding: 0; }
.posts-well ul.menu li { padding: 0; }
.posts-well ul.menu li span.menu-item-date { display: none; }

#sidebar-free-trial { margin-top: 1.75em; background: #E5F8FC; padding: 1em; border: solid 2px #ECECEC; color: #363636; line-height: 1.25; }
#sidebar-free-trial h4 { color: inherit; line-height: inherit; margin-top: 0;}
#sidebar-free-trial a.btn { font-weight: bold; }
@media(max-width: 1199px) {
	#sidebar-free-trial h4 { font-size: 1em; }
}

#blogSubscribe { background: #ECECEC; border: solid 2px #ECECEC; padding: 1em; }
#blogSubscribe form { background: none; padding: 0; }
#blogSubscribe form input { -webkit-border-radius: unset; border-radius: unset; }
#blogSubscribe form label { display: none; }
#blogSubscribe form button { background-color:#00B5E0; font-weight: bold; -webkit-border-radius: unset; border-radius: unset; }
#blogSubscribe form button:after { content: ' NOW'; }
#blogSubscribe form button:hover { background-color: #01CEFF !important;}
#blogSubscribe .mktoClear { display: none !important; }

ul#sidebar-social-nav { font-size: 1.75em; text-align: center;min-height: 80px; clear: both;}
ul#sidebar-social-nav li { width: 20%; margin: 0; padding: 0; float: left; }
ul#sidebar-social-nav a { color: #676767; display: block; width: 90%; margin-left: auto; margin-right: auto; }
ul#sidebar-social-nav a:hover { color: #58C8C8; }

/* sidebar CTAs */
.sidebar-cta { line-height: 1; margin-bottom: 1em; min-width: 260px; max-width: 360px; }
.sidebar-cta a.link-wrapper { display: block; position: relative; background: #F0F0F0; }
.sidebar-cta .thumb { display: block; width: 35%; position: relative; padding-top: 35%; }
.sidebar-cta .thumb > span.hover-wrap { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: white; background: rgba(0,0,0,0.35); font-weight:400; /* bold */ line-height: 1; }
.sidebar-cta .thumb > span.hover-wrap > span { font-size: 0.875em; position: absolute; top: 50%; left: 0; width: 100%; text-transform: uppercase; -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);  }
.sidebar-cta a.link-wrapper:hover .thumb > span.hover-wrap { display: block; }
.sidebar-cta .copy { padding: 0; position: absolute; left: 38%; width: 60%; top: 0; bottom: 0; }
.sidebar-cta .content-type { font-size: 0.875em; color: #717174; text-transform: uppercase; padding: 0.75em 0 0.45em; }
.sidebar-cta h4 { line-height: 1; font-size: 1em; font-weight:400; /* bold */ color: #106d92; margin: 0 0 0.35em; }
.sidebar-cta .link { margin: 0; font-size: 0.875em; position: absolute; bottom: 0.75em; }
.sidebar-cta .flags { position: absolute; right: 0; bottom: 0.75em; }
.sidebar-cta .flags .country-flag { display: block; width: 18px; height: 18px; border-radius: 8px; }

.marketo-fat-form .mktoFieldWrap { margin-bottom: 0.5em; }
.marketo-fat-form input { width: 100%; background: #F3F3F3; border-color: #F3F3F3; padding: 0.5em; }
.marketo-fat-form button { color: #fff; font-weight:400; /* bold */ background: #8DC63F; padding: 0.5em 1.5em; font-size: 1.125em}

/* SEARCH FORM */
.searchform-container { margin-bottom: 1em; }
form.searchform { display: block; padding: 0; position:relative; width: 100%; }
.searchform input.searchfield { width: 100% !important; background: #F3F3F3; border-radius: 3px; border-color: #F3F3F3; font-size: 1.125em; padding: 0.35em 40px 0.35em 0.35em; }
.searchform button.btn-search { background: none; color: #999; margin-left: -30px; position: absolute; line-height: 1.75em}

/* ALPHABETICAL LIST PAGE */
section.alpha-section { border-bottom: solid 2px #D5D8DB; padding-bottom: 2em; padding-top: 1em; }
section.alpha-section h3 { font-weight:400; /* bold */ color: #00B5E0; }
section.alpha-section ul.alpha-list { margin-bottom: 2em; }
section.alpha-section ul.alpha-list li a { color: #717174; text-decoration: underline; }
section.alpha-section a.top { font-style: italic; }
section.alpha-section:target { padding-top: 5em;}

nav#alpha-nav { margin-top: 2em; margin-bottom: 2em; }
ul.alpha-menu { background: #F6F6F6; text-align: left; border: solid 1px #D5D8DB; border-width: 1px 0 1px 1px; display: block; width: 100%; }
ul.alpha-menu li { margin: 0; padding: 0; text-align: center; display: inline-block; float: left; width: 4.34782% }
ul.alpha-menu:after { content: ' '; display: block; clear: both; }
ul.alpha-menu li a { color: #717174; display: block; padding: 0.5em 0.45em; border-right: solid 1px #D5D8D8; }
ul.alpha-menu li a:hover { color: #00B5E0; background: #D6F3F8; }

@media(max-width: 640px) {
	ul.alpha-menu { border-right-width: 1px; }
	ul.alpha-menu li { float: none; width: 32px; }
	ul.alpha-menu li a { border: none; }
}


/* TESTIMONIALS */
blockquote.testimonial { padding: 0 1em; }
blockquote.testimonial q { font-style: italic; quotes: inherit; display: block; margin-bottom: 0.35em; }
blockquote.testimonial cite { display: block; margin-left: 1em; }
blockquote.testimonial cite span { font-weight:400; /* bold */ display: block;  }
blockquote.testimonial cite span.title { font-size: 0.875em; font-weight: normal; }


/* aside testimonial */
aside.page-testimonial { margin-top: 3em; margin-bottom: 3em; }
aside.page-testimonial blockquote { line-height: 1.25; color: #828282; font-size: 2em; padding: 0; }
aside.page-testimonial blockquote cite { font-style: normal; color: #000; font-weight: normal; margin-top: 1em;  }


/* SEARCH FORM & RESULTS */
button.btn-search { background: none; padding: 0.5em 5px 0.45em; margin-left: -0; line-height: 1em; position: relative; color: #aaa; font-size: 15px; background:#FF544D; color: #fff;  }
@media(max-width: 767px) {
	button.btn-search { padding: 0.4em 5px 0.4em}
}
form.main-site-search { position: relative; }
form.main-site-search input { border: none; font-size: 0.875em; padding: 2px 28px 2px 2px; width: 150px; color: #555759; }
form.main-site-search button { font-size: 16px; background: none; padding: 0px; line-height: 1em; color: #ccc; left: 100%; top: 50%; margin-left: -20px; margin-top: -8px; position: absolute; }
.search-results article { margin-top: 1em; }
.search-results article h5, body.search-results article .post-info { display: inline-block; margin: 0 1em 0 0; }
.search-results article h5 { font-size: 1.25em; }
.search-results article.page .post-info { display: none; }
.search-results article .post-info { font-size: 0.75em; color: #717174; }
.search-results article { border-bottom: solid 1px #fff; }
.search-results .hgroup h1 { font-size: 1.25em; font-style: normal; }
.search-results .hgroup h1 em { color: #555759; font-size: 1.75em; margin-left: 0.5em; }

/* WP ACCOUNT FORMS */
#modalLogin .modal-header { padding: 0.75em 0.5em 0.25em 1em; }
#modalLogin .modal-header button { position: absolute; right: 0.5em; }
#modalLogin .modal-body { font-size: 0.95em; }
#modalLogin form#loginform label { display: block; }
#modalLogin form#loginform p { margin-bottom: 0.5em; }
#modalLogin form#loginform p.login-remember { margin: 1em 0; font-size: 0.8em; }
#modalLogin .modal-footer p { margin-bottom: 0; }
form.wppb-user-forms { padding: 1em 1.5em; width: auto; display: inline-block; background: rgba(255,255,255,0.5); box-shadow: 0 0 6px rgba(0,0,0,0.15); border: solid 1px rgba(255,255,255,0.75); }
form.wppb-user-forms ul { list-style: none; margin: 0; padding: 0; }
form.wppb-user-forms ul li { margin: 1em 0; display: block; }
form.wppb-user-forms h4 { border-bottom: solid 1px #ccc; margin-bottom: -0.75em; }
form.wppb-user-forms label { font-size: 0.975em; }
form.wppb-user-forms ul li + li > h4 { margin-top: 2em; }
form.wppb-user-forms label, form.wppb-user-forms input[type=text], form.wppb-user-forms input[type=email], form.wppb-user-forms textarea { width: 100%; max-width: 420px; display: block; }
form.wppb-user-forms .wppb-description-delimiter { font-size: 0.875em; margin-left: 1em; }
form.wppb-user-forms input[type=checkbox] { margin-right: 0.25em; width: 1em; height: 1em; }
form.wppb-user-forms input[type=submit] { font-weight:400; /* bold */ }
form.wppb-user-forms span.wppb-form-error { color: darkred; display: block; font-size: 0.75em; }
form.wppb-user-forms li.wppb-field-error label img { display: none; }
form.wppb-user-forms li.wppb-field-error input[type=text], form.wppb-user-forms li.wppb-field-error input[type=email], form.wppb-user-forms li.wppb-field-error input[type=tel], form.wppb-user-forms li.wppb-field-error input[type=password], form.wppb-user-forms li.wppb-field-error textarea { border: solid 1px darkorange; }
.wppb-caution, .wppb-error, #wppb_general_top_error_message { background: lightyellow; padding: 0.5em; border: solid 1px rgba(0,0,0,0.08); font-size: 0.9em; }

/* SHARED */
p.readmore a, a.read-more { white-space: nowrap; }
main h4 { font-size: 1.33em; margin-bottom: 1em; }
section#listings { background: #f3f3f3; padding-top: 4em; }

/*article.listing a[target='_blank']:after { content: "\e164"; display:inline-block; font-family:'Glyphicons Halflings'; font-size: 9px !important; font-weight: normal; vertical-align: middle; margin: 0 0px 0 4px; opacity: 0.5 }*/

.pagination { width: 100%; text-align: center; float: none; }
.pagination a { color: #727272; margin-left: 4px; margin-right: 4px; }
.pagination .next, .pagination .prev { font-size: 0.875em; }
.pagination span.current { font-weight:400; /* bold */ }

/* ARCHIVE */
article.post { margin-bottom: 0.5em; padding: 1em 0; }
article.post.sticky { background: #F6F6F6;  }
article.post.sticky h3:before { content: 'Featured'; font-size: 0.65em; display: block; }
article.post a.featured-image { display: block; padding-bottom: 78%; background-repeat: no-repeat; background-position: 50%; }
article.post h3 { margin: 0; font-weight: normal !important; }
article.post h3 a { color: #006895 !important; }
article.category-news h3 > a, article.category-velocityehs-news h3 > a, category-press-releases h3 > a, .news-archive article h3 a { color: #484848 !important; }

article.post .post-info { color: #717174; font-size: 0.75em; margin-bottom: 0;}
article.post .post-excerpt {  }
div.search-results-title h2 { margin-top: 1em; margin-bottom: 0; display: block;}

article.articles { border-bottom: dotted 1px #e1e1e1; padding-bottom: 1em; }

/* SINGLE POST */
div.section-title-banner, aside.header-strip { padding: 4em 0 1em; font-size: 1em; }
div.section-title-banner.no-margin, aside.header-strip.no-margin { margin: 0; }
div.section-title-banner h2, aside.header-strip h2 { color: #00B5E0; font-size: 2.5em; margin: 0; font-weight:400; /* bold */}
div.section-title-banner a, aside.header-strip a { color: inherit; }

h2.post-category { font-size: 1.5em; margin-bottom: 2em; text-decoration: underline; }

section.blog-post article .hgroup h1 { color: #006892; font-weight: normal; font-size: 2em;  }
section.blog-post article .post-info { margin-bottom: 0.25em; color: #717174; font-size: 0.875em; }
section.blog-post article .post-info a { margin-right: 1em; color: inherit; }
section.blog-post article ul.menu.tags { margin-bottom: 1em; }
section.blog-post article ul.menu.tags a { color: #bdbdbd; margin-right: 1em; }
section.blog-post article ul.menu.tags a:before { content: '#';}
section.blog-post article .post-thumb { margin-bottom: 3em; }

/* RESOURCES PAGE */
article.featured a.featured-image { display: block; min-height: 356px; background-repeat: no-repeat; background-position: 50%; }
#featured-article h3 { font-size: 2em; font-weight: 600; }
#featured-article p.excerpt { font-size: 1.11em; }

article.listing { margin-bottom: 2em; }
article.listing a.thumb { display: block; max-width: 360px; padding-bottom: 80%;  }
article.listing h3 {font-size: 1.56em; font-weight: 600; margin: 0; }
article.listing h3 a { color: #595959;  }
article.listing p { font-size: 1.11em; margin-bottom: 0; }
article.listing p.tags a { color: #bdbdbd; margin-right: 1em;  }
article.listing p.tags a:before { content: '#'; }
article.listing p.post-date { display: none; }
@media(max-width: 1199px) {
  article.featured a.featured-image { min-height: 300px;}
}
@media(max-width: 991px) and (min-width: 768px) {
  article.featured { font-size: 0.875em; }
  article#insights-featured-article p.excerpt { font-size: 1em; }
  article.featured a.featured-image { min-height: 220px;}
}
@media(max-width: 767px) {
  article.listing .col-xs-5 { max-width: 200px; }
  article.listing h3 { font-size: 1.25em; }
}
@media(max-width: 360px) {
  article.listing .col-xs-5 { display: none; }
  article.listing .col-xs-7 { width: 100%; }
}

/* ***** END BLOG ITEMS **** */


/* SHARED FOOTER CTA'S */
@media(max-width:480px) {
	#mobile-fixed-demo-btn { z-index: 2; position: fixed; display: block !important; text-align: center; font-weight: bold; font-size: 1.125em; padding: 0.75em 0; line-height: 1; left: 0; bottom: 0; right: 0; width: 100%; background: #8DC63F; color: #fff; box-shadow: 0 1px 6px rgba(0,0,0,0.25); }
}
/* BREADCRUMBS */
nav#breadcrumbs { font-size: 0.75em; }
nav#breadcrumbs p.breadcrumbs-wrapper { float: right; background: #F0F0F0; padding: 0.5em 1.5em; border-radius: 0.5em 0.5em 0 0; margin: 0;}
nav#breadcrumbs p.breadcrumbs-wrapper:empty { display: none; }
/* FOOTER */
footer.main { font-size: 0.875em; padding-top: 2em; padding-bottom: 4em; background: #F0F0F0; }
footer.main, footer.main a { color: #717174; }
footer.main .logo img { max-height: 60px; }
footer.main h4 { font-size: 1em; }
footer.main h4, footer.main ul.menu li.header > a { margin-top: 0; font-weight:400; /* bold */ color: #717174; }
footer.main h4 a { color: inherit; }
footer.main nav.footer-nav { padding-top: 1em; }
footer.main nav.footer-nav ul.menu { padding-left: 0; margin-bottom: 1em; }
footer.main nav.footer-nav ul.menu > li { margin: 0 0 0.5em; }
footer.main ul.menu ul.menu-child { margin-top: 0.5em; margin-bottom: 1.5em; padding: 0; }
footer.main ul.menu-child > li { margin-bottom: 0.25em; }
footer.main ul.p-spacing > li { margin-bottom: 0.75em; }
footer.main nav#footnav_col1 > ul > li:nth-child(2) ul.menu-child:last-child, footer.main nav#footnav_col1 > ul > li:nth-child(2) ul > li:last-child { margin-bottom: 0;}
footer.main a:hover { color: #00B6DE }
footer.main ul.social { margin: 0 0; }
footer.main ul.social a { text-align: center; position: relative; font-size: 16px; display: block; line-height: 1; width: 32px; height: 32px; margin-left: 1px; margin-right: 1px; border-radius: 16px; color: #fff; background: #00B6DE; }
footer.main ul.social a span.icon { position: absolute; left: 50%; top: 50%; width: 16px; height: 16px; margin-left: -8px; margin-top: -8px; }
footer.main p.copyright { color: #959CA1; padding-top: 1em;}
footer.main .badges { text-align: right; }
footer.main .badges img { vertical-align: middle; margin: -1em 0 0 1em; }
footer.main #site-disclaimer { margin-top: 0.25em; margin-bottom: 1em;  font-size: 0.875em; color: #999; }
form.main-site-search { margin: 1em 0; position: relative; display:inline-block;  }
form.main-site-search input { border: solid 2px #D1D5D8; width: 220px; border-radius: 1.25em; padding: 0.45em 50px 0.45em 0.75em; }
form.main-site-search button { position:  absolute; margin-left: -25px; margin-top: -10px; font-size: 1.25em; }
@media(max-width: 991px) {
	footer .row-footer-supplemental { border-top: solid white; }
	footer .row-footer-supplemental, footer .text-right { text-align: center; }
	footer .row-footer-supplemental > div { margin-bottom: 1em; }
}
@media(max-width: 767px) {
	footer.main { text-align: center; }
	footer.main .badges { text-align: center; }
	footer.main .badges img { margin-top: 0; margin-bottom: 1em; }
}

/* CUSTOM CHECKBOXES */
.form-control[type="checkbox"]:not(:checked), .form-control[type="checkbox"]:checked { position: absolute; left: -9999px; }
.form-control[type="checkbox"]:not(:checked) + span, .form-control[type="checkbox"]:checked + span { position: relative; display: inline-block; padding: 0; line-height: 1em; margin-right: 0.25em; margin-top: -3px; vertical-align: middle; width: 0.875em; height: 0.875em; cursor: pointer; }
/* checkbox aspect */
.form-control[type="checkbox"]:not(:checked) + span:before, .form-control[type="checkbox"]:checked + span:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #aaa; background: #f8f8f8; box-shadow: inset 0 1px 2px rgba(0,0,0,.15); }
/* checked mark aspect */
.form-control[type="checkbox"]:not(:checked) + span:after, .form-control[type="checkbox"]:checked + span:after { content: ''; line-height: 1; position: absolute; width: 50%; height: 50%; left: 25%; top: 25%; background: #09ad7e; transition: all .2s; }
/* checked mark aspect changes */
.form-control[type="checkbox"]:not(:checked) + span:after { opacity: 0; transform: scale(0); }
.form-control[type="checkbox"]:checked + span:after { opacity: 1; transform: scale(1); }
/* disabled checkbox */
.form-control[type="checkbox"]:disabled:not(:checked) + span:before, .form-control[type="checkbox"]:disabled:checked + span:before { box-shadow: none; border-color: #bbb; background-color: #ddd; }
.form-control[type="checkbox"]:disabled:checked + span:after { color: #999; }
.form-control[type="checkbox"]:disabled + span { color: #aaa; }
/* accessibility */
.form-control[type="checkbox"]:checked:focus + span:before, .form-control[type="checkbox"]:not(:checked):focus + span:before { border: 1px dotted blue; }
/* hover style just for information */
.form-control[type="checkbox"] + span:hover:before { border: 1px solid #4778d9!important; }


/* WORDPRESS / TINYMCE MODS */
img.alignnone { display: inline; vertical-align: middle; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

@media(min-width:768px) {
img.alignright { float: right; margin: 0 0 1em 1em; max-width: 66.666%; }
img.alignleft { float: left; margin: 0 1em 1em 0; max-width: 66.666%; }
.alignright { float: right; }
.alignleft { float: left; }
}

/* PAGEBUILDER MODS */
.textwidget * { text-shadow: none !important; text-shadow: unset !important; }
.sow-slider-base  { padding-bottom: 1em !important; overflow: visible; }
ol.sow-slider-pagination { display: block !important; z-index: 1 !important; text-align: center !important; bottom: 0 !important; }
.hide-pagination ol.sow-slider-pagination { display: none !important; }
.hide-pagination .sow-slider-base { padding-bottom: 0 !important; }
.sow-slide-nav { line-height: 1; display: block !important; }
.sow-slide-nav > a { border: solid 1px #ccc; border-radius: 100%; width: 32px; height: 32px !important; font-size: 16px !important; }
.sow-slide-nav.sow-slide-nav-prev > a > em { margin-top: 7px; margin-left: -2px; }
.sow-slide-nav.sow-slide-nav-next > a > em { margin-top: 7px; margin-right: -2px; }


@media(max-width: 1199px) {
	.sow-slider-base { max-width: 992px; margin-left: auto; margin-right: auto; }
	.sow-slide-nav { -ms-transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); }
	.sow-slide-nav.sow-slide-nav-prev { margin-left: -36px; }
	.sow-slide-nav.sow-slide-nav-next { margin-right: -36px; }
}
@media(max-width: 991px) {
	.sow-slider-base { max-width: 768px; margin-left: auto; margin-right: auto; }
}

/* BOOTSTRAP MODS */

/* buttons */
.btn[data-toggle] { font-weight:700; /* extrabold */ text-transform: uppercase; }
.btn, a.btn { display: inline-block !important; white-space: normal; min-width: 220px; line-height: 1; border: solid 1px #fff !important; padding: 0.75em 1.75em; -webkit-border-radius: 0; border-radius: unset; -webkit-box-shadow: none !important; box-shadow: unset !important; }
.btn.btn-block { white-space: normal; }
a.btn { text-decoration: none; }
.btn-success, a.btn-success, .btn-green, a.btn-green, .btn-default, .btn-submit { background: #8DC63F; color: #fff !important; }
.btn-success:hover, a.btn-success:hover, .btn-green:hover, a.btn-green:hover, .btn-default:hover, .btn-submit:hover { color: #fff; background: #8ddb1b }
.btn-warning { color: #fff !important; background: #F57B20 !important; }
.btn-info { color: #fff !important; background: #949CA1 !important; }
.btn-info:hover { background: #BFC4C7 !important; }
.btn-reversed { color: #fff !important; }
.btn-reversed:hover { background: rgba(255,255,255,0.15); }
.btn.btn-top { border: solid 1px #eee; padding: 2px 1em;  }
.btn.btn-top.btn-sm span.glyphicon { font-size: 8px; color: #bbb; }
.btn.btn-primary, .btn.btn-cyan { background: #00B6DE; color: #fff;  }
.btn.btn-primary:hover, .btn.btn-cyan:hover { background-color: #01CEFF }
.btn.btn-blue { background: #006892; color: #fff;  }
.btn.btn-blue:hover { background-color: #408FAE }
.btn-reversed.btn-default { background: transparent !important; }
.btn-reversed.btn-default:hover { background: #006993 !important; border-color: #006993 !important; }
.btn.btn-default.btn-outline { background: #fff; border: solid 1px #00B6DE !important; color: #00B6DE; }
.btn.btn-default.btn-outline:hover { background: #00B6DE; color: #fff; border-color: #fff !important; }
.btn.arrow-right:after { top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: relative; display: inline-block; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-left-color: #000; border-width: 5px; margin-top: -5px; margin-left: 5px; }
.btn, input[type=submit] { color: #fff; border: none; font-weight: 700; box-shadow: inset 0 0 2px rgba(255,255,255,0.85); }
.btn:hover, .button-primary:hover, input[type=submit]:hover { text-shadow: inherit; }

/* carousels */
.carousel-control { font-size: 22px; line-height: 1; height: 42px; width: 42px; top: 50% !important; margin-top: -21px; opacity: 1; background: #fff !important; background: rgba(220,220,220,0.25) !important; color: #fff !important; border-radius: 21px; border: solid 2px #D1D5D8; border-color: rgba(220,220,220,0.25); -webkit-text-shadow: inherit; text-shadow: unset; }
.carousel-control .glyphicon { position: absolute; left: 50%; top: 50%; margin-left: -11px; margin-top: -11px; }
.carousel-control.sm-ctrl img { width: 20px; }
@media(max-width: 991px) {
	.carousel-control { -o-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); }
}
@media(max-width: 480px) {
	.carousel-control { display: none}
}

ol.carousel-indicators { bottom: 0; z-index: 2; }
ol.carousel-indicators li { border: none; margin-left: 6px !important; margin-right: 6px !important; }
ol.carousel-indicators li.active { background: none; }
ol.carousel-indicators li:after { content: ''; box-shadow: 0 1px 1px rgba(0,0,0,0.1); border-radius: 100% !important; display: block; height: 12px; width: 12px; background: rgba(220,220,220,0.65);  margin-left: 0; margin-right: 0; }
ol.carousel-indicators li.active:after { background: #fff; margin: 1px 0 0 1px !important; }
.carousel-fade .carousel-inner .item { width: 100%; opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }

/* tabs */
ul.nav-tabs { color: #717174; border: solid 1px #D1D5D8; border-width: 1px 0; padding-top: 0.5em; padding-bottom: 0.5em; margin-bottom: 2em; }
ul.nav-tabs li a { color: inherit; }
ul.nav-tabs li.active a, ul.nav-tabs li a:hover { color: #00B6DE !important; }
ul.nav-tabs li a, ul.nav-tabs li.active a, ul.nav-tabs li a:hover { padding-top: 0.25em !important; padding-bottom: 0.25em !important; outline: none !important; -moz-border-radius: 0 !important; border-radius: 0 !important; border: 0 !important;}
ul.nav-tabs li + li a, ul.nav-tabs li + li.active a, ul.nav-tabs li + li a:hover { border-left: solid 1px #D1D5D8 !important; }
ul.nav-tabs li.tab-label > span { display: block; padding-top: 0.25em; padding-bottom: 0.25em; color: #999; }
ul.nav-tabs li.dropdown > ul { padding: 1em 1em 0.25em; }
ul.nav-tabs li.dropdown > ul > li > label { white-space: nowrap; }
div.tab-content h2, div.tab-content h3, div.tab-content h4 { margin-top: 0; }

.tabs-dark ul.nav-tabs { border: none; padding-top: 0; padding-bottom: 0; margin-bottom: 0; }
.tabs-dark ul.nav-tabs li a { font-weight:400; /* bold */ background: #F4F4F4; color: #959ca1; padding-top: 0.75em !important; padding-bottom: 0.5em !important; }
.tabs-dark ul.nav-tabs li.active a, .tabs-dark ul.nav-tabs li.active a:hover { color: #8dc63f !important; background: #E9E8E9 !important; }
ul.nav-tabs li + li a, ul.nav-tabs li + li.active a, ul.nav-tabs li + li a:hover { border-left: none !important; }
.tabs-dark div.tab-content { z-index: 1; position: relative; background: #E9E8E9; padding: 1.5em 1em; }


@media(max-width: 767px) {
	ul.nav-tabs li { float: none !important; margin: 0 0 2px !important; width: 100.5%; }
	ul.nav-tabs li + li a, ul.nav-tabs li + li.active a, ul.nav-tabs li + li a:hover  { border: none !important; }
}

/* vertical tabs */
.vertical-tabs .pt-tabs ul.nav-tabs li.nav-item { margin: 0; padding: 0; }
.vertical-tabs .pt-tabs ul.nav-tabs li.nav-item a { display: block; line-height: 1.1em; margin: 0; padding-top: 6px !important; padding-bottom: 6px !important; }
@media(min-width: 768px) {
	.vertical-tabs .pt-tabs ul.nav-tabs.affix { position: fixed !important; top: 80px; max-width: 256px;  }
	.vertical-tabs .pt-tabs ul.nav-tabs { float: left; width: 22%; border: none; }
	.vertical-tabs .pt-tabs ul.nav-tabs li.nav-item { display: block; border: solid 1px #D1D5D8; border-width: 0 0 1px 0; width: 100%;}
	.vertical-tabs .pt-tabs ul.nav-tabs li.nav-item:first-child { border-top: solid 1px #D1D5D8; }
	.vertical-tabs .tab-content { width: 75%; float: right; }
}
@media(max-width: 1199px) {
	.vertical-tabs .pt-tabs ul.nav-tabs.affix { max-width: 205px;  }
}
@media(min-width:768px) and (max-width: 991px) {
	.vertical-tabs .pt-tabs ul.nav-tabs.affix { max-width: 200px;  }
	.vertical-tabs .pt-tabs ul.nav-tabs { font-size: 0.75em; width: 28%; }
	.vertical-tabs .pt-tabs ul.nav-tabs li.nav-item a { padding-top: 8px !important; padding-bottom: 8px !important; }
	.vertical-tabs .tab-content { width: 68%;  }
}
@media(min-width: 420px) and (max-width: 767px) {
	.vertical-tabs .pt-tabs ul.nav-tabs { font-size: 0.875em; }
	.vertical-tabs .pt-tabs ul.nav-tabs li.nav-item { display: inline-block; width: 45%;  }
	.vertical-tabs .pt-tabs ul.nav-tabs li.nav-item:last-child { border-right: none; }
}

/* misc */
img.pull-left { margin-right: 1.5em; }
img.pull-right { margin-left: 1.5em; }
.form-control { -webkit-border-radius: 0; border-radius: unset; }
input.form-control { }
.well { padding: 2em; border-radius: 0; background: rgba(255,255,255,0.5); -webkit-box-shadow: none; box-shadow: unset; border: solid 1px rgba(255,255,255,0.75); }
.well > h2, .well > h3, .well > h4 { margin-top: 0; }
.well.blue-well { background: #4872AE; color: #fff; -webkit-box-shadow: none;  box-shadow: unset; }
.well.grey-well { background: #EBEBEB; -webkit-box-shadow: none;  box-shadow: unset; }
.well.green-well { background: #E1F1CD; -webkit-box-shadow: none;  box-shadow: unset; }
.sidebar .well { padding: 0.65em; ; }
.jumbotron.callout, .well.callout { float: right; width: 50%; margin-left: 5%; min-width: 420px; }
.jumbotron p { margin-bottom: 0 !important; }
.jumbotron p + p { margin-top: 1em; }
.dropdown.open a .caret { border-bottom: 4px dashed; border-top: 0px solid transparent; }
.glyphicon-new-window { color: #D1D5D8; font-size: 11px; vertical-align: middle; line-height: 11px; margin-top: -2px; margin-left: 5px; }
main blockquote { padding: 1em 2em; margin: 0 0 2em; font-style: italic; border: none; background: rgba(255,255,255,0.25); border-radius: 6px; }
ul.list-group li.active a { color: #fff; }
ul.list-group-zebra li:nth-child(even) { background-color: #f7f7f7; }
div.checkbox span { float: none; display: inline; outline: none; border: none; box-shadow: unset; width: auto; background: none; }
div.checkbox { display: block; clear: both; }

/* panels */
.panel { border-color: #E1E1E1; }
.panel, .panel > .panel-heading { border-radius: 0; }
.panel .panel-heading { margin: -1px -1px 0; }
.panel-primary .panel-heading { border: none; background: #00B6DF; color: #fff; }
.panel .panel-heading * { color: inherit; margin: 0; }

/* modal */
.modal-dialog.modal-sm { width: 100%; max-width: 400px; }
.modal-dialog > div.modal-content { -webkit-border-radius: inherit; border-radius: inherit; background: #FCFCFC; border: solid 2px #d9d9d9; }
.modal .modal-body { padding: 1.25em; }
.modal-sm .modal-header { color: #9999A6; text-transform: uppercase; font-size: 0.875em; padding: 0.75em 1.25em 0.5em; background: #EEEEEE; border-radius: 4px 4px 0 0; }
.modal-sm .modal-header * { color: inherit; }
.modal-sm .modal-header button.close { text-shadow: unset; font-size: 32px; float: none; position: absolute; right: 10px; top: 8px; }
.modal-body iframe { border: none; width: 100%; background: transparent; }


form.mktoForm label { display: block; font-size: 12px; text-transform: uppercase; color: #151515;  }
form.mktoForm input[type=text], input[type=email], input[type=number], input[type=tel], textarea { font-size: 0.875em; padding: 3px; width: 100%; border-width: 2px; border-radius: 4px;}
form.mktoForm .mktoButtonWrap { display: block; margin-top: 2em; }
form.mktoForm input[type=submit], form.mktoForm button[type=submit] { width: 100%; background:#8DC63F; border-radius: 4px; color: #fff; font-weight: 400; text-transform: uppercase; }
form.mktoForm .mktoAsterix { color: orangered; display: inline-block; }

/* structure */
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }
.col-xs-5ths { width: 20%; float: left; }

.css-col-2 p, .css-col-3 p, .css-xs-col-2 p, .css-xs-col-3 p, .css-sm-col-2 p, .css-sm-col-3 p, .css-md-col-2 p, .css-md-col-3 p { margin-top: 0; margin-bottom: 1.75em; line-height: 1.75em;}
.css-col-2 li, .css-col-3 li, .css-xs-col-2 li, .css-xs-col-3 li, .css-sm-col-2 li, .css-sm-col-3 li, .css-md-col-2 li, .css-md-col-3 li { line-height: 1.25em; margin-top: 0; margin-bottom: 0.75em; }

.css-xxs-col-3 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; column-gap: 1.5em;}
.css-xxs-col-2  { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 2em; -webkit-column-gap: 2em; column-gap: 2em;}


@media(min-width:480px) {
.visible-xxs { display: none; }
.css-xs-col-3 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; column-gap: 1.5em;}
.css-xs-col-2  { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 2em; -webkit-column-gap: 2em; column-gap: 2em;}
}

@media (min-width: 768px) {
.col-sm-5ths { width: 20%; float: left; }
.css-col-3, .css-sm-col-3 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; column-gap: 1.5em;}
.css-col-2, .css-sm-col-2 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 2em; -webkit-column-gap: 2em; column-gap: 2em;}
}
@media (min-width: 992px) {
.col-md-5ths { width: 20%; float: left; }
.css-col-3, .css-md-col-3 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; column-gap: 1.5em;}
.css-col-2, .css-md-col-2 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 2em; -webkit-column-gap: 2em; column-gap: 2em;}
}


@media (min-width: 1200px) {
.col-lg-5ths { width: 20%; float: left; }
}

@media(max-width:767px) {
.text-center-xs { text-align: center !important; }
.text-left-xs { text-align: left !important; }
.text-right-xs { text-align: right !important; }
}
@media(max-width: 479px) {
.hidden-xxs { display: none !important; }
.visible-xxs { display: block !important; }
.col-xxs-12 { width: 100%; display: block; }
}



/* bootstrap select */
.bootstrap-select > button.btn { padding-top: 0.62em !important; height: 2.2em !important; color: #000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; background: #fff !important; width: auto !important; font-size: 0.875em !important; border:solid 1px #d1d5d8 !important; -webkit-border-radius: unset !important; border-radius: unset !important;  }
.bootstrap-select.full-width, .bootstrap-select.full-width > button.btn { width: 100% !important; }
.bootstrap-select.open > button.btn.dropdown-toggle { color:#52C8C9 !important;}
.bootstrap-select > .dropdown-menu { border-radius: 0; width: 100%; }

/* hide the admin bar */
#wpadminbar { display:none; }

/* Sticky Experiment Styles */
@media(max-width:480px) { body #mobile-fixed-demo-btn { display:none !important; } }
@media (max-width: 767px) {
  aside#hero.hero {
    position : relative;
    z-index : 20;
  }
}

@media(min-width:481px) and (max-width:767px) {
	section.content { margin-top: 70px; }
	#hero-carousel .item .header-container h1, #hero-carousel .item .header-container h2 { font-size: 2.5em !important;font-size: 4vmax !important;}
}

.iframe-is-fetching:before {
	/*
	-animation: spin .6s infinite linear;
    -webkit-animation: spin2 .6s infinite linear;
	content: "\e031";
	*/
	content: url( https://login.ehs.com/Content/images/throbber-48x48.gif);
	text-align: center;
	margin: 0 auto;
	position: relative !important;
    top: 1px;
    display: block;
    font-size: 1.6em;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  	color:#999;
}


/* MSDS Webpliance Search */
#listings-container .search-result-item { border-bottom: 1px solid #dddde1; }
#listings-container .search-result-item:first-child { border-top: 1px solid #dddde1; }
#listings-container .search-result-left, #listings-container .search-result-right  { padding: 1em; }
#listings-container .search-result-right  { border-left: 1px solid #dddde1; }
#listings-container .highlight { background-color: #d9f4fa; }
#listings-container .title h2 { color: #1c1d33; }
#listings-container { color: #1c1d33; padding-left: 30px; padding-right: 30px; }
#listings-container .label { color: #777785; padding: 0; font-weight: 400; }
#listings-container .trigger-search-modal { 
	border-top-color: rgba(122,125,153,.2);
    border-right-color: rgba(122,125,153,.25);
    border-bottom-color: rgba(122,125,153,.4);
    border-left-color: rgba(122,125,153,.25); 
    padding: 1.15rem;
    padding-top: 2.5rem;
    padding-bottom: 1rem;
    background-color: #fff;
    color: #545ca5 !important;
    text-align: center;
    text-decoration: none;
    letter-spacing: 1px;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: opacity .3s ease-in-out,color .3s ease;
    -khtml-transition: opacity .3s ease-in-out,color .3s ease;
    -moz-transition: opacity .3s ease-in-out,color .3s ease;
    -ms-transition: opacity .3s ease-in-out,color .3s ease;
    -o-transition: opacity .3s ease-in-out,color .3s ease;
    transition: opacity .3s ease-in-out,color .3s ease;
}
#listings-container .trigger-search-modal:hover {
	opacity: 0.5;
	color: #a8aedb;
} 
#listings-container .trigger-search-modal:hover .icon i.icon-green { color: #81d37d !important;}
#listings-container .icon { margin-bottom: 1em; }
#listings-container .icon i { display: inline-block; width: 2.5rem; height: 2.5rem; color: #545ca5 !important; padding-top: 15px; }
#listings-container .icon i.icon-green { -webkit-transition: opacity .3s ease-in-out,color .3s ease;
    -khtml-transition: opacity .3s ease-in-out,color .3s ease;
    -moz-transition: opacity .3s ease-in-out,color .3s ease;
    -ms-transition: opacity .3s ease-in-out,color .3s ease;
    -o-transition: opacity .3s ease-in-out,color .3s ease;
    transition: opacity .3s ease-in-out,color .3s ease;
    color: #33992e !important;
}
#listings-container .main-block-left { width: 66%; float: left; }
#listings-container .main-block-right { width: 33%; float: right; }
#listings-container .manufacturer { color: #555872; }
#listings-container svg { fill: currentColor; }
.pagination-template-container ul.pagination {
	text-align: right;
	margin-top: 0px;
}
.results-per-page-label { color: #666; font-weight: 500; }
.msds-search-wrapper .bootstrap-select.results-per-page > button.btn { background: #fff !important; }
.pagination-template-container .btn {
	display: inline-block;
    position: relative;
    color: #666;
    background-color: #f0f0f0 !important;
    text-align: center;
    text-decoration: none;
    letter-spacing: 1px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba( 122, 125, 153, 0.2 ) !important;
    min-width: auto;
    padding: 8px 10px;
    webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
    background-color: #fff;
    font-size: 1em;
}
.search-intro-text h1 { margin-bottom: 0.35em; }
.msds-search-wrapper hr { background: #ccc; height: 1px; margin-top: 2em; }
.search-results-total { color: #666; font-weight: 400; }
.pagination-template-container .pagination__item--selected .btn { color: #000; background-color: #fff !important; }
.search-result-item {
	-khtml-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -ms-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    background-color: #fff;
}
.msds-search-widget .input-group-btn { font-size: inherit; }
.search-result-item:hover { background-color: #eeeeee !important; }
#msds-search-free-trial-modal .modal-content { background-color: #FFF; border-radius: 0px; }
#msds-search-free-trial-modal-body { padding: 15px; }
#msds-search-free-trial-modal h4, #msds-search-free-trial-modal h2, #msds-search-free-trial-modal h3 { color: #000; text-transform: capitalize; }
#msds-search-free-trial-modal .modal-header, #msds-search-free-trial-modal .modal-footer { background-color: #fff; }
#msds-search-free-trial-modal .modal-header .close { margin-top: -31px;font-size: 2em;top: 31px;position: relative;}
#msds-search-free-trial-modal .modal-header { border-top-left-radius: 5px; border-top-right-radius:  5px; } 
#msds-search-free-trial-modal .modal-footer { border-bottom-left-radius: 5px; border-bottom-right-radius:  5px; } 
#msds-search-free-trial-modal .modal-footer a { float: left; font-weight: 900 !important; font-size: 1.125em; }
.error-no-matches h3, #search-results-template-container .search-error h3 { color: #000; }
.msds-search-widget .input-group input.msds-search-text { padding-left: 10px; font-size:1.5em; font-family: "Roboto", Helvetica, sans-serif; min-height: 62px !important; border: 1px solid #bec0d1 !important; border-radius: 1px; }
.msds-search-widget .input-group .btn-msds-search {     padding-top: 21px;padding-bottom: 21px;font-size:1em; font-family: "Roboto", Helvetica, sans-serif; border-radius: 1px;  min-width: auto; border: 1px solid #bec0d1 !important; }
.search-result-item:nth-child(odd) { background-color: #f6f6f6; }
.reset-search { text-decoration: underline; }
.col-item-first { padding-left: 0px; }
.msds-search-wrapper .bootstrap-select.btn-group .dropdown-toggle .filter-option {
	text-transform: capitalize;
	font-weight: 400;
	color: #666;
}
.reset-search { color: #006993; font-weight: 400; }
.search-results-total .results-count strong { color: #666; font-weight: 600; }
.msds-search-wrapper .bootstrap-select > button.btn { color: #666 !important; background: #f0f0f0 !important; border-radius: 1px !important; font-size: 1.05em !important; }
.msds-search-wrapper .bootstrap-select .bs-caret:before { 
	content: "\e259";
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    height: 14px;
    width: 14px;
    color: #666;
    right: -10px;
    position: relative;
    float: right;
    top: -18px;
}
#msds-search-free-trial-modal.msds-search-free-trial-webpliance .modal-header .close { top: 15px; }
.msds-search-wrapper .bootstrap-select .bs-caret .caret { display: none; }
.result-per-page-select-wrapper { width: 100px; max-width: 100px; }
.results-per-page.bootstrap-select > button.btn { min-width: 80px !important; padding-left: 20px; }
.results-per-page.bootstrap-select > .dropdown-menu.open { min-width: 160px; }
.search-result-item .btn.btn-default { font-size: 1.15em; margin-top: 1.5em; border: 1px solid #eee !important;  }
.search-result-item .btn.btn-default i.glyphicon { top: 3px; }
#msds-search-free-trial-modal.msds-search-free-trial-webpliance  { background-color: rgba(255,255,255,0.9); z-index: 99999999; }
#msds-search-free-trial-modal.msds-search-free-trial-webpliance  { text-align: center; }
#msds-search-free-trial-modal.msds-search-free-trial-webpliance  p { font-weight: 400; }
#msds-search-free-trial-modal.msds-search-free-trial-webpliance  img { display: block; margin: 0 auto; }
.modal-head-bar { background: #4ab3dd;height: 10px; }
#msds-search-free-trial-modal h3 { color: #4c4c4c; font-weight: 700; font-size: 2.5em; }
.xxs-show { display: none; }
.search-result-item { word-wrap: break-word; }
.search-result-item .trigger-search-modal, .search-result-item .trigger-search-modal i { cursor: pointer; }
.msds-search-tooltip.tooltip.in { opacity: 1; }
.msds-search-tooltip.tooltip.bottom .tooltip-arrow  { border-bottom-color: #787eb8;}
.msds-search-tooltip.tooltip .tooltip-inner { color: #fff; background-color: #787eb8; padding:15px 10px; text-align: left; }
.msds-search-tooltip.tooltip .tooltip-inner .text-underline { font-weight: 600; }
.bootstrap-select>select.selectwidthauto { width: auto !important; }
#search-results-template-container .search-error h3.no-results { color: #ff7300; font-size: 1.6em; }
.no-matches-suggestions { padding-left: 60px; }
@media(max-width: 767px) {
	#msds-search-free-trial-modal.msds-search-free-trial-webpliance img {max-width:400px}
	.no-data { display: none; }
	.no-matches-suggestions { padding-left: 30px; }
	.results-per-page-label { vertical-align: -webkit-baseline-middle; }
	.results-per-page.bootstrap-select > button.btn {     width: 100% !important;max-width: 100% !important; margin-top: 10px; }
	.pagination-template-container, .msds-result-filter-wrapper .bootstrap-select.msds-search-filters { margin-top: 1em; }
	.pagination-template-container ul.pagination, .search-results-total { text-align: center; }
	.pagination-template-container ul.pagination { margin-top: 1em; }
	#total-results-template-container { margin-bottom: 1em; }
	.text-xs-left { text-align: left; }
	.text-xs-center { text-align: center; }
	.col-item-first { padding-left: 15px; }
	#listings-container .main-block-left, #listings-container .main-block-right { width: 100%; }
	#listings-container .block-xs-6 { float: left; width: 50%; }
	.pagination-template-container { padding-right: 15px; }
	#msds-search-free-trial-modal.msds-search-free-trial-webpliance  .modal-content { margin:10px;  }
 }
 @media(min-width: 991px ) and (max-width: 1200px ) {
 	.results-per-page-label { font-size: 0.9em; }
 	.cta-presearch .sidebar-cta-title {
 		line-height: 100% !important;
 		font-size: 0.90em !important;
 	}
 	.cta-presearch .sidebar-cta-title>p { margin: 0 0 0.5em 0; }
 }
 @media(max-width: 992px ) {
 	.sidebar .widget { max-width: 100% !important; }
 }
 @media(max-width: 450px) {
 	.no-results img {  max-width: 25px; }
 	.btn-mini { border: 1px solid #eee !important; font-weight: 700; padding: 10px; clear: left;}
 	.search-result-item .col-xs-3 { width: 35%; }
 	.search-result-item .col-xs-9 { width: 65%; }
  	.xxs-hidden, a.btn.xxs-hidden { display: none !important; }
 	.xxs-show { display: inherit; }
 	.block-xs-6 { width: 100%; clear: left; }
 	#listings-container .trigger-search-modal { padding: 0.75rem; padding-top: 2rem; }
 	#listings-container .icon i { width: 2rem; height: 2rem; }
 	#listings-container .search-result-left { font-size: 0.8em; }
 	#msds-search-free-trial-modal.msds-search-free-trial-webpliance h3 { font-size: 1.75em; }
 	#msds-search-free-trial-modal.msds-search-free-trial-webpliance img { max-height: 70px; }
 	#msds-search-free-trial-modal.msds-search-free-trial-webpliance p { margin-bottom: 0.8em; }

 }

 /* presearch widgets */
.cta-presearch { background-color: #e1f7fc; border: 1px solid #e9e9e9; padding: 1.25em 1em; color: #2f2f2f; margin-top: 2em;}
.cta-presearch.cta-presearch-dark { background-color: #1c9ba7; color: #fff; border: 1px solid #1c9ba7; }
.cta-presearch .sidebar-cta-title { color: #2f2f2f; font-weight: 400; line-height: 0%; font-size: 1.125em; }
.cta-presearch.cta-presearch-dark .sidebar-cta-title { color: #fff; }
.cta-presearch input[type="text"] { font-style: italic; font-family: 'Roboto', Helvetica, sans-serif; padding-left: 10px; }
.cta-presearch.cta-presearch-content .input-group input[type="text"] { min-height: 48px; }
.cta-presearch.cta-presearch-content .input-group .btn { min-width: 120px; }
.cta-presearch.cta-presearch-content strong { font-weight: 600; }
.cta-presearch form .btn { border: none !important; }
