/*** GENERAL STYLES ***/
body{
font-family: proxima-nova, sans-serif;
background: #fcfcfc;
color:#161616;
margin-top:38px;
overscroll-behavior-y: none;
}
.desktop-hide{
display:none;
}
h1, h2, h3, h4, h5{
font-family: bebas-neue, sans-serif;
color:#161616;
margin-bottom: .5em;
}
h2, h3, h4, h5{
font-family: proxima-nova, sans-serif;
font-weight: 600;
}
h1{
font-size:3.125em;
color:#ff671b;
}
h1 span{
font-size: 1.75rem;
display:block;
margin-top:1rem;
color: #161616;
font-family: proxima-nova, sans-serif;
}
#products-filter{
margin-bottom:1rem;
}
h2{
font-size:1.75em;
color:#161616;
}
h3{
font-size: 1.375em;
color: #1f4187;
}
h4{
font-size:1.125em;
color:#161616;
}
p{line-height:1.675;margin-bottom: 1rem;}
h2 span{
font-family: bebas-neue, sans-serif;
color: #ff671b;
font-weight: 400;
font-size: 1.25em;
padding-left: .125em;
}
.responsive-table{
margin-bottom:2rem;
}
table.data-table{width:100%;border:1px solid #ccc;/* overflow-x: scroll; *//* table-layout: fixed; *//* width: 800px; */min-width: 800px;}
table.data-table th{
background:#636363;
color:#fff;
}
table.data-table tr{
border-bottom:1px solid #ccc;
}
table.data-table tr:last-child{
border:none;
}
table.data-table tr:nth-child(odd){
background:#f7f7f7;
}
table.data-table.rowspan-table tr:nth-child(odd){
background:none;
}
table.data-table.rowspan-table tr.grey-row{
background:#f7f7f7;
}
table.data-table.rowspan-table td{
border-right:1px solid #ccc;
}
table.data-table th, table.data-table td{
padding:.5rem 1rem;
}
.clearfix{
clear:both;
}
.outer-container > section ul{
margin-left:1.5rem;
padding:0;
}
.outer-container > section li{
list-style-type:none;
margin-bottom:.75rem;
font-weight:500;
background:url('/assets/images/page-assets/li-arrow-right.svg') 0 2px no-repeat;
background-size:1rem 1rem;
padding-left:1.5rem;
}
.outer-container > section ul.two-columns li{
float:left;
width:45%;
margin-right:5%;
}
.outer-container > section ul.two-columns.larger-links{
margin-left:0;
}
.outer-container > section ul.two-columns.larger-links li{
font-weight: bold;
font-size: 1.125rem;
width:48%;
margin-right:2%;
}
.outer-container > section ul.two-columns:after{
clear:both;
width:100%;
display:block;
content:'';
}
.outer-container > section ul.faux-tabs{
margin:0;
margin-top:1.5rem;
}
.outer-container > section ul.faux-tabs li{
background:none;
padding:0px;
display:inline-block;
margin:0;
position:relative;
}
.outer-container > section ul.faux-tabs li a{
padding:.5rem 1.5rem;
display:inline-block;
color:#555;
background:#efefef;
border:1px solid #ccc;
transition:all 300ms;
text-decoration:none!important;
}
.outer-container > section ul.faux-tabs.larger-faux-tabs li a{
font-size:1.25rem;
}
.outer-container > section ul.faux-tabs li a:hover, .outer-container > section ul.faux-tabs li.active a{
background:#f9661b;
border:1px solid #f9661b;
color:#fff;
}
.outer-container > section ul.faux-tabs li.active:after{
content:'';
height:0;
width:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-top:10px solid #f9661b;
display:block;
position:absolute;
left:42%;
}
.outer-container > section .faux-tab{border: 1px solid #ccc;padding: 1.5rem 2rem;margin-top: -1px;padding-bottom: 0;margin-bottom: 2rem;}
.content-box{/* border:1px solid #ccc; */background: #222;border-radius: 4px;}
.content-box:hover{
background:#333;
transition:all 300ms;
-webkit-transition:all 300ms;
}
.content-box a{padding: 1.5rem;padding-bottom: .5rem;}
.content-box h2{
font-weight:bold;
color:#ffc427;
margin-bottom:.5rem;
line-height:1;
}
.content-box p, .content-box span{
color:#fff;
}
.content-box p{margin-bottom: .75rem;}
.content-box p.span{
font-size:.875rem;
font-weight:bold;
text-transform:uppercase;
line-height:1;
margin-bottom:.5rem;
}
.content-box p, .content-box a{
font-size:1.25rem;
line-height:1.25;
}
.content-box a{
transition:all 300ms;
-webkit-transition:all 300ms;color:#ffc427!important;text-decoration:none!important;display: block;}
.content-box a:hover{
color:#fff!important;
}
.content-box a strong, .content-box a .fas{
color:#ffc427!important;
}
.content-box a:hover strong, .content-box a:hover .fas{
color:#fff!important;
}
.content-box img{
border-radius:4px;
}
.content-box a:hover img{
opacity:1!important;
}
.outer-container > section ul.brochures{
  /* height: 1000px; */
  /* height: auto; */
  /*   -webkit-columns: 4;
  -moz-columns: 4;
  columns: 4;
  column-gap: 1.5rem;
  margin:0; */
  /* display: flex; */
  /* justify-content: space-between; */
  /* flex-direction: column; */
  margin-left: 0;
  /* margin-bottom: 2rem; */
  margin-bottom: 0;
}
.outer-container > section ul.brochures:after{
content:'';
display:block;
clear:both;
}
.outer-container > section ul.brochures li{
    background:none;
    padding:0;
    margin:0;
    background: #fcfcfc;
    /* border: 1px solid #e1e1e1; */
    display: block;
    /* margin-bottom:1.5rem; */
    /* -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid; */
    width: 22%;
    float: left;
    margin-right: 3%;
    margin-bottom:30px;
    /* flex: 1; */
    }
    .outer-container > section ul.brochures li:nth-child(4n+5){
     clear:both;
    }
.outer-container > section ul.brochures li a{text-decoration:none!important;width: 100%;height: auto;}
.outer-container > section ul.brochures li *{display:block;margin:0;}
.outer-container > section ul.brochures li div.image-wrap{position:relative;height:300px;overflow:hidden!important;border: 1px solid #e1e1e1;transition:all 300ms;width: 100%;}
.outer-container > section ul.brochures li a:hover div.image-wrap{
opacity:0.7;
}
.outer-container > section ul.brochures li img{
width:100%;
height:auto;
position:absolute;
top:0;
left:0;
opacity:1!important;
}
.outer-container > section ul.brochures li span{
 /* color: #ff671b; */
 background: #f4f4f4;
 padding:.5rem 1rem;
 transition:all 300ms;
 font-weight:bold;
 font-size:.875rem;
 border-bottom: 1px solid #e1e1e1;
 transition:all 300ms;
 border-left: 1px solid #e7e7e7;
 border-right: 1px solid #e7e7e7;
}
.outer-container > section ul.brochures li h3, .outer-container > section ul.brochures li p{
    background: #f4f4f4;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
}
.outer-container > section ul.brochures li h3{padding: .75rem 1rem .125rem;transition:all 300ms;font-size: 1.125rem;font-weight: bodl;color: #005ebf;}
.outer-container > section ul.brochures li:hover h3{
    color: #006dde;
}
.outer-container > section ul.brochures li p{
border-bottom: 1px solid #e1e1e1;
text-transform:uppercase;
font-size:.75rem;
color:#161616;    
padding:.125rem 1rem .5rem;
font-weight:bold;
}
.outer-container > section ul.brochures li i{
display:inline;
margin-left:.25rem;
}
.outer-container > section ul.brochures li a:hover span{background: #006dde;color: #fff;}
#tabs{
margin-bottom:3rem;
}
.outer-container > section .language-tabs > ul{
margin:0;
margin-bottom:1rem;
}
.outer-container > section .language-tabs > ul  > li{
background:none;
display:inline-block;
border: 1px solid #e1e1e1;
background:#efefef;
margin-right:.5rem;
padding:0;
transition:all 300ms;
}
.outer-container > section .language-tabs > ul > li.ui-tabs-active, .outer-container > section .language-tabs > ul > li:hover{
background:#ff671b;
border:1px solid #ff671b;
}
.outer-container > section .language-tabs > ul  > li a{
padding:.5rem 1.5rem;
display:inline-block;
transition:all 300ms;
text-decoration:none!important;
}
.outer-container > section .language-tabs > ul > li.ui-tabs-active a, .outer-container > section .language-tabs > ul > li:hover a{
color:#fff;
}
.outer-container > section .product-index-list li > a{
font-size:1.25rem;
}
.outer-container > section .product-index-list li small a{

}
.product-index-div{

}

/*** NAVBAR / HEADER STYLES ***/
body > .outer-container.company, body > .outer-container.home, body > .outer-container.cross-reference-page, body > .outer-container.homepage{background: #fcfcfc url(/assets/images/pageBottomBG.jpg) center bottom no-repeat;background-size: 100%;/*min-height: 1500px;temporary*/}
body > .outer-container.company{
padding-bottom:4rem;
}
body > .container{
background:#fcfcfc;
}
body > .outer-container{padding-top: 140px;/* background: #fcfcfc; */}
body > .outer-container.product-page{/* padding-top:107px; */}
body > .outer-container.map-page{min-height:700px;}
body > nav.navbar.bg-dark, .bg-dark{
/*transition: background-color 0.75s ease-in-out;*/
background-color:rgba(99, 99, 99, 0.0)!important;
box-shadow: 0px 1px 0px 0px rgba(183,183,183,0.38); 
padding:0 2rem;
}
body > nav.navbar.bg-dark.fixed, body.no-hero > nav.navbar.bg-dark, .no-hero .bg-dark{
background-color:rgba(99, 99, 99, 1.0)!important;
}
body > nav.navbar ul.navbar-nav{
font-family: bebas-neue, sans-serif;
margin:0 auto;
margin-bottom:-1px;
}
body > nav.navbar.navbar-dark .navbar-nav .nav-link {
color: rgba(255,255,255,1);
font-size:1.5rem;
padding: 2.125rem 1.5rem 1.5rem;
background:url(/assets/images/nav-hover-bg.png) center -200px repeat-x;
transition:all 300ms ease-in-out;
}
body > nav.navbar.navbar-dark .navbar-nav li{
padding-bottom:.75rem;
}
body > nav.navbar.navbar-dark .navbar-nav li.active, body > nav.navbar.navbar-dark .navbar-nav li:hover{
border-bottom:1px solid #ff671b;
}
body > nav.navbar.navbar-dark .navbar-nav .active .nav-link, body > nav.navbar.navbar-dark .navbar-nav li:hover .nav-link {
background:url(/assets/images/nav-hover-bg.png) center top repeat-x;
}
.navbar-brand {
padding:0;
}
nav.navbar .navbar-brand img{width: 216px;height: auto;margin-top: 10px;margin-bottom: 10px;max-height:100%;}
nav.navbar #headerButtons *{
color:#fff!important;
font-weight:500;
font-size:.875rem;
text-decoration:none;
}
nav.navbar #headerButtons ul{display: inline-block;padding: 0;margin: 0;margin-top: .375rem;}
nav.navbar #headerButtons ul li{
list-style-type:none;
float:left;
margin-left:1rem;
/* display: block; */
/* width: auto; */
}
nav.navbar .search{

}
nav.navbar #headerButtons ul li.language{
width: 115px;
margin-left: 1.5rem;
}
nav.navbar .language *{
font-family: proxima-nova, sans-serif!important;
}
nav.navbar .language > img{
width:22px;
height:auto;
display:inline-block;
float:left;
margin-right: .25rem;
}
#google_translate_element img{
display:none;
}
.goog-te-gadget-simple{
background-color: rgb(0, 0, 0, 0)!important;
background:none!important;
border: none!important;
}
.goog-te-menu-value span:last-child{
font-size:.675rem!important;
margin-left:.25rem;
}
.goog-te-gadget-simple > span{
display: inline-block!important;
margin-top: -4px;
}
.goog-te-menu-value span{
border:none!important;
}
.goog-te-menu-value span:last-child, nav.navbar #headerButtons .fas{
transition:all 300ms;
}
.goog-te-menu-frame{
box-shadow:none!important;
border:none!important;
border-radius:10px!important;
background:rgb(0,0,0, 0.8)!important;
overflow:hidden!important;
}
nav.navbar #headerButtons .language:hover .goog-te-menu-value span:last-child, nav.navbar #headerButtons .search:hover .fas, nav.navbar #headerButtons .login:hover .fas{
color:#ff661a!important;
}
nav.navbar .login .fas{
margin-right:.25rem;
}
nav.navbar button, nav.navbar button:hover, nav.navbar button:focus, nav.navbar button:active{
background:none!important;
padding:0!important;
border:none!important;
box-shadow:none!important;
font-family: proxima-nova, sans-serif;
letter-spacing:0;
}
/*dropdown styles*/
.mega-dropdown {
  position: static !important;
}
.dropdown-menu.mega-dropdown-menu {
padding: 20px 0px;
width: 100%;
margin-top:-1px;
background:rgb(252, 252, 252, 0.95);
border-radius:0;
box-shadow: rgb(0, 0, 0, 0.25) 0px 5px 10px 0px;
}
.dropdown-menu.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.dropdown-menu.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.dropdown-menu.mega-dropdown-menu > li ul > li > a:hover,
.dropdown-menu.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
}
.dropdown-menu.mega-dropdown-menu .dropdown-header {
  font-size: 18px;
  color: #ff3546;
  padding: 5px 60px 5px 5px;
  line-height: 30px;
}
.mega-dropdown .dropdown-menu.mega-dropdown-menu .container .col-sm-9 > li{
float:left;
}
.dropdown-toggle::after{
display:none;
}
.dropdown-menu.mega-dropdown-menu p{
font-size:1.675rem;
padding-left:.75rem;
margin:0;
color:#ff671b;
}
.dropdown-menu.mega-dropdown-menu ul{margin:0;padding: 0;}
.dropdown-menu.mega-dropdown-menu li{
border:none!important;
list-style-type:none;
padding:0;
margin:0;
}
.dropdown-menu li a{color:#222;font-family: proxima-nova, sans-serif;display:block;padding: .375rem .75rem;}
.dropdown-menu li a:hover{
text-decoration:none;
background:rgb(255, 103, 27, 0.25);
}
.dropdown-menu.mega-dropdown-menu li.col-sm-4 li{
margin:0;
padding: 0!important;
}
.dropdown-menu li a{ 
line-height:1.25;
}
.dropdown-menu li{
border:none!important;
padding:0!important;
margin:0;
}
.dropdown-menu li sup{top: -.375em;}
.dropdown-menu{
padding:1rem;
margin-top:-1px;
border-radius:0 0 4px 4px;
width: 230px;
}
.dropdown-menu.two-col{
width:600px;
}
.dropdown-menu.two-col li, .dropdown-menu.two-col.equip-col div{
width: 50%;
float: left;
}
.dropdown-menu.two-col li.clearfix{
clear:both;
}
.dropdown-menu.two-col.equip-col p a{
color: #222;
}
.dropdown-menu.two-col.equip-col p a:hover{
color: #ff671b;
text-decoration:none;
}
.dropdown-menu.two-col.equip-col li, .dropdown-menu.two-col.equip-col div.clearfix{
width:100%;
float:none;
}
.dropdown-menu.three-col{
width:740px;
}
.dropdown-menu.three-col.three-col-app div{
width:33.33%;
float:left;
}
.dropdown-menu.three-col.three-col-app div.app-col-wide{
width:66.66%;
}
.dropdown-menu.three-col.three-col-app div li{
width:100%;
float:none;
}
.dropdown-menu.three-col.three-col-app div.app-col-wide li{
width:50%;
float:left;
}
.dropdown-menu p, .dropdown-menu li.tablet-index-link{
font-size: 1.25rem;
margin: 0;
padding: 0 .75rem;
font-family: proxima-nova, sans-serif;
font-weight:bold;
}
.dropdown-menu li.tablet-index-link{
width:100%;
float:none;
}
/* .dropdown-menu li.other{
clear:both;
} */
@media (min-width: 992px) {
    .navbar .navbar-nav > li.dropdown > ul {
        display: block;
        opacity: 0;
        visibility: hidden;
        /* subtle fade effect */
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .navbar .navbar-nav > li.dropdown:hover > ul {
        display: block;
        opacity: 1;
        visibility: visible;
    }
    
}

@media only screen and (max-width:992px) {
  nav.navbar #headerButtons ul {
      margin-top: 0;
  }

    body > nav.navbar #headerButtons li.login {
      display: none;
  }

    nav.navbar li.language > img {
      display: block;
  }

    nav.navbar #headerButtons ul li.language {
      margin-left: 32px !important;
  }
}

