/**
 * Theme Name: Butterworth
 * Author: ZURB.Foundation
 * Author URI: http://foundation.zurb.com/
 * Version: 5.5.0
**/


/* -----------------------------------------
   WordPress Core Classes
----------------------------------------- */
.alignnone {margin: 0 1em 1em 0;}
.alignright {float:right; margin:0 0 1em 1em}
.alignleft {float:left; margin:0 1em 1em 0}
.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption.alignnone {margin: 0 1em 1em 0;}
.wp-caption.alignleft {float:left; margin:0 1em 1em 0}
.wp-caption.alignright {float:right; margin:0 0 1em 1em}

/* -----------------------------------------
   General fixes
----------------------------------------- */
#wpadminbar {
    opacity: 0.3;
    transition: 0.2s opacity linear;
    -webkit-transform: translateZ(0);
}
#wpadminbar:hover, 
#wpadminbar:focus{ opacity: 1; }
body {-webkit-font-smoothing: antialiased;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}
input[type=button] {	
    -webkit-appearance: none;
    -moz-appearance:none;
}

/* Placeholder Styling */
::-webkit-input-placeholder { color: #d1d1d1; }
::-moz-placeholder { color: #d1d1d1; }
::-o-placeholder { color: #d1d1d1; }
:-ms-input-placeholder { color: #d1d1d1; }
input:-moz-placeholder { color: #d1d1d1; }

/* Input Styling */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea { /* STYLES GO THERE */ }
embed, iframe, object { max-width: 100%; }

/* Align Middle */
.align-middle {
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

/* -----------------------------------------
   Typography
----------------------------------------- */
a:focus {outline:none;}
p:empty {display: none;}
body,h1,h2,h3,h4,h5,h6,p,a {font-family: Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight: bold;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
body{
    font-family: Arial, Helvetica, sans-serif;
    color: #3d4349;
}
a{
    color: #0042ff;
    text-decoration: none;
    font-weight: bold;
}
p, ul{
    font-size: 14px;
    line-height: normal;
}
ul{
    list-style: disc;
}
h1{
    font-size: 22px;
    margin: 0;
}
.full-width-container ul{
    padding-left: 20px;
}
h2{
    font-size: 18px;
    color: #0054a5;
}
.home h2{
    border-bottom: 1px solid #808080;
    padding-bottom: 20px;
}
h2.subheader{
    font-size: 16px;
    color: #666;
    margin-bottom: 25px;
    margin-top: 0px;
    margin-bottom: 15px;
    font-weight: bold;
}
h3{
    font-size: 18px;
    color: #0054a5;
    margin-top: 25px;
    margin: 0;
}
h4{
    font-size: 16px;
    color: #666;
}
h5{
    font-size: 14px;
    color: #0054a5;
}
blockquote {
    padding: 0px 15px 0px 15px;
    line-height: normal;
    color: #3d4349 !important;
    border: 0;
}
blockquote p{
    line-height: normal;
    color: #3d4349 !important;
    font-size: auto;
}
ul.col-count-2{
    margin: 0;
    margin-bottom: 1.25rem;
    padding-right: 135px;
}
ul.col-count-2 li{
    margin-left: 17px;
}
.small-count{
    padding-right: 55px !important;
}
.pdf{
    background: url(images/pdf.jpg) no-repeat left top;/* center;*/
    padding-left: 28px;
    padding-bottom: 10px !important;
    display: inline-block;
}
.col-half{width: 50%; float: left;}

/* -----------------------------------------
    Clearfix
----------------------------------------- */
.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block; 
    height: 0; 
    overflow: hidden;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* ------------------------------------
    Slider
------------------------------------- */
#home-slider .slider-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 500px;
    text-align: center;
    background: rgba(0, 0, 0, .6);
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    padding: 5px 10px;
}
#home-slider .slider-caption p,
#home-slider .slider-caption h3 {
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.slider-caption h2 {
    font-size: 24px;
}

@media only screen and (max-width: 640px) {
    #home-slider .slider-caption{
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-width: 100%;
        background: #000;
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
    }
    #home-slider .slick-prev, .slick-next{
        display: none !important;
    }
    #home-slider .slider-caption p{
        font-size: 12px;
        text-shadow: none;
        font-weight: 600;
    }

}
/* ------------------------------------
    Basic Styles
------------------------------------- */
.row{
    max-width: 960px;
}
.col-count-2{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
}

/* ------------------------------------
    Header Styles
------------------------------------- */
header{
    background: url(images/header-bg.jpg) repeat-x;
    margin-bottom: -10px;
}
.logo a, .logo a img{
    width: 100%;
}
.location-header{
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 121px;
    height: 101px;
    background: url(images/head-cont.png) no-repeat;
}
.head-col{
    position: relative;
}
.esp-link{
    display: block;
    position: absolute;
    right: 165px;
    top: 20px;
    text-align: center;
    color: #666;
    font-size: 9px;
    font-weight: bold;
}
.esp-link img{
    max-width: 37px;
}
.esp-link p{
    color: #666;
    font-size: 9px;
    font-weight: bold;
}
.sp-sidebar{
    text-align: center;
}
.sp-sidebar ul{
    list-style: none;
    margin: 0;
    padding: 0 15px;
}
.sp-sidebar ul li{
    margin-bottom: 15px;
}
.sp-sidebar ul li a{
    font-size: 12px;
    font-weight: bold;
}
/* ------------------------------------
    Content Styles
------------------------------------- */
.two-cols-list{
    background: url(images/tank-cleaning-solutions-bg.jpg) no-repeat;
    max-height: 350px;
    height: 350px;
    margin-bottom: -40px;
}
.two-cols-list h3{
    text-align: center;
    color: #fff;
    font-style: italic;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    line-height: 36px;
}
.two-cols-list h4{
    text-align: center;
    color: #FED90F;
    font-size: 20px;
    margin: 0;
    line-height: 30px;
}
.two-cols-list ul{
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    line-height: normal;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    max-width: 185px;
    padding-left: 15px;
}
.two-cols-list .left-list ul{
    margin-right: 60px;
}
.two-cols-list .right-list ul{
    margin-right: 0px;
}
.two-cols-list ul:last-child{
    margin-right: 0;
}
.two-cols-list ul li a{
    color: #fff;
}
.two-cols-list ul li a:hover{
    color: #FC0;
}

.cont-left{
    padding-right: 0;
}
.discl{
    border-top: 1px solid #808080;
    margin-top: 15px;
    text-align: center;
    font-style: italic;
    padding-bottom: 30px;
}
.tricol-locations{
    border-top: 1px solid #808080;
    margin-top: 15px;
    padding-bottom: 30px;
}
.tricol-locations h2{
    font-size: 18px;
    color: #0054a5;
}
.discl p{
    font-size: 18px;
    line-height: 28px;
    color: #5e5e5e;
    font-weight: bold;
}
.discl .big{
    font-size: 32px;
    color: #0054a5;
}
.full-width-container{
    background: url(images/subpage-content-top.jpg) no-repeat top center;
    padding-top: 75px;
}

.content-sidebar { padding: 10px 0 0; }
    .content-sidebar img { width: 100%; }
    .content-sidebar .cs-text {
        background: #2992ed;
        border-top: 1px solid #ffffff;
        color: #ffffff;
        display: inline-block;
        float: left;
        font-size: 15px;
        line-height: 30px;
        text-align: center;
        text-transform: uppercase;
        width: 50%;
    }
    .content-sidebar .cs-text:nth-child(2n) {
        -webkit-border-bottom-left-radius: 30px;
         -khtml-border-bottom-left-radius: 30px;
          -icab-border-bottom-left-radius: 30px;
           -moz-border-bottom-left-radius: 30px;
            -ms-border-bottom-left-radius: 30px;
             -o-border-bottom-left-radius: 30px;
                border-bottom-left-radius: 30px;
        border-right: 1px solid #0162c1;
    }
    .content-sidebar .cs-text:nth-child(2n+1) {
        -webkit-border-bottom-right-radius: 30px;
         -khtml-border-bottom-right-radius: 30px;
          -icab-border-bottom-right-radius: 30px;
           -moz-border-bottom-right-radius: 30px;
            -ms-border-bottom-right-radius: 30px;
             -o-border-bottom-right-radius: 30px;
                border-bottom-right-radius: 30px;
    }
    
    /*.content-sidebar .video-wrap { width: 600px; }*/
.content-sidebar-text { padding: 10px 0 0 }
    .content-sidebar-text p {
        font-size: 11px;
        margin-bottom: 5px;
    }

.sidebar img{
    display: block;
    margin: auto;
    margin-bottom: 15px;
    max-width: 252px;
}
.sidebar .fancybox img { margin: 0; max-width: none; width: 100%; }
.sidebar-text{
    padding-left: 15px;
    border-left: 1px solid #CCC;
    margin-left: 10px;
    
}
.sidebar-text a{
    font-size: 12px;
}
.border-last{
    padding-top: 10px;
    padding-left: 10px;
    margin-bottom: 15px;
    border: 1px solid #666;
}
.img-descr p{
    
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
.prod-descr{
    border-top: 1px solid #808080;
    margin-top: 15px;
    padding-top: 15px;
}
.prod-specs{
    max-width: 520px;
    background: #f2f2f2;
    margin: 15px 0 0 0;
    text-align: center;
}
.prod-specs h5{
    line-height: 28px;
    background: #b9b9b9;
    font-size: 14px;
    color: #FFFFFF;
    margin: 0;
    padding: 0 20px;
    text-align: left;
}
.prod-specs img{
    margin: 10px 15px;
}   
.prod-descr *{
    margin: 0;
}
.prod-descr ul{
      padding-left: 20px;
}
.prod-descr h5{
    margin-top: 10px;
    margin-bottom: 20px;
}
.prod-itm {
    margin-bottom: 15px !important;
}
.prod-itm h3{
    background: #278EEB;
    color: #fff;
    border-radius: 15px;
    text-align: center;
    font-size: 18px;
    line-height: 38px;
    margin-bottom: 10px;
}
.prod-itm img{
    max-width: 120px;
    max-height: 100px;
    display: block;
    margin: auto;
}
.sidebar-prod-res{
    border: 1px solid #000;
    border-radius: 15px;
    padding: 0;
}
.sidebar-prod-res h2{
    background: #278EEB;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 15px 15px 0 0;
    font-size: 18px;
    line-height: 42px;
    margin-bottom: 5px;
}
.sidebar-prod-res p, .sidebar-prod-res ul{
    padding: 0 10px;
    
}
.sidebar-prod-res p{
    margin: 0;
}
.esp-title{
    margin-bottom: 20px;
}
/* ------------------------------------
    Footer Styles
------------------------------------- */
footer{
    padding-top: 25px;
    background: url(images/footer-bg.jpg) repeat-x,
        url(images/footer-bg-all.jpg) repeat;
}
.footer-left{
    border-right: 1px solid #a0a0a0;
    padding-bottom: 15px;
}
footer p{
    margin: 0;
    margin-bottom: 5px;
    line-height: 16px;
}
.footer-left .title{
    color: #0054a5;
}
.footer-left .logo-foot, .footer-left .footer-soc{
    padding: 0;
}
.footer-left .left-text-foot{
    padding-top: 20px;
}
.fooetr-top{
    margin-bottom: 35px;
}
.footer-bottom{
    padding-bottom: 14px;
}
footer .inline-list{
    text-align: center;
}
footer .inline-list>li{
    float: none;
}
footer .inline-list>li a{
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: normal;
    color: #c9c9c9;
}
footer .footer-right{
    padding-top: 15px;
}
footer .footer-right h5{
    font-weight: normal;
    color: #555555;
    font-size: 18px;
}