@media only screen and (max-width:460px) {
  .language .goog-te-menu-value span {
      display: none;
  }

  a.goog-te-menu-value {
      display: block;
      width: 24px;
      height: 24px;
      position: absolute;
      top: 0;
      left: 0;
  }

  body > nav.navbar #headerButtons li.language {
      position: relative;
      margin-left: 24px;
  }

  div#headerButtons {
      right: 66px;
      top: 14px;
  }

  nav.navbar #headerButtons ul li.search {
      margin-top: 2px;
  }
}

@media only screen and (max-width:300px) {
  nav.navbar #headerButtons ul li.search {
      display: none;
  }

  body > nav.navbar #headerButtons li.language {
      margin-left: 0 !important;
  }
}


div#partner-nav {
    background: #3d3d3d;
    display: flex;
    z-index: 9;
    position: fixed;
    border-bottom: solid 1px #ccc;
    margin-top: -38px;
    width: 100%;
    top: 38px;
}

.partner-nav-item {
    border-right: solid 1px #4f4f4f;
    max-width:16.66%;
}

.partner-nav-item.jetlube, .partner-nav-item.jet-lube a:hover {
    background-color: #fff;
}

div.partner-nav-item a:hover {
    background-color: #4f4f4f;
}

.partner-nav-item a {
    display: block;
    transition: all 300ms;
    width: 150px;
    height: 38px;
    background-size: contain !important;
    max-width: 100%;
}

.partner-nav-item.whitmore a {
    background: #3d3d3d url(/assets/images/partner-nav-whitmores-logo_off.png) center center no-repeat;
}

.partner-nav-item.jet-lube a {
    background: #fff url(/assets/images/partner-nav-jetlube-logo_on.png) center center no-repeat;
}

.partner-nav-item.oilsafe a {
    background: #3d3d3d url(/assets/images/partner-nav-oilsafe-logo_off.png) center center no-repeat;
}

.partner-nav-item.airsentry a {
    background: #3d3d3d url(/assets/images/partner-nav-airsentry-logo_off.png) center center no-repeat;
}

.partner-nav-item.deacon a {
    background: #3d3d3d url(/assets/images/partner-nav-deacon-logo_off.png) center center no-repeat;
}

.partner-nav-item.kats a {
    background: #3d3d3d url(/assets/images/partner-nav-kats-logo_off.png) center center no-repeat;
}

nav.navbar.fixed-top {
    top: 38px;
}

@media only screen and (max-width:500px) {
     div#partner-nav {
          display:none !important;
     }

     nav.navbar.fixed-top {
      top: 0;
    }

    body {
      margin-top: 0;
    }

}

/*** HERO STYLES ***/
section.hero img{
width:100%;
}

/*** MODAL POPUP STYLES ***/
.modal *{
opacity:0;
}
.modal.show *{
opacity:1;
}
.modal.show{
display:table!important;
width:100%;
height:100%;
opacity:1;
}
.modal .modal-dialog{
display:table-cell;
vertical-align:middle;
}
.modal .modal-dialog .modal-content{
text-align:center;
background:none;
border:none;
width: 25%;
margin: 0 auto;
}
.modal .modal-dialog .modal-content *{/* text-align: center; */border:none;}
.modal .modal-dialog .modal-content .modal-header{
text-align:center;
display:block;
margin:0;
padding:0;
}
.modal .modal-dialog .modal-content .modal-header h2{
font-family: bebas-neue, sans-serif;
font-size:3rem;
color:#fff;
font-weight:400;
}
.modal .modal-dialog .modal-content .modal-footer button{
margin:0 auto;
font-size:1.25rem;
color:#1c1c1c;
}
.modal .modal-dialog .modal-content .modal-footer button:hover{
opacity:0.8;
}
.modal input{
padding:.5rem;
border-radius:4px;
}
.modal form input[type=submit]{
color:#fff;
background:#ff671b;
}
.modal form input[type=submit]:hover{
opacity:0.8;
cursor:pointer;
}
#loginModal .modal-content .modal-body {
background: #fff;
border-radius: 10px;
}
#loginModal .modal-content .modal-body p{
margin-bottom:0;
}

/*** CONTENT STYLES ***/
.outer-container > section, .outer-container > div{
position:relative;
z-index:1;
}
.outer-container.product-page .divider{
display:none;
}
.outer-container > section a{
color:#005ebf;
}
.outer-container > section a.phone-link{color:#161616!important;text-decoration:none!important;cursor: default;}
.outer-container > section a:hover{
color: #006dde;
}
.outer-container > section a img{
transition:opacity 0.3s;
}
.outer-container > section a img:hover{
opacity:0.7;
}
.outer-container.company > section.container{
margin-top: -580px;
}
.outer-container.company.mobile-no-hero > section.container{
margin-top:-20px!important;
}
button, form input[type=submit]{
font-family: bebas-neue, sans-serif;
letter-spacing:0.1em;
}
section.big-hero{
z-index:0;
}
section.hero, section.big-hero{
margin-top: -140px;
margin-bottom: -50px;
}
.product-page section.hero{
margin-top:0;
margin-bottom:0;
}
section.big-hero img{
max-width:100%;
}
.mobile-anchor{
display:none;
}
img.blog-hero{
margin-top:-35px;
margin-bottom:40px;
width:100%;
}
.blog-inner div:not(.featured-image) img {
    display: block;
    margin: 0 auto;
}
img.blog-hero.mobile-blog-hero{
display:none;
}
.no-hero section.hero{
display:none;
}
#blogRequestForm-form label, #blogRequestForm-form input{
font-size:.875rem;
}
#blogRequestForm-form label{
margin-bottom:0;
}
#blogRequestForm-form input{
margin-bottom:6px;
padding:.25rem .5rem;
width:100%;
}
#blogRequestForm-form button[type=submit]{
margin-top:10px;
padding: .25rem 1rem;
font-size: 1.125rem;
}

.social-share {
    padding: 20px;
    border: solid 1px #e2e2e2;
    display: inline-block;
    border-top: solid 3px #ff661b;
}

.featured-image .social-share {
    padding: 0;
    border: 0;
}

#contactForm-form div#fields-phone2-field {
    width: 100%;
}

#contactForm-form div#fields-phone2-field select, #contactForm-form div#fields-phone2-field input {
    width: 48%;
    margin-right: 2%;
}

#contactForm-form div#fields-phone2-field input {
    margin-right: 0;
}

.deacon-page section.hero{
margin-bottom:-320px;
}
.divider{
height:0;
border-top:1px solid #dddddd;
margin-bottom: 2.5rem;
}
.deacon-page .divider, .no-hero .divider{
display:none;
}
section.container .row img{max-width:100%;margin-bottom: 1.25rem;}
.landing-page-header{
padding-top:5em;
padding-bottom:4.25em;
}
.landing-page-header h1{font-size: 5rem;color:#161616;line-height: 1.125;margin-bottom:2.25rem;text-shadow: rgb(255, 255, 255, 0.70) 0 0 20px, rgb(255, 255, 255, 0.70) 0 0 30px;}
.landing-page-header p{
width:575px;
max-width:100%;
margin-left:auto;
margin-right:auto;
margin-bottom:4em;
font-weight:300;
}
button, .btn{
font-family: bebas-neue, sans-serif;
color:#fff;
}
.btn.btn-primary{
letter-spacing: 1;
letter-spacing: .1875em;
font-size: 1.75em;
padding: .375em 1em;
border: 3px solid #ff671b;
background: #f97a3b; /* Old browsers */
background: -moz-linear-gradient(top, #f97a3b 0%, #ff671b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f97a3b 0%,#ff671b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f97a3b 0%,#ff671b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f97a3b', endColorstr='#ff671b',GradientType=0 ); /* IE6-9 */
color:#fff;
}
.btn.btn-primary:hover{
border-color:#ea5b19;
background: #ff671b; /* Old browsers */
background: -moz-linear-gradient(top, #ff671b 0%, #ea5b19 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff671b 0%,#ea5b19 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff671b 0%,#ea5b19 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff671b', endColorstr='#ea5b19',GradientType=0 ); /* IE6-9 */
color:#fff;
}
.btn.btn-primary.btn-secondary{
  border: 3px solid #565656;
  background: #737373; /* Old browsers */
  background: -moz-linear-gradient(top, #737373 0%,#505050 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #737373 0%,#505050 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #737373 0%,#505050 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background: linear-gradient(to bottom, #737373 0%,#505050 100%);
}
.btn.btn-primary.btn-secondary.last{
margin-bottom:0!important;
}
.btn.btn-primary.btn-secondary:hover{
background: #505050; /* Old browsers */
background: -moz-linear-gradient(top, #505050 0%,#444 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #505050 0%,#444 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #505050 0%,#444 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background: linear-gradient(to bottom, #505050 0%,#444 100%);
}
.two-btns{
width:480px;
max-width:100%;
}
.two-btns .btn.btn-primary{
width:100%;
}
.company-page-content{
background:url(/assets/images/page-assets/company-page-content-highlight.png) center top no-repeat;
}
.company-page-content > .container{
padding-top:4em;
}
.company-page-content .main-content{
padding-bottom:3em;
}
.company-page-content .btn.btn-primary, .company-page-content img{
margin-top: 1.5rem;
}
.video-container-fixed {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;margin-bottom: 20px;}
.video-container-fixed iframe,
.video-container-fixed object,
.video-container-fixed embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border:1px solid #ccc!important;
}
.videos-page .video-block{
width:30%;
margin-right:3%;
margin-bottom:2rem;
float:left;
}
.btm-company-row{
background: #fff;
width: 1270px;
max-width: 100%;
margin: 0 auto;
border: 1px solid #ccc;
margin-top: 4rem;
}
.btm-company-row > div{
padding:1.5rem!important;
}
.btm-company-row > div.btm-company-row-text{
    display: flex;
    flex-direction: column;  
    justify-content: center; 
    align-items: center; 
}
.btm-company-row > div.btm-company-row-text p{
width:100%;
}

/*** SDS / Resource Styles ***/
.hiddenSelect{
display:none;
}
#regionLanguages > div{
display:none!important;
}
#regionLanguages > div.active{
display:block!important;
}

/*** RESOURCE STYLES ***/
section.container.sds-index{
min-height:500px;
}
#sds-form{
margin-bottom:2rem;
}
.outer-container > section #doc-index{
border:1px solid #ccc;
margin:0;
display:none;
margin-bottom:2rem;
}
.outer-container > section #doc-index li{
margin:0;
background:none;
padding:.5rem 1rem;
border-bottom:1px solid #ccc;
display:none;
}
.outer-container > section #doc-index li.has-active{
display:block;
}
.outer-container > section #doc-index li:nth-child(even){/* background:#f7f7f7; */}
.outer-container > section #doc-index li span.product-name{
width:30%;
display:inline-block;
}
.outer-container > section #doc-index li span.pdf-link{display:none;background: url(/assets/images/pdf-icon.png) 0 0 no-repeat;background-size: 1rem;padding-left: 20px;margin-right: 1rem;}
.outer-container > section #doc-index li span.pdf-link.active{display: inline-block!important;}
.outer-container > section #doc-index li.header{background: #636363;border-bottom: none;display:block!important;}
.outer-container > section #doc-index li.header span{color: #fff;}
.outer-container > section #doc-index li.header span.results-text{
display:none;
}
.tds-docs{
min-height:400px;
}
.documents-list{
    width: 70%;
    float: right;
    word-break: normal;
    /* word-break: keep-all; */
    /* white-space: normal; */
}

/*** NEWSROOM STYLES ***/
.post-container{
position: relative;
padding: 0 0 2rem 0;
}
.post-img{width: 25%;float: left;margin-right: 2rem;/* margin-bottom: 1.5rem; */}
.post-img img{
border: 1px solid #cccccc;
text-align: center;
top:0;
margin: 0;
z-index:1;
}
.post-img .post-date{position: absolute;text-align: center;width: 4rem;height: 4rem;top: .5rem;left: -2rem;margin: 0;z-index:2;background:#ff671b;border:2px solid #fcfcfc;display:flex;justify-content: center;align-items: center;align-content: flex-start;}
.post-date .day, .post-date .month{
color:#fff;
display: block;}
.post-date .day{font-family: bebas-neue, sans-serif;font-size: 1.5rem;line-height:1;}
.post-date .month{
font-weight:300;
text-transform:uppercase;
}
.post-container h2{
margin-bottom:0;
}
.post-container small{
margin-bottom: 1rem;
display:block;
}
.post-excerpt{
margin-bottom:1em;
}
.blog hr{
margin:0;
margin-bottom:2rem;
}
.blog-switch > div{
float:left;
margin-right:2rem;
}
.blog-switch{
padding-bottom: 3rem;
}
#recent-news{
padding-top:6em;
padding-bottom:4em;
}
#recent-news .post-container{
background:#fcfcfc;
width: 32%;
float:left;
margin-right:1.11%;
padding:0;
}
#recent-news .post-img{
width:100%;
float:none;
position:relative;
}
#recent-news img{
border:none;
width:100%;
border-bottom:1px solid #e1e1e1;
transition: opacity 0.3s;
}
#recent-news .post-img .post-date{
width: 6rem;
height: 6rem;
bottom: -1.5rem!important;
top: auto;
right: 1rem!important;
left: auto;
}
#recent-news .post-date .day {
font-size: 2.5rem;
}
#recent-news .post-content{
padding: 2rem 2rem 0 2rem;
}
#recent-news h2{
font-size: 1.375em;
margin-bottom: 1rem;
}
#recent-news > p{
text-align:center;
}
#recent-news a.btn-primary{
width:250px;
max-width:100%;
margin-top: 4rem;
}
#recent-news img:hover{
opacity:.7;
}
.news-social a{
margin-right:.675rem;
}
.temporary-posts{
border-top:1px solid #cccccc;
margin-bottom:3rem;
}
.temporary-post{
list-style-type: none;
border-bottom: 1px solid #cccccc;
padding: 1.5rem 0;
margin-bottom: 1.25rem;
background: none;
clear:both;
}
.temporary-post h2{
margin-bottom:0;
}
.temporary-post small{
font-weight:bold;
display:block;
margin-bottom:.75rem;
}
.temporary-post img{
float:right;
margin-left:1.5rem;
margin-bottom:1.5rem;
}
.temporary-post a{
font-weight:bold;
font-size:1.125rem;
}
.temporary-post a:after{
clear:both;
display:block;
content:'';
}
/*** INDUSTRY / APPLICATION / PRODUCT LINES STYLES ***/
#products-filter p, #products-filter form{
float:left;
}
#products-filter p, #products-filter select, #products-filter span{
margin-right: .75em;
padding: .25rem 0rem;
}
#products-filter select{
border-radius:4px;
padding: .25rem .5rem;
border: 1px solid #e1e1e1;
}
#products-filter button{
padding: .1667rem .75rem;
font-family: proxima-nova, sans-serif;
font-weight: 500;
font-size: 1rem;
letter-spacing: 0;
margin-left: .5rem;
}
#products-list{
padding-bottom:3em;
}
#products-list .product-card{background: #fcfcfc;border: 1px solid #e1e1e1;width: 32%;margin-right: 1.33%;float: left;margin-bottom: 1.25rem;/* min-height: 292px; */}
/*#products-list .product-card.show:nth-child(3n+4){
clear:both;
}*/
#products-list .product-card.clearfix{
clear:both;
}
#products-list .product-title{font-family: bebas-neue, sans-serif;border-bottom:1px solid #e1e1e1;color:#ff671b;font-size:1.75em;line-height:1;display:block;background: #efefef;transition:all 300ms;}
#products-list .product-title i{color: #ababab;font-size:1.5rem;float:right;transition:all 300ms;}
#products-list .product-card a{
display:block;
text-decoration:none!important;
}
#products-list .product-card a:hover .product-title{
color:#fff;
background:#ff671b;
text-decoration:none;
}
#products-list .product-card a:hover .product-title i{
color:#fff;
}
#products-list .product-title{
padding:1rem 1.25rem;
}
#products-list .product-content{padding: 1rem 1.25rem .5rem;}
#products-list .product-cards{
transition:all 300ms;
opacity:1;
}
#products-list .product-cards.fadedOut{
opacity:0;
}
#products-list a .product-content{color: #161616;display: block;position: relative;min-height: 200px;}
#products-list .product-content p{font-weight: 600;margin-bottom: .5em;/* float: left; *//* display: inline-block; *//* display: block; *//* display: inline; */line-height: 1.375;}
#products-list .product-content span{margin-bottom: 1rem;font-weight:400;font-size: .875rem;}
#products-list .product-content span.subtitle{font-weight:600;font-size:1rem;margin-bottom: 1rem;}
#products-list .product-content .serviceRatings span{font-size:1rem;font-size: .875rem;color: #7b7b7b;font-weight: 600;/* line-height: 1!important; */display: inline;}
#products-list img{
opacity:1!important;
}
#products-list .serviceRatings{margin-top: .5rem;display:block;}
#products-list a .product-content .learn-more{color:#005ebf;font-weight:bold;position:absolute;bottom:0;left:1.25rem;font-size:1rem!important;display: none;}
#products-list a:hover .product-content .learn-more{
text-decoration:underline;
color: #006dde;
}
#products-list .product-content img{
float:right;
width:100px;
margin-left:1rem;
}
.outer-container > section .xref-list{padding:0;width: 30%;margin-right: 3.33%;float: left;margin-bottom:30px;margin-left:0;}
.outer-container > section .xref-list li{
list-style-type:none;
background:none;
padding:0;
margin:0;
}
.outer-container > section .xref-list li i{
padding-right: .25rem;
color: #ff671b;
}
.whitmore-ref{border-top: 1px solid #e1e1e1;padding-top: 2rem;padding-bottom: 1rem;text-align: center;}
.whitmore-ref img{margin-top: 1rem; max-width: 90%;}

/*** PRODUCT PAGE STYLES ***/
.images{
margin-bottom:1.5em;
}
.images img{
border:1px solid #e1e1e1;
}
.images > a > img{
margin-bottom:.25em;
}
.below-img a.btn.btn-primary{
width:100%;
margin-bottom:2rem;
}
.below-img > div.box{
width:45%;
margin-right:5%;
float:left;
}
section.container ul.benefits{padding:0;float:left;width:40%;margin-right: 10%;margin-top: 1rem;margin-left: 0;}
section.container ul.benefits li{
list-style-type: none;
background: url(/assets/images/circle-check.png) 0 0 no-repeat;
background-size: 20px;
padding-left: 30px;
margin-bottom: .675rem;
}
#productImgPopup{
text-align:center;
}
#productImgPopup button{
display: block;
margin: 0 auto;
margin-top: 1rem;
background: none;
}
#productImgPopup button:hover{
cursor:pointer!important;
}
.productNumbers h3{
padding:16px 20px 16px 60px;
margin:0;
background-size:26px!important;
cursor:pointer;
border:1px solid #e1e1e1;
transition:all 300ms;
}
.usProductNumbers h3{
background:#eeeeee url(/assets/images/us-flag-icon.png) 20px 16px no-repeat;
}
.usProductNumbers h3:hover{
background:#e1e1e1 url(/assets/images/us-flag-icon.png) 20px 16px no-repeat;
}
.ukProductNumbers h3{
background:#eeeeee url(/assets/images/uk-flag-icon.png) 20px 16px no-repeat;
}
.ukProductNumbers h3:hover{
background:#e1e1e1 url(/assets/images/uk-flag-icon.png) 20px 16px no-repeat;
}
.canadaProductNumbers h3{
background:#eeeeee url(/assets/images/ca-flag-icon.png) 20px 16px no-repeat;
}
.canadaProductNumbers h3:hover{
background:#e1e1e1 url(/assets/images/ca-flag-icon.png) 20px 16px no-repeat;
}
.productNumbers h3 i{
float:right;
transition:all 400ms;
}
.productNumbers h3 i.flip{
transform: rotate(-180deg);
}
.productNumbers div{
display:none;
background:#fcfcfc;
border:1px solid #e1e1e1;
border-top:none;
}
.productNumbers ul{
margin:0;
padding:0;
}
.productNumbers ul li{
list-style-type:none;
padding:14px 24px;
}
.productNumbers ul li:nth-child(even){
background:#f8f8f8;
}
.alt-row{
background:#f6f6f6;
border-top:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;
max-width:100%;
display:block;
}
.product-links{
padding-left:0;
padding-right:0;
}
.product-links h3 i{
color:#7d7d7d;
padding-right: .25em;
}
.product-links h3, h3.black{
color:#161616;
}
.product-links ul{
margin:0;
padding:0;
}
.product-links ul li{
list-style-type:none;
margin-bottom:.375em;
}
.product-links ul li a{
font-weight:500;
text-decoration:underline;
}
.product-links ul li a:hover{
text-decoration:none;
}
#resource-languages a, ul.pdf-list li{
font-weight:500;
background:url(/assets/images/pdf-icon.png) 0 0 no-repeat;
background-size:24px;
padding-left:36px;
display:block;
color:#161616;
text-decoration:none;
margin-bottom:1em;
}
ul.pdf-list{
margin:0;
margin-bottom:1.5rem;
padding:0;
}
.product-resources ul.pdf-list li{
float:left;
margin-right: 1rem;
margin-bottom: 1rem;
display:none;
}
.product-resources ul.pdf-list li.active{
display:block;
}
.product-resources ul.pdf-list{clear:both;margin-bottom: 0;}
#resource-languages .sds a{
display:inline-block;
padding-right:40px;
}
#faq-wrap{
clear:both;
}
#faq-wrap > h3{
margin-bottom:2px;
padding-top:10px;
}
#faq-wrap .faq-accordion{
width:85%;
border-bottom:1px solid #ddd;
}
#faq-wrap .faq-accordion h3{
font-size:1.125rem;
border-top:1px solid #ddd;
padding:14px 0;
margin:0;
}
#faq-wrap .faq-accordion h3:focus{
outline:none;
}
#faq-wrap .faq-accordion h3:first-child{
border-top:none;
}
#faq-wrap .faq-accordion h3 a{
color:#161616;
text-decoration:none;
display:block;
position:relative;
padding-right:30px;
}
#faq-wrap .faq-accordion h3 a i{
color:#aaa;
margin-top:-9px;
-webkit-transition:all 300ms;
transition:all 300ms;
position: absolute;
right: 10px;
top: 50%;
}
#faq-wrap .faq-accordion h3.ui-state-active a, #faq-wrap .faq-accordion h3.ui-state-active a i{
color:#ff671b;
}
#faq-wrap .faq-accordion h3.ui-state-active a i{
transform: rotate(180deg);
}
#faq-wrap .ui-accordion-content{

}
#faq-wrap .ui-accordion-content ul{
padding-left:1.25rem;
list-style-type:none;
}
#faq-wrap .ui-accordion-content ul li{
list-style-type: none;
    margin-bottom: .5rem;
    font-weight: 500;
    background: url(/assets/images/page-assets/li-arrow-right.svg) 0 2px no-repeat;
    background-size: 1rem 1rem;
    padding-left: 1.5rem;
}
#resource-languages a:hover{
color: #006dde;
text-decoration:underline;
}
#resource-languages h3{
padding-top:1rem;
}
#resource-languages > div{
display:none;
}
#resource-languages > div.active{
display:block;
}
.product-resources select{
margin-left:1rem;
}
.slick-prev:before, .slick-next:before{
color:#ff671b!important;
}
.thumbnails{
padding-top:.25rem;
}
.outer-container > section ul.specifications{padding: 0;margin:0;margin-bottom:2rem;}
.outer-container > section ul.specifications li{list-style-type: none;clear: both;margin: 0;padding:0;background:none;}
.outer-container > section ul.specifications .specification-name{float: left;width: 150px;max-width: 30%;font-weight: 500;padding-right: 1.5rem;/* margin-right: 1.5rem; *//* border-right: 1px solid; */padding-bottom: 1.5rem;}
.outer-container > section ul.specifications .specification-description{float: left;border-left: 1px solid #cccccc;padding-bottom: 1.5rem;padding-left: 1.5rem;line-height: 1.25;/* display: inline-block; */max-width: 70%;}
.outer-container > section ul.specifications .specification-description .certImages{float: left;margin-right: 5%;max-width: 25%;}
.outer-container > section.container ul.specs{float: left;padding: 0;margin-left: 0;}
.outer-container > section.container ul.specs li{margin-bottom: .5rem;/* margin-left: 0; */}
.outer-container > section.container ul.specs.certSpecs{width: 70%;margin: 0;/* padding: 0; *//* padding-inline-start: 0px; */}
.outer-container > section.container ul.specifications li:last-child .specification-description{
padding-bottom:0;
}

/*** CONTACT STYLES ***/
.outer-container > section form input, .outer-container > section .content-form form select, .outer-container > section .content-form form textarea{
border:1px solid #e1e1e1;
border-radius:4px;
padding:.5rem .75rem;
}
.outer-container > section form button[type=submit]{
border: 2px solid #ff671b;
background: #f97a3b; /* Old browsers */
background: -moz-linear-gradient(top, #f97a3b 0%, #ff671b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f97a3b 0%,#ff671b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f97a3b 0%,#ff671b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f97a3b', endColorstr='#ff671b',GradientType=0 ); /* IE6-9 */
border-radius: 4px;
padding: .5rem 2rem;
font-size: 1.375rem;
margin-bottom: 2rem;
}
.outer-container > section form button[type=submit]:hover{
cursor:pointer;
border-color:#ea5b19;
background: #ff671b; /* Old browsers */
background: -moz-linear-gradient(top, #ff671b 0%, #ea5b19 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff671b 0%,#ea5b19 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff671b 0%,#ea5b19 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff671b', endColorstr='#ea5b19',GradientType=0 ); /* IE6-9 */
}
ul.errors{
padding:.75rem 2rem;
background:rgb(255, 118, 118, 0.5);
border:1px solid red;
border-radius: 4px;
margin-top:1rem;
text-align:center;
}
ul.errors li{
list-style-type:none;
}
.content-form{
max-width:100%;
}
.content-form .singleline input, .content-form .address select, .content-form .address input, .content-form textarea, .content-form .email input{
width:100%;
}
.content-form .field{
margin-bottom:1rem;
}
.content-form section.tab > .field, .content-form section.tab > .field.address .field{width:48%;margin-right:2%;float:left;/* clear: both; */}
.content-form section.tab > .field.address .field.address1-address1-field, #fields-address1-postalcode-field, #fields-paragraph1-field, .content-form section.tab > .field.address .field.address3-address1-field, #fields-address3-postalcode-field, #fields-paragraph3-field{
clear:both;
}
#fields-paragraph1-field, #fields-paragraph3-field{
float:none;
margin-right:0;
width:100%;
}
.content-form section.tab > .field.address{
float:none;
width:100%;
margin-right:0;
}
.content-form section.tab > .field.clearfix, .content-form div.submit{
clear:both;
}
.content-form label{
margin-bottom:.25rem;
font-weight: bold;
color: #333333;
}
#fields-multipleChoice1-field{
/*border: 1px solid #e1e1e1;
border-radius: 4px;
padding: 1rem 2rem;
background:rgb(255, 255, 255, 0.75);*/
}
#fields-multipleChoice1-field label, #fields-multipleChoice3-field label{
margin-right:1.5rem;
}
#fields-multipleChoice1-field input, #fields-multipleChoice3-field input{
margin-right:.25rem;
}
form .required .heading > label span{
color:red;
font-weight:bold;
padding-left:.25rem;
}
.corporate-contact > div{/* background:#fff; *//* border:1px solid #cccc; *//* border-bottom: 2px solid #cccc; *//* border-top: 2px solid #ff671b; *//* padding: 1rem 1.25rem; *//* padding-bottom: 0; *//* border-radius: 4px; */}
.contact-heading{
font-size:1.375em;
line-height:1.25;
}

/*** INDUSTRY / APP / ETC INDEXES ***/
.box-wrap{
padding:2rem .5%;
}
.box-wrap .box{
width: 24%;
margin-left: .5%;
margin-right: .5%;
margin-bottom: 1vw;
float: left;
-webkit-box-shadow: 0 0 20px 0 #424242;
box-shadow: 0 0 20px 0 #a7a7a7;
}
.box-wrap .box img{
max-width: 100%;
}
.box-wrap .box h3{margin: 0;color: #fcfcfc;background: #ff671b;width: 100%;padding: 1.125rem 1.5rem;box-sizing: border-box;font-family: bebas-neue, sans-serif;font-weight: 400;font-size: 1.5rem;}
.box-wrap .box h3, .box-wrap .box h3 i{
transition:all 300ms;
}
.box-wrap .box a{

}
.box-wrap a:hover{
text-decoration:none!important;
}
.box-wrap .box h3 i{float: right;color: #fff;}
.box-wrap .box a:hover h3{color: #ff671b;background: #fcfcfc;}
.box-wrap .box a:hover h3 i{color: #ff671b;}
.other-items{
padding-bottom:2rem;
}
.other-items ul{
margin:0;
padding:0;
}
.other-items ul li{
list-style-type:none;
margin:0;
padding:0;
width:33.33%;
float:left;
margin-bottom:1em;
box-sizing:border-box;
padding-right:1rem;
font-weight:bold;
font-size:1.125rem;
}

/*** MISC STYLES ***/
#search-results{
margin:0;
padding:0;
border-top:1px solid #cccccc;
padding-top:1.25rem
}
#search-results li{list-style-type:none;border-bottom:1px solid #cccccc;padding-bottom:.75rem;margin-bottom:1.25rem;padding-left: 0;background: none;}
#search-results li:nth-child(even){

}
#search-results h3{
margin-bottom:0;
}
#search-results h3 a{

}
#search-results p{
margin-bottom:.5rem;
}
#search-results p.label{
font-size:.875rem;
}
#search-results p.desc{

}
#search-results p.link{

}
.results{border:1px solid #e1e1e1;background:#fcfcfc;padding: 1.5rem 2rem;margin-bottom:2rem;clear: both;}
.result{
border-bottom:1px solid #e1e1e1;
margin-bottom:1.5rem;
}
.result:last-child{
margin-bottom:0;
border:none;
}
.results h2.results-header{
    color: #ff671b;
    font-family: bebas-neue, sans-serif;
    font-weight: 400;
    font-size: 2.675rem;
}

.temporary-post:after {
    content: '';
    display: table;
    clear: both;
}

/*** FOOTER STYLES ***/
footer{
background:#929292;
padding: 3rem 0 2rem 0;
/* padding-bottom: 2.5rem; */
margin-bottom:-38px;
}
footer .social{
text-align:right;
}
footer .logo{
width:210px;
height:auto;
margin-bottom:2rem;
}
footer h4{
font-family: bebas-neue, sans-serif;
font-size:1.5rem;
font-weight: 400;    
margin-bottom: .5rem;
}
footer p{
font-size:.875rem;
}
footer p, footer a{
color:#dddddd;
}
footer a:hover, footer p.links a{
text-decoration:underline;
}
footer a:hover, footer h4, footer p.links a, footer p.links{
color:#fff;
}
footer p.links a:hover{
text-decoration:none;
}
footer p.links{
margin-top: 4rem;
}
footer .location-iso-row img{margin-right:1.25rem;width: 200px;max-width: 70%;}
footer .copyright p small{
font-size:.75rem;
}
footer .csw-logo{
width:200px;
height:auto;
float:right;
}
footer .bottom-bar{padding-top: 1rem;}
footer .social a{
font-size:1.5rem;
margin-right:2.5rem;
margin-bottom:1rem;
display:inline-block;
color:#fff;
}
footer .social a:hover{
color:#ddd;
}
#footer-cta{
height:420px;
background-size:100%;
background-repeat:no-repeat;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
overflow:hidden;
}
#footer-cta > div{
text-align:center;
position:relative;
-webkit-transition:all 800ms;
transition:all 800ms;
}
#footer-cta h2{
font-size:4.375em;
font-family: bebas-neue, sans-serif;
color:#fff;
font-weight:400;
margin:0;
}
#footer-cta p {
font-family: 'proxima-nova', sans-serif;
font-size: 1.75rem;
line-height: 1;
margin-bottom: 20px;
color:#fff;
}
#footer-cta .btn.btn-primary{padding: .375em 1.75em;background:rgba(255, 103, 27, 0);border-color:#fff;width:260px;max-width: 90%;}
#footer-cta .btn.btn-primary:hover{
background:rgba(255, 255, 255, 100);
color:#ff671b;
}
img.featuredImage{
border:1px solid #e1e1e1;
margin-bottom:2em;
}
sup{
top: -.75em;
font-size:50%;
}
h1 sup{
top: -1.125em;
font-size:40%;
}
.resource-center-items-wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
.resource-center-inner {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto;
    padding: 48px 0 80px 0;
}
.resource-center-inner .col-4{
padding-bottom:30px;
}
a.resource-btn {
    position: relative;
    display: flex;
    border: solid 1px #ffb38d;
    background: #fff;
    text-decoration: none;
    transition: all 300ms;
}
.resource-item span.btn-icon {
    background: #ff671b url(/assets/images/page-assets/icon-folder-w.svg) center center no-repeat;
    background-size: 90%!important;
    width: 100px;
    height: 100px;
    display: block;
    border-right: solid 1px #ffb38d;
    min-width:100px;
}
.resource-item.tds span.btn-icon {
    background: #ff671b url(/assets/images/page-assets/icon-download-w.svg) center center no-repeat;
}
.resource-item.brochures span.btn-icon {
    background: #ff671b url(/assets/images/page-assets/icon-img-w.svg) center center no-repeat;
}
.resource-item.partNumbers span.btn-icon {
    background: #ff671b url(/assets/images/page-assets/icon-part-numbers-w.svg) center center no-repeat;
}
.resource-item.caseStudies span.btn-icon {
    background: #ff671b url(/assets/images/page-assets/icon-case-studies-w.svg) center center no-repeat;
}
.resource-item.videos span.btn-icon {
    background: #ff671b url(/assets/images/page-assets/icon-videos-w.svg) center center no-repeat;
}
.resource-item.terms span.btn-icon {
    background: #ff671b url(/assets/images/page-assets/icon-terms-w.svg) center center no-repeat;
}
.resource-item.certifications span.btn-icon {
    background: #ff671b url(/assets/images/page-assets/icon-certifications-w.svg) center center no-repeat;
}
.resource-item.product-lines span.btn-icon{
    background: #ff671b url(/assets/images/page-assets/product-lines-icon.svg) center center no-repeat;
}
.resource-item.find-distributor span.btn-icon{
    background: #ff671b url(/assets/images/page-assets/find-distributor-icon.svg) center center no-repeat;
}
.resource-item.contact-us span.btn-icon{
    background: #ff671b url(/assets/images/page-assets/contact-us-icon.svg) center center no-repeat;
}
.resource-item span.primary {
    font-size: 2rem;
    font-family: 'bebas-neue', sans-serif;
    color: #161616;
    line-height: 0.75;
    display: block;
    padding: 24px 52px 24px 24px;
    transition: all 300ms;
}
.resource-item span.primary span {
    font-family: 'proxima-nova', sans-serif;
    font-size: 1.125rem;
}
a.resource-btn:hover {
    background: #636363;
}
a.resource-btn:hover span.primary {
    color: #fff;
}
a.resource-btn i{color:#ddd;font-size: 2rem;position: absolute;right: 1.25rem;top: 30%;bottom: 0;}
a.resource-btn:hover i{
color:#fff;
}
.product-resources-flexbox{
display:flex;
flex-direction:column;
}
.product-resources-flexbox h2{
order:1;
}
.product-resources-flexbox p.filter{
order:2;
}
.product-resources-flexbox .documents{
order:3;
}
.product-resources-flexbox .clearfix{
order:4;
}
.cc-window{margin:auto;top: 40vh!important;left: 0;right: 0;width:500px!important;max-width: 70%!important;display: block!important;text-align:center;padding:2rem!important;box-sizing:content-box!important;-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);border: 1px solid #8a8a8a;}
.cc-compliance{
width:300px;
margin:0 auto;
max-width:90%;
}
.cc-message{
display:block;
margin-bottom:1rem!important;
}
.cc-window.cc-invisible{
display:none!important;
}
.products-show-hide{
display:none;
}
.mobile-image{
display:none;
}
/*** BLOG ***/
.blog-sidebar{width: 18%;float:left;padding-top:36px;margin-bottom:3rem;}
.blog-inner{width: 79%;margin-left: 3%;float:left;margin-bottom:3rem;}
.blog-cat .blog-inner{
padding-top:30px;
}
a.goback{
font-weight:bold;
margin-bottom:14px;
display:inline-block;
}
a.goback i{
margin-right:5px;
}
.blog-post h1{
font-size:2.875rem;
margin-bottom:2px;
}
.blog-post.blog-cat h1{
margin-bottom:.875rem;
}
.blog-post h2, .blog-post h3{
font-family: bebas-neue, sans-serif;
font-weight:400!important;
color:#393939;
}
.blog-post h2{
font-size:2.25rem;
margin-top:1.5rem;
}
.blog-post h3{
font-size:1.675rem;
}
.blog-sidebar hr{
margin:1.5rem 0!important;
margin-top:1.75rem!important;
}
.blog-post figure {
    text-align: center;
}
.featured-image{
position:relative;
border:1px solid #e1e1e1;
margin-bottom:32px;
}
.featured-image .title-text{
position:absolute;
top:44px;
background:rgba(255, 255, 255, 0.85);
width:100%;
box-sizing:border-box;
padding:28px 38px;
}
.featured-image .title-text > span{
color:#888888;
font-weight:600;
font-size:1rem;
display:block;
margin-bottom:12px;
}
.featured-image img{
width:100%;
margin:0!important;
}
.blog-inner .title-text span.sep {
    display: inline-block;
    padding: 0 8px 010px;
}
.social-share a{
line-height:1;
font-size:1.875rem;
margin-right:3px;
transition:all 300ms;
}
.social-share a.twitter{
color:#1da1f2!important;
}
.social-share a.linkedin{
color:#007bb5!important;
}
.social-share a.facebook{
color:#1877f2!important;
}
.social-share a:hover{
opacity:0.75;
}
.blog-sidebar select{
width:100%;
font-size:.875rem;
box-sizing:border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding:8px 12px;
background:#fff url(/assets/images/dropdown-arrow.png) 95% 14px no-repeat;
background-size:8px;
border-color:#e1e1e1;
}
.blog-sidebar .select-wrap{
position:relative;
width:235px;
max-width:100%;
}
.blog-sidebar ul{
margin:0!important;
}
.blog-sidebar ul li{
margin:0;
padding:0;
margin-bottom:8px;
font-weight:600;
background:none;
}
.recent-posts > div > a{
display:block;
margin-bottom:6px;
color:#636363;
text-decoration:none!important;
}
.recent-posts > div > a:after{
content:'';
display:block;
clear:both;
}
.recent-posts a span{
font-family: bebas-neue, sans-serif;
font-size:1.25rem;
line-height:1.125;
font-weight:400;
display:block;
box-sizing:border-box;
}
.recent-posts a img{
float:left;
width:100px;
margin:0!important;
margin-right:20px!important;
opacity:1!important;
}
.recent-posts > div > span{
display:block;
font-size:.75rem;
font-weight:bold;
color:#636363;
}
.recent-posts > div > span a:first-child{
margin-left:4px;
}
.recent-posts > div > span span{
color:#ccc;
font-weight:400;
margin:0 1px;
}
.recent-posts > div{
margin-bottom:1.125rem;
}
.posts-list{
margin-top:1.75rem;
}
.posts-list > div.page-links{
width:100%!important;
border:none!important;
padding-top:.5rem;
clear:both!important;
}
.posts-list > div.page-links span, .posts-list > div.page-links a{
line-height:1;
padding:12px 18px;
font-weight:bold;
margin-right:6px;
background:#ff662e;
color:#fff;
border-color:#ff662e;
}
.posts-list > div.page-links a{
background:#fff;
color:#161616;
border:1px solid #e1e1e1;
text-decoration:none!important;
transition:all 300ms;
}
.posts-list > div.page-links a:hover{
background:#ff7b4b;
color:#fff;
}
.posts-list > div.page-links a.prev-next{
background:none!important;
color:#161616;
border:none;
padding-left:2px;
padding-right:2px;
font-weight:600;
}
.posts-list > div.page-links a.prev-next:hover{
color:#ff662e;
}
.posts-list > div{
border:1px solid #e1e1e1;
width:32%;
float:left;
margin-right:2%;
margin-bottom:1.875rem;
}
.posts-list > div:nth-child(3n+3){
margin-right:0;
}
.posts-list > div:nth-child(3n+1){
clear:both;
}
.posts-list > div h2{
font-size:1.625rem;
padding:0 1.5rem;
margin:0;
margin-bottom:6px;
}
.posts-list > div h2 a{
color:#ff672f;
text-decoration:none!important;
transition:all 300ms;
}
.posts-list > div h2 a:hover{

}
.posts-list > div > p{
padding:0 1.5rem;
font-size:.875rem;
}
.posts-list > div img{
width:100%;
height:auto;
margin:0;
background:#ff672f;
}
.posts-list > div div.cat-and-date{
border-top:1px solid #e1e1e1;
padding:10px 1.5rem;
font-size:.75rem;
font-weight:bold;
color:#888888;
}
.posts-list > div div.cat-and-date:after{
content:'';
display:block;
clear:both;
}
.posts-list > div .categories{
float:left;
}
.posts-list > div .categories span{
font-weight:400;
}
.posts-list > div .date{
float:right;
}

div#subscribe-content-wrap {
    position: fixed;
    bottom: 32px;
    right: 32px;
    background: #3d3d3d;
    padding: 16px;
    color: #fff;
    width: 500px;
    box-shadow: 0 0 14px 0px rgba(0, 0, 0, .7);
    z-index: 1;
}

.sub-content .fields .tab {
    display: flex;
    flex-wrap: wrap;
}

.sub-content .fields .tab .field {
    padding-left: 2%;
    margin-bottom: 10px;
    width: 49%;
}

.sub-content .fields .tab .field:nth-child(odd) {
    padding-left: 0;
}

.sub-content .fields .tab .field .heading {
    display: none;
}

.sub-content .fields .tab .field input {
    width: 100%;
    border-radius: 4px;
    border: 0;
    padding: 6px 10px;
}

.close-notice {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 32px;
    padding-left: 10px;
    padding-right: 10px;
    cursor:pointer;
}

.sub-content > p {
    font-weight: bold;
    font-size: 1.25em;
    color: white;
}

.sub-content .fields .tab .field:nth-child(even) {
}

.sub-content button {
    background: #ff662e;
    border: solid 2px #fff;
    border-radius: 2px;
    font-size: 1.25em;
    padding: 5px 48px;
    cursor: pointer;
    transition: all 300ms;
}

.sub-content button:hover {
    background: #fff;
    color: #ff662e;
    border-color: #ff662e;
}

.success-msg, .fail-msg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #007f00;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25em;
}

.success-msg p, .fail-msg p {
    margin-bottom: 0;
    text-align: center;
    padding: 0 20px;
}

div.fail-msg {
    background: #c10606;
}

@media only screen and (max-width:600px) {
  .sub-content .fields .tab .field {
      padding: 0;
      width: 100%;
  }

  div#subscribe-content-wrap {
      width: 100%;
      left: 0;
      bottom: 0;
  }
  .sub-content > p {
    font-size: 1.125em;
    padding-right: 32px;
  }
}

/*** MEDIA QUERIES ***/
@media (min-width: 1200px){
.container {
max-width: 1300px;
}
.container.blog-post{
max-width:100%;
padding:0 130px;
}
}
@media (max-width:1800px){
.blog-sidebar{width: 20%;}
.blog-inner{width: 77%;margin-left: 3%;}
.deacon-page section.hero{
margin-bottom:-250px;
}
.outer-container.company > section.container{
margin-top: -500px;
}
}
@media only screen and (max-width:1760px){
#products-list .product-card{
width:48%;
}
#products-list .product-card.clearfix {
    clear: none;
}
}
@media only screen and (max-width:103.75em){
.container.blog-post {
    padding: 0 50px;
}
}
@media only screen and (max-width:97em){
.outer-container.company > section.container{
margin-top: -400px;
}
.deacon-page section.hero{
margin-bottom:-200px;
}
/*header*/
body > nav.navbar.navbar-dark .navbar-nav .nav-link {
padding: 2.125rem 1rem;
}
.box-wrap .box{
width: 32.33%;
}
.box-wrap {
    padding-left: 1%;
    padding-right: 1%;
}
}
@media only screen and (max-width:95.625em){
.recent-posts > div > a{
overflow:hidden;
}
.recent-posts a img{
float:none;
width:100%;
margin:0!important;
margin-top:-150px!important;
}
.recent-posts a span{
padding:16px;
}
}
@media only screen and (max-width:95.625em){

}
@media only screen and (max-width:93.75em){
.container.blog-post{/* padding:0 5%; */}
}
@media only screen and (max-width:90em){
nav.navbar .navbar-brand img{
width:180px;
} 
}
@media only screen and (max-width:87em){
body > nav.navbar.navbar-dark .navbar-nav .nav-link {
padding: 2.125rem .75rem;
font-size:1.375rem;
}
nav.navbar #headerButtons * {
font-size: .75rem;
}
.goog-te-menu-value span:last-child {
    font-size: .5rem!important;
}
nav.navbar #headerButtons ul li.language{
width:110px;
}
.modal .modal-dialog .modal-content{
width:50%;
}
.post-container{
padding-left:2em;
}
.post-img .post-date {
    left: 0rem;
}
.deacon-page section.hero{
margin-bottom:-150px;
}
}
@media only screen and (max-width:85em){
.posts-list > div, .posts-list > div:nth-child(3n+3){
width:48%;
margin-right:4%;
margin-bottom:2.125rem;
}
.posts-list > div:nth-child(3n+1){
clear:none;
}
.posts-list > div:nth-child(2n+2){
margin-right:0;
}
.posts-list > div:nth-child(2n+1){
clear:both;
}
}
@media only screen and (max-width:83.125em){
.outer-container.company > section.container{
margin-top: -350px;
}
}
@media only screen and (max-width:81.25em){
body > nav.navbar.navbar-dark .navbar-nav .home-nav-item{
display:none;
}
#products-list a .product-content {
min-height: 220px;
}
.other-items ul li{
width:50%;
}
.resource-item span.primary span{
font-size: .875rem;
}
.resource-item span.primary{
font-size:1.875rem;
}
}
@media only screen and (max-width:78.75em){
.resource-item span.primary{
font-size:1.75rem;
}
}
@media only screen and (max-width:76.25em){
.resource-item span.primary{
font-size:1.675rem;
}
nav.navbar .navbar-brand img{
width:160px;
}
body > nav.navbar.navbar-dark .navbar-nav .nav-link {
padding: 2.125rem .675rem;
font-size:1.25rem;
}
.company-page-content{
/*background:none;*/
}
.landing-page-header h1 {
font-size: 5rem;
}
.dropdown-menu.three-col{
left:-200px;
}
}
@media only screen and (max-width:75em){
#recent-news .post-container{
border:1px solid #e1e1e1;
width: 48%;
margin-right:2%;
margin-bottom:1rem;
}
#products-list a .product-content {
min-height: 250px;
}
.product-page .btn.btn-primary {
font-size: 1.35em;
}
.content-form .phone select{
margin-bottom:.5rem;
max-width: 100%;
}
.deacon-content-row .btn.btn-primary{
font-size:1.5rem;
}
#products-filter .deacon-filters select{
margin-bottom:.5em;
}
#products-filter button.deacon-reset{
margin-top:0!important;
}
#products-filter select {
width: 90%;
margin-bottom: .5rem;
}
#products-filter p, #products-filter form, #products-filter button{
float:none;
margin: 0;
}
#products-filter form{
margin-bottom: .5rem;
}
#products-filter button{
margin-bottom:1rem;
}   
.resource-item span.primary span, .resource-item span.primary br {
display: none;
}

a.resource-btn {
align-items: center;
}

.resource-item span.primary {
font-size: 1.625rem;
line-height:1;
}
}
@media only screen and (max-width:1199px){
.container.blog-post{
max-width:100%;
}
.outer-container > section ul.brochures li{width:30%;}
.outer-container > section ul.brochures li:nth-child(4n+5){
clear:none;
}
.outer-container > section ul.brochures li:nth-child(3n+4){
clear:both;
}
/*.outer-container > section ul.brochures li{
width:25%;
}
.outer-container > section ul.brochures{
height:1800px;
}*/
.two-btns{
width:416px;
}
.content-box .deacon-img-col{
display:none;
}
.outer-container.company > section.container{
margin-top: -300px;
}
.outer-container > section ul.brochures {
    /* -webkit-columns: 3; */
    -moz-columns: 3;
    /* columns: 3; */
}
.productNumbersContainer, .product-resources{
max-width: 960px;
}
.outer-container > section .xref-list{padding:0;width: 45%;margin-right: 5%;float: left;}
.outer-container > section .xref-list:last-child{
clear:both;
}
.contact-heading strong br{
display:none;
}
.deacon-page section.hero{
margin-bottom:-150px;
}
}
@media only screen and (max-width:68.75em){
.mobile-anchor{
display:block;
}
.mobile-anchor a{
text-decoration:none!important;
}
.posts-list > div, .posts-list > div:nth-child(2n+2){
width:32%!important;
margin-right:2%!important;
margin-bottom:1.5rem!important;
}
.posts-list > div:nth-child(3n+1){
clear:both;
}
.posts-list > div:nth-child(3n+3){
margin-right:0!important;
}
.posts-list > div:nth-child(2n+1){
clear:none;
}
.recent-posts{
}
.recent-posts > div{
width:45%;
float:left;
margin-right:5%;
margin-bottom:30px;
}
.recent-posts > div:nth-child(2n+1){
clear:both;
}
.recent-posts a img{
margin-top:-280px!important;
}
.container.blog-post > .row{
display:flex;
}
.blog-inner, .blog-sidebar{
float:none;
width:100%;
}
.blog-inner{
order:1;
margin-left:0;
}
.blog-sidebar{
order:2;
border-top:2px solid #ccc;
}
nav.navbar .language > img{
display:none;
}
nav.navbar #headerButtons ul li.language{
width:auto;
}
nav.navbar #headerButtons ul li, nav.navbar #headerButtons ul li.language{
margin-left:.5rem;
}
nav.navbar #headerbuttons ul li.search{
margin-left:0;
}
#footer-cta{
height:300px;
}
.box-wrap .box{
width: 49%;
}
.deacon-page section.hero{margin-bottom: -138px;}
}
@media only screen and (max-width:65em){
nav.navbar .navbar-brand img{
width:140px;
}
}
@media only screen and (max-width:1020px){
body > nav.navbar.navbar-dark .navbar-nav .nav-link{
padding: 2.125rem .5rem;
}
#faq-wrap .faq-accordion{
width:100%;
}
}
@media only screen and (max-width:991px){ 
table.mold-pac-table tr.table-head{
display:none;
}
table.mold-pac-table{
border:none;
min-width:100%;
margin-bottom:0;
}
table.mold-pac-table, table.mold-pac-table tr, table.mold-pac-table td{
display:block;
}
table.mold-pac-table tr{
border-bottom:1px solid #ccc;
padding-bottom:20px;
margin-bottom:40px;
background:none!important;
}
table.mold-pac-table tr:last-child{
margin-bottom:0;
}
table.mold-pac-table td{
border:none!important;
padding:0;
padding-bottom:20px;
}
table.mold-pac-table td:before{
display:block;
font-size:.75rem;
font-weight:bold;
text-transform:uppercase;
color:#777;
}
table.mold-pac-table td.product{
font-size:1.675rem;
}
table.mold-pac-table td.product:before{
content:'Product';
}
table.mold-pac-table td.characteristic:before{
content:'Characteristic';
}
table.mold-pac-table td.main-use:before{
content:'Main Use';
}
table.mold-pac-table td.temperature:before{
content:'Temperature';
}
table.mold-pac-table td.application:before{
content:'Application';
}
.deacon-landing-content{
display:block;
}
.deacon-landing-content > .col{
margin-bottom:40px;
}
/*Bootstrap responsive breakpoint */
.posts-list > div, .posts-list > div:nth-child(2n+2), .posts-list > div:nth-child(3n+3){
width:47%!important;
margin-right:3%!important;
margin-bottom:2rem!important;
}
.posts-list > div:nth-child(3n+1){
clear:none;
}
.posts-list > div:nth-child(2n+2){
margin-right:0!important;
}
.posts-list > div:nth-child(2n+1){
clear:both;
}
.featured-image{
border:none;
}
.featured-image img{
border: 1px solid #e1e1e1;
position:relative;
}
.featured-image .title-text{
position:relative;
padding:0;
top:0;
margin-bottom:1.25rem;
}
.blog-inner .title-text span.sep {
    display: block;
    font-size: 0px;
    color: #fff;
    padding: 0;
    margin-bottom: 10px;
}
.recent-posts a img{
margin-top:-240px!important;
}
footer .location-iso-row img{
margin:0 auto;
display:block;
float: none!important;
width: 150px;
}
footer .location-iso-row p.clearfix{
float:none!important;
text-align:center;
}
#products-list a .product-content {
min-height: 0px;
}
.deacon-main-content .col-4, .deacon-main-content .col-8{width:100%;flex: 100%;max-width: 100%;}
.deacon-main-content .content-box{
margin-top:1rem;
}
.two-btns{
width:100%;
}
.outer-container > section ul.brochures li{
width:45%;
}
.outer-container > section ul.brochures li:nth-child(3n+4){
clear:none;
}
.outer-container > section ul.brochures li:nth-child(2n+3){
clear:both;   
}
.responsive-table{overflow-x:scroll;/* border: 2px solid red; *//* width: 0; */}
.content-box{
margin-bottom:2rem;
}
.outer-container > section #doc-index li span.product-name{
width:50%;
display:inline-block;
}
.documents-list{
    width: 50%;
}
section.big-hero {
margin-top: -90px;
}
.result .row{
display:block;
}
body > .outer-container.resource-sub, body > .outer-container.map-page, body > .outer-container.contact-page, body > .outer-container.product-page{
padding-top: 80px;
}
.mobile-image{
display:block;
}
.desktop-images{
display:none;
}
nav.navbar #headerB uttons ul{
 margin-top:0;
}
.outer-container > section ul.brochures {
    /* -webkit-columns: 2; */
    -moz-columns: 2;
    /* columns: 2; */
}
.outer-container > section ul.brochures li div.image-wrap{
height:auto;
}
.outer-container > section ul.brochures li img{
position:relative;
}
.no-results .row{
display:block;
}
.no-results .row h3 br{
display:none;
}
.no-results .btn.btn-primary{
width:100%;
}
.desktop-hide{
display:block;
}
nav.navbar .navbar-brand{
margin-left:1rem;
}
nav.navbar .navbar-toggler{
margin-right:1rem;
}
nav.navbar .navbar-brand img{
margin:10px 0;
}
body > nav.navbar.bg-dark {background: rgba(99, 99, 99, 1.0)!important;text-align:center;padding:0;}
.navbar-collapse{
    height: 100vh;
    overflow-y: scroll;
    padding-bottom:4em;
}
p.equip-dropdown{
}
body > nav.navbar ul.navbar-nav {
background: #464646;
}
body > nav.navbar ul.navbar-nav li{
border:none!important;
border-top: 1px solid #636363!important;
padding:0!important;
}
body > nav.navbar ul.navbar-nav li.home-nav-item{
border:none;
}
body > nav.navbar.navbar-dark .navbar-nav .nav-link, body > nav.navbar ul.navbar-nav li.login button{
    padding: .675rem 1.5rem!important;
    font-size: 1.375rem;
    color:#fff;
}
body > nav.navbar ul.navbar-nav li.login button{ 
font-family: bebas-neue, sans-serif;
}
body > nav.navbar.navbar-dark .navbar-nav .fas{
display:none;
}
/*body > nav.navbar #headerButtons li.language, body > nav.navbar #headerButtons li.login{
display:none;
}*/
#headerButtons{
position:absolute;
right:100px;
top: 1.125rem;
}
.navbar-nav .mobile-closed .dropdown-menu{
display:none!important;
}
/*footer*/
footer .location-iso-row .col-4{
flex: 0 0 100%;
max-width: 100%;  
padding-top:2rem;
}
footer .logo-row .col, footer p.links{
text-align:center;
}
footer p.links{
margin-top: 3rem;
}
.modal .modal-dialog .modal-content{
width:75%;
}
.landing-page-header {
    padding-top: 0em;
    padding-bottom: 0;
}
.post-img{
width:50%;
float:none;
margin:0 auto;
margin-bottom:2em;
}
.post-img{
position:relative;
}
.post-img .post-date {
    left: -2rem;
}
#recent-news .post-img .post-date{
width:4em;
height:4em;
}
#recent-news .post-date .day{
font-size:1.75em;
}
#recent-news .post-content{
padding-top:1em;
}
#products-list .product-card{width: 100%;margin-right: 0%;}
#productImages{
text-align:center;
}
#productDesc, #productImages{
flex: 100%;
max-width: 100%;
}
.productNumbersContainer, .product-resources{
max-width: 720px;
}
.productNumbersContainer .col-4{
flex: 0 0 100%;
    max-width: 100%;
}
.productNumbers h3{/* background:#eeeeee!important; *//* padding:16px 20px; */font-size: 1.125em;}
.product-links h3 i{
display:none;
}
.product-links h3{font-size: 1.25em;font-weight: bold;}
.product-resources .col:first-child{
margin-bottom:2em;
}
.thumbnails{
width: 400px;
margin: 0 auto;
}
.product-page .btn.btn-primary{
font-size:1.75em;
}
.other-items ul li{
width:100%;
}
section.hero{margin-top: -90px;margin-bottom: -20px;}
body > nav.navbar ul.navbar-nav li.dropdown{
position:relative!important;
overflow:hidden;
}
span.dropdown-toggle{
position: absolute;
right: 0;
top: 0;
padding:.95rem 1.5rem;
display:block;
background:rgb(0, 0, 0, 0.2);
}
span.dropdown-toggle::after{
border:none;
content: "\f067";
font-family: "Font Awesome 5 Pro";
color: #ccc;
display:block;
height: 100%;
width: 100%;
}
span.dropdown-toggle.open::after{
content: "\f068";
color:#fff;
}
body > nav.navbar ul.navbar-nav li .dropdown-menu{
width:100%;
transition:all 300ms;
border:none;
margin:0;
}
body > nav.navbar.navbar-dark .navbar-nav li .nav-link {
background:none!important;
}
body > nav.navbar.navbar-dark .navbar-nav li.active .nav-link {
    background: url(/assets/images/nav-hover-bg.png) center top repeat-x!important;
}
.dropdown-menu.two-col li, .dropdown-menu.three-col li, .dropdown-menu.two-col.equip-col div{
width: 100%!important;
float: none!important;
}
.dropdown-menu.two-col.equip-col div:first-child{
padding-bottom:1rem;
}
.dropdown-menu.three-col.three-col-app div{
width:100%!important;
float:none;
}
.dropdown-menu li a{
padding:.5rem;
}
.dropdown-menu.three-col.three-col-app div:first-child{
padding-bottom:1rem;
}
.dropdown-menu.three-col.three-col-app p{
}
body > nav.navbar ul.navbar-nav li .dropdown-menu li{
border-top:1px solid #ccc!important;
}
body > nav.navbar ul.navbar-nav li .dropdown-menu li:first-child{
border:none!important;
}
.deacon-content-row > div{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.deacon-content-row > div img{
width:100%;
}
.deacon-content-row .btn.btn-primary{
font-size:1.75rem;
}
#products-list .product-card.clearfix{
clear:none;
}
.videos-page .video-block{
width:48%;
margin-right:2%;
margin-bottom:1rem;
}    
.resource-item span.primary span, .resource-item span.primary br {display: block;font-size: 1rem;padding-top: .375rem;}

.col-4.resource-item {
max-width: 100%;
flex: 0 0 100%;
margin-bottom: 32px;
}
.resource-center-inner .col-4{
padding-bottom:0;
}
/*#products-list .product-card.show:nth-child(3n+4){
clear:none;
}
#products-list .product-card.show:nth-child(2n+3){
clear:none;
}*/
}
@media only screen and (max-width:960px){
a.goback{
margin-top:1.5rem;
}
img.blog-hero{
display:none;
}
img.blog-hero.mobile-blog-hero{
display:block;
margin-bottom:0;
}
}
@media only screen and (max-width:900px){
.outer-container.company > section.container {
    margin-top: -260px;
}
.landing-page-header h1 {
    font-size: 4rem;
}
.recent-posts a img{
margin-top:-200px!important;
}
}
@media only screen and (max-width:767px){
._form-wrapper._form_show{
max-width: 100%!important;
}
._form-wrapper._form_show ._form-image-left, ._form-wrapper._form_show ._form-body{
display:none;
}
._form-wrapper._form_show ._form-content-right{
margin-left:0!important;
}
._form-wrapper._form_show ._close{
background:rgba(255,255,255,0.6)!important;
}
#footer-cta .btn.btn-primary{
margin-right:0!important;
margin-bottom:20px;
}
#blogRequestForm-form label, #blogRequestForm-form input{
font-size:1rem;
width:100%;
box-sizing:border-box;
}
.recent-posts a img{
margin-top:-150px!important;
}
/*  .outer-container > section ul.brochures li{
width:33.33%;
}
.outer-container > section ul.brochures{
height:2800px;
}*/
  .temporary-post{
  display:grid;
  }
  .temporary-post img{
  float:none;
  margin:0 auto;
  display:block;
  order:3;
  }
  .temporary-post h2{
  order:1;
  }
  .temporary-post small{
  order:2;
  }
  .temporary-post div{
  order:4;
  }
  .temporary-post a{
  order:5;
  }
  .contact-page-row, .contact-page-row .row{
  display:block;
  }
  .contact-page-row{
  margin-bottom:3rem;
  display: grid;
  }
  .contact-page-row .col{
  order:1;
  }
  .contact-page-row .col.corporate-contact{
  order:2;
  }
    .deacon-page section.hero {
    margin-bottom: -100px;
}
    footer .location-iso-row .col-4{
       text-align:center;
    }
.content-form section.tab > .field, .content-form section.tab > .field.address .field {
float:none;
width:100%;
margin-right:0;
}
footer .col{
flex: 0 0 100%;
max-width: 100%;
text-align:center;
}
footer .csw-logo{
float:none;
}
footer .bottom-bar {
    padding-top: 1rem;
}
footer .social a:last-child{
margin-right:0;
}
.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.company-page-content img {
    margin-top: 0;
    margin-bottom:1.5rem;
}
.company-page-content .main-content {
    padding-bottom: 2em;
}
.company-page-content .main-content p{
text-align:left;
}
.company-page-content h2{
text-align:center;
}
.btn.btn-primary{
width:100%;
}
.landing-page-header h1 {
    font-size: 3.5rem;
}
.outer-container.company > section.container {
margin-top: -230px;
}
.landing-page-header p {
    margin-bottom: 2em;
}
#footer-cta h2{
font-size:3em;
}
#footer-cta p{
font-size:1.25rem;
}
footer .social {
    text-align: center;
}
section.blog-entry .row{
display:block;
}
#recent-news .post-container{
width: 100%;
margin-right:0;
margin-bottom:2rem;
}
#products-list .product-card{
width:100%;
margin-right:0%;
}
#products-list a .product-content{
min-height:0;
}
section.container ul.benefits{
width: 100%;
float: none;
margin: 0;
margin-bottom: .675em;
padding: 0;
margin-top: 0;
}
#productImages{
margin-top:2em;
}
.product-links .col{
flex: 50%;
max-width: 50%;
margin-bottom: 1em;
}
.product-resources, .productNumbersContainer{
max-width: 540px;
}
.product-resources iframe{
width:100%;
}
.product-resources .col, .productNumbersContainer .col{
flex: 100%;
max-width: 100%;
}
.usProductNumbers h3{
background:#eeeeee url(/assets/images/us-flag-icon.png) 20px 16px no-repeat!important;
}
.ukProductNumbers h3{
background:#eeeeee url(/assets/images/uk-flag-icon.png) 20px 16px no-repeat!important;
}
.canadaProductNumbers h3{
background:#eeeeee url(/assets/images/ca-flag-icon.png) 20px 16px no-repeat!important;
}
.productNumbers h3 {
padding: 16px 20px 16px 60px;
background-size: 26px!important;
}
.outer-container > section form button[type=submit]{
width:100%;
}
.box-wrap .box{
float:none;
width:98%;
margin-left:1%;
margin-right:1%;
margin-bottom:2vw;
}
.other-items ul li{
width:100%;
}
.specifications .specification-name, .specifications .specification-description{float: none;max-width: 100%;width: 100%;display: block;margin:0;padding-bottom: 0.5rem;}
.specifications .specification-name{/*border-bottom:1px solid #ccc;margin-bottom: 0.5rem;*/}
.specifications .specification-description{
padding-left:0;
border-left:none;
}
.specifications > li{
margin-bottom:1.5rem;
}
.specs-wrap{
margin-top:1.5rem;
}
.outer-container > section .xref-list{padding:0;width: 100%;margin-right: 0%;float:none;clear:both;margin-bottom:0;}
.outer-container > section .xref-list li{
margin-bottom:.75rem;
}
.outer-container > section .xref-list-container{
margin-bottom:30px;
}
.btn{
white-space: normal!important;
}
.btm-company-row > div.btm-company-row-text{
padding-top:0!important;
}
.videos-page .video-block{
width:100%;
margin-right:0%;
margin-bottom:1.5rem;
float:none;
}
.product-index-col{
flex-basis: unset;
}
}
@media only screen and (max-width:45em){
.posts-list > div .categories, .posts-list > div .date{
float:none;
display:block;
text-align:center;
}
}
@media only screen and (max-width:43.125em){
.outer-container.company > section.container {
margin-top: -200px;
}
}
@media only screen and (max-width:38.75em){
.outer-container.company > section.container {
margin-top: -20px;
}
.company-page-content {
background: none;
}
.landing-page-header h1 {
    color: #ff671b;
}
.company-page-content > .container{
padding-top:0em;
}
}
@media only screen and (max-width:37.5em){
.posts-list > div, .posts-list > div:nth-child(2n+2), .posts-list > div:nth-child(3n+3){
width:420px!important;
max-width:100%!important;
margin:0 auto 2rem!important;
}
.posts-list > div{
float:none;
}
.recent-posts a img{
margin-top:-100px!important;
}
.outer-container > section a.phone-link {
    color: #005ebf!important;
    text-decoration: underline!important;
    cursor: pointer;
}
.ghsRegion select, .hiddenSelect select, #tds-form select{
display:block;width:100%;
height:40px;
}
.ghsRegion, #tds-form{
margin-bottom:1rem;
}
.deacon-page section.hero {
margin-bottom: -50px;
}
.products-show-hide{display:block;background: #6c757d;border: none;padding: .5rem 1rem;border-radius: 5px;font-size: 1rem;font-weight: 500;letter-spacing: normal;margin-bottom: 1rem;font-family: proxima-nova, sans-serif;}
#products-filter{
display:none;
}
}

@media only screen and (max-width:768px) {
  #contactForm-form div#fields-phone2-field select, #contactForm-form div#fields-phone2-field input {
    width: 100%;
    margin-right: 0%;
  }
}
@media only screen and (max-width:576px){/*bootstrap breakpoint*/
.deacon-hero{
margin-left:-30px;
margin-right:-30px;
}
}
@media only screen and (max-width:35em){
body > nav.navbar .navbar-brand {
left: 90px;
} 
footer .location-iso-row .col{
display:none;
}
.landing-page-header h1 {
    font-size: 2.75rem;
}
.post-img {
    width: 80%;
}
.blog-switch > div {
    margin-right: 1rem;
}
.blog-switch {
    padding-bottom: 4rem;
}
}
@media only screen and (max-width:31.25em){
.recent-posts > div{
margin-right:0!important;
float:none;
width:100%;
}
/*    .outer-container > section ul.brochures li{
width:50%;
}
.outer-container > section ul.brochures{
height:7000px;
}*/
.outer-container > section ul.brochures li{
width:100%;
margin-right:0;
}
.outer-container > section ul.brochures li:nth-child(2n+3){
clear:none;
}
.outer-container > section ul.two-columns li, .outer-container > section ul.two-columns.larger-links li{
float:none;
width:100%;
margin-right:0;
}
.outer-container > section #doc-index li span.product-name{
width:100%;
display:inline-block;
}
.documents-list{
    width: 100%;
    float:none;
    margin-top:.5rem;
}
.outer-container > section #doc-index li.header span{
display:none;
}
.outer-container > section #doc-index li.header span.results-text{
display:block;
}
#products-filter select{
width:80%;
margin-bottom:1rem;
}
.box-wrap .box h3 i {
    font-size: 1rem;
    padding-top: .25rem;
}
}
@media only screen and (max-width:28.75em){
/*.outer-container > section ul.brochures{
-webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
}*/
.product-links .col {
    flex: 100%;
    max-width: 100%;
}
.thumbnails {
    width: 90%;
    margin: 0 auto;
}
h2 span{
display:block;
padding-left:0;
}
#headerButtons {
    right: 60px;
}
.resource-item span.primary span {
    font-size: .875rem;
}
}
@media only screen and (max-width:25em){
.modal .modal-dialog .modal-content{
width:90%;
}
.btn.btn-primary{
font-size:1.25em!important;
}    
.resource-item span.primary span, .resource-item span.primary br {
display: none;
}
.resource-item span.btn-icon {
width: 50px;
min-width: 60px;
height: 100px;
background-size: 48px;
}

.resource-item span.primary {
font-size: 22px;
}
}
@media only screen and (max-width:22.5em){
footer .location-iso-row .col-4{
padding-top:1rem;
}
footer .location-iso-row{
text-align:center;
}
footer .location-iso-row img{
float:none!important;
margin:0 auto;
margin-bottom:1rem;
}
.box-wrap .box h3 i {
display:none;
}
.box-wrap .box h3{
text-align:center;
}
}
@media only screen and (max-width:21.25em){
.modal form input[type=search]{
width:100%;
margin-bottom:1rem;
}
.modal form input[type=submit] {
    display: block;
    width: 100%;
}
}
@media only screen and (max-width:18.75em){
.productNumbers h3 {
    padding: 16px 20px;
    background:#eeeeee!important;
}
}

@media only screen and (max-width:400px) {
  .outer-container > section ul.faux-tabs li {
    margin-bottom: 20px;
  }
}