/* LICENSE & DETAILS
   ==================================================

    Theme Name: PC Henderson
    Description: This wordpress theme was created for PC Henderson.
    Version: 1.0
    Author: Union Room
    Author URI: http://unionroom.com

    All files, unless otherwise stated, are released under the GNU General Public License
    version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

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

/* Reset
==============================================================
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}

strong { font-weight: 700;}

/* Fonts
==============================================================

    Gotham Light
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 300;

    Gotham Book
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 400;

    Gotham Medium
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 500;

    Merriweather
    font-family: 'merriweatherregular';

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

/* Base Styles
==============================================================*/
* { box-sizing: border-box;}
body { font-family: "Gotham A", "Gotham B", Arial, Helvetiva, sans-serif; }
a { color: #cc3300; text-decoration: none;}
input[type=text] { border-radius: 0; background-color: #ffffff; -webkit-appearance:none;  }
select { -webkit-appearance: none; background-color: #ffffff; border-radius: 0; -moz-appearance:none; }
input[type=submit] { -webkit-appearance: none; border-radius: 0; }
input, select {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
select::-ms-expand {
    display: none;
}
.return-button { clear: left; float: left; font-size: 14px; }
.return-button:hover { text-decoration: underline; }
.container { max-width: 1200px; width: 100%; margin: 0 auto; }
.hide-me { display: none!important;}
.show-me { display: block!important;}
.col-6 { width: 50%; float: left;}
.col-4 { width: 33.3333%; float: left;}
.col-3 { width: 24%; float: left; margin: 0 1% 0 0;}

/*--product grid sizes--*/
.col-7 {width: 55%; float: left;}
.col-5 {width: 45%; float: left;}

.fa-facebook,  /*{ color: #3b5998; }*/
.fa-twitter, /* { color: #55acee; }*/
.fa-youtube-play,  /*{ color: #bb0000; }*/
.fa-google-plus,  /*{ color: #dd4b39;  }*/
.fa-linkedin,  /*{ color: #007bb5; }*/
.fa-pinterest-p, /*{ color: #cb2027; }*/
.fa-instagram { /*color: #8a3ab9; */ color: #000000;}

.p-60 { padding: 60px 0; }

.fl-right { float: right; }
.full-width { width: 100%!important; }

.bg-orange { background-color: #cc3300; color: #ffffff; }
.bg-orange:hover { background-color: #b72e00; }

h1 { font-size: 35px; line-height: 45px; padding: 0 0 45px 0; font-weight: 300; color: #333333;}
h2 { font-size: 30px; line-height: 40px; padding: 0 0 30px 0; font-weight: 300;  color: #333333;}
p { font-size: 14px; line-height: 24px; color: #6f6f6f; }
ul li { color: #222222; font-size: 14px; line-height: 24px;  }

.bold { font-weight: 700; }
.btn { padding: 15px 40px; display: inline-block; margin: 30px 0 0; text-transform: uppercase; font-weight: 300; font-size: 12px;}

.fl-left { float: left; }
.fl-right { float: right; }

/* Home Page Styles
==============================================================*/

header a { color: #333333; font-size: 12px; text-decoration: none;}
header a:hover { text-decoration: underline;}
header .top { background-color: #dbdbdb; height: 47px;}
header .top .contact { padding: 10px 0;}
header .top .contact span { padding: 0 3px;}
header .top .contact p { color: #333333; font-size: 12px;}
header .top .accounts { padding: 8px 0; }
header .top .accounts .basket-totals { padding: 2px 15px 2px 40px; font-size: 12px; float: left; background-image: url(../henderson/images/basket.png); background-repeat: no-repeat; background-position: left 10px center;}
header .top .accounts .basket-totals .amount { font-size: 11px; }
header .top .accounts .basket-totals .tax_label { display: none; }
header .top .accounts .drop-downs{ float: right;}
.my-account { padding-left: 15px; }
.drop-downs .region{ position: relative; background-image: url(../henderson/images/earth.png), url(../henderson/images/dropdown.png); background-repeat: no-repeat; background-position: left 10px center, right 10px center; width: 140px; height:30px; background-color: #cc3300; float: left; margin: 0; /*margin: 0 10px 0 0;*/}
.drop-downs .region:hover{ background-color: #b72e00;}
.drop-downs .region .region-select { display: none; position: absolute; z-index: 500; right: 0; top: 0; width: 0; height: 0; padding: 30px; background-color: #cc3300;}
.drop-downs .open { position: absolute; top: 0; right: 0; z-index: 550; display: block; height: 100%; width: 100%;}
.drop-downs .user .open { z-index: 650;}
.drop-downs .open.close { background-image: url(../henderson/images/close.png); background-repeat: no-repeat; background-position: right 10px center; }
.drop-downs .region .open:hover { cursor: pointer;}
.drop-downs .user .open:hover { cursor: pointer;}
.drop-downs .region .region-select li { width: 50%; float: left; display: none;}
.drop-downs .region .region-select li:last-child { padding: 15px 0 0 0; margin: 15px 0 0 0; width: 100%; border-top: 1px solid #e95d2f;}
.drop-downs .region .region-select li a { width: 100%; display: block; padding: 8px; color: #ffffff; font-size: 11px; text-transform: uppercase; }
.drop-downs .region .region-select li a:hover { background-color: #d95124; text-decoration: none;}
.drop-downs .user{ position: relative; background-image: url(../henderson/images/account.png), url(../henderson/images/dropdown.png); background-repeat: no-repeat; background-position: left 10px center, right 10px center; width: 140px; height:30px; background-color: #7f7e7e; float: right; }
.drop-downs .user:hover { background-color: #727171;}
.drop-downs .user .user-select { display: none; position: absolute; z-index: 600; right: 0; top: 0; width: 0; height: 0; padding: 20px; background-color: #7f7e7e;}
.drop-downs .user .user-select li { width: 50%; float: left; display: none;}
/*.drop-downs .user .user-select li:last-child { padding: 15px 0 0 0; margin: 15px 0 0 0; width: 100%; border-top: 1px solid #9c9c9c; }*/
.drop-downs .user .user-select li a { width: 100%; display: block; padding: 8px; color: #ffffff; font-size: 11px; text-transform: uppercase; }
.drop-downs .user .user-select li a:hover { background-color: #999898; text-decoration: none;}
.drop-downs .drop span.chosen { color: #ffffff; font-size: 11px; padding: 9px 0 10px 35px; display: block;}

.no-scroll { overflow: hidden; /*position: fixed;*/ }
.user-choice-overlay { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.75); z-index: 8888; }
.user-choice { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 40px; background-color: #ffffff; z-index: 9999; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); }
.user-type-select { border: 4px solid #eae9e9; padding: 25px; margin: 30px 0 0; }
.user-type-select p { display: inline-block; width: 25%; padding: 6px 5px; }
.user-type-select select { padding: 10px; height: 45px; width: 75%; border: 1px solid #999999; display: inline-block; background-image: url(../henderson/images/search-down.png); background-repeat: no-repeat; background-position: right 15px center;}
.user-type-select select:hover { cursor: pointer;}
.user-choice button { display: none; background-color: #cc3300; color: #ffffff; border: 0; float: right; font-family: "Gotham A", "Gotham B"; text-transform: uppercase; padding: 15px 45px; margin-top: 25px; }
.user-choice button:hover { cursor: pointer; }




.header-banner {
    background-color: #f7f5f6;
    border-top: 1px solid rgba(0,0,0,0.1);
}

.header-banner ul {
    font-size: 0;
    min-height: 36px;
    text-align: right;
}

.header-banner .menu-item {
    position: relative;
    font-weight: 400;
    color: #888;
    line-height: 32px;
    display: inline-block;
    padding: 0 30px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.header-banner .menu-item:last-child {
    padding-right: 0;
}

.header-banner .menu-item a {
    font-size: 10px;
    color: #888;
    transition: all 0.2s ease-in-out;
}

.header-banner a:hover{
    color: #000;
    text-decoration: none;
}

.header-banner .menu-item + .menu-item:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    display: block;
    width: 1px;
    height: 16px;
    background-color: #e0e0e0;
}

@media all and (max-width: 1235px) {
    
    .header-banner .container,
    .header-info .container {
        padding: 0 20px;
    }

}


@media all and (max-width: 730px) {
    

    .header-banner ul {
        text-align: center;
    }

    .header-banner .menu-item {
        padding: 0 16px;
        letter-spacing: 0;
    }


}


@media all and (max-width: 520px) {
    

    .header-info,
    .header-banner {
        display: none;
    }


}



/* #SVG
============================================= */

.svg {
    position: relative;
    display: inline-block;
    width: 100%;
}

.svg:before {
    display: block;
    content: '';
}

.svg svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* #Socail Shares */

.social-share {
    display: block;
}

@media all and (max-width: 767px) {

    .social-share {
        display: none;
    }

}


.social-share-title {
    font-size: 12px;
    text-transform: uppercase;
    color: #222;
    display: inline-block;
    vertical-align: middle;
}

.social-share-item {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    max-width: 17px;
    margin-right: 5px;
}

.social-share-item:before {
    display: block;
    content: '';
    padding-top: 100%;
}

.social-share-item path,
.social-share-item polygon {
    transition: all 0.3s;
    fill: #666;
}

.social-share-item:hover path.
.social-share-item:hover polygon {
    fill: #222;
}




/* User Type (drop down) Styles
==============================================================*/
.drop-downs input[type=checkbox] { position: absolute; top: -9999px; left: -9999px;}


.mobile-navigation { display: none; padding: 20px 0;}
.mobile-navigation .mobile-button { float: right; height: 13px; width: 20px; margin: 20px 0 0 0;}
.mobile-navigation .mobile-button:hover { cursor: pointer;}
.mobile-navigation .mobile-button span { height: 2px; width: 20px; display: block; margin: 0 0 3px 0; background-color: #333333;}
.mobile-navigation .mobile-menu { display: none; clear: left; }
.mobile-navigation .mobile-menu ul li{ width: 100%; border-bottom: 1px solid #eeeeee; position: relative;}
.mobile-navigation .mobile-menu ul li:last-child{ border: none;}
.mobile-navigation .mobile-menu ul li a{ width: 100%; display: block; padding: 15px; font-size: 14px;}
.mobile-navigation .mobile-menu ul li a:hover{ color: #ffffff; text-decoration: none; background-color: #cc3300;}

.mobile-navigation .mobile-menu ul li .sub-menu { display: none;}
.mobile-navigation .mobile-menu ul li .sub-menu li { border: none; position: relative;}
.mobile-navigation .mobile-menu ul li .sub-menu li a { padding: 15px; color: #777777;}
.mobile-navigation .mobile-menu ul li .sub-menu li a:hover { color: #ffffff; }
.mobile-navigation .mobile-menu .mobile-drop { width: 60px; height: 100%; display: block; position: absolute; right: 0; top: 0; background-image: url(../henderson/images/plus.png); background-repeat: no-repeat; background-position: top 15px center; }
.mobile-navigation .mobile-menu .mobile-drop:hover { cursor: pointer; }
/*.mobile-navigation .mobile-menu .menu-item-has-children:hover a { color: #ffffff; text-decoration: none; background-color: #cc3300; color: #ffffff; cursor: pointer;}*/

header .main .logo { float: left; padding: 20px 0;}
header .main .main-nav { float: right; position: relative;}
header .main .main-nav ul li { display: inline-block; font-size: 12px; position: relative; text-transform: uppercase; padding: 0 0 0 50px; color: #333333;}
header .main .main-nav ul li:hover .sub-menu { display: block; }
header .main .main-nav ul li a { padding: 35px 0; display: block; font-size: 13px; }
header .main .main-nav ul li.active a { color: #cc3300;}
header .main .main-nav ul li:hover a { color: #cc3300; text-decoration: none;}

header .main .main-nav ul li .sub-menu { display: none; position: absolute; top: 95px; left: 33px; width: 275px; z-index: 100; background-color: #ffffff;}
header .main .main-nav ul li:hover .sub-nmenu { display: block;}
header .main .main-nav .sub-menu { display: block;}
header .main .main-nav .sub-menu li { width: 100%; display: block; padding: 0;}
header .main .main-nav .sub-menu li a { width: 100%; display: block; padding: 20px!important; color: #333333!important;}
header .main .main-nav .sub-menu li a:hover { color: #000000; background-color: #dfdede;}

header .main .main-nav ul.sub-menu { display: none; }


.slider-wrapper { position: relative; }
.slider-wrapper .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 200; background-color: rgba(0,0,0,0.35);}
.royalSlider { visibility: hidden;}
.hero { height: 620px; z-index: 10;}
.hero .rsContent { text-align: center; background-repeat: no-repeat; background-size:cover; background-position: center;}
.hero .rsActiveSlide .rsContent { }
.hero .rsContent .content { padding: 110px 0 0 0; background-image: url(../henderson/images/border.png); background-repeat: no-repeat; background-position: center bottom; position: relative; z-index: 600; margin-left: auto; }
.hero .rsContent .content h1 { font-size: 54px; line-height: 60px; color: #ffffff; padding: 0 0 30px 0; text-transform: uppercase;}
.hero .rsContent .content p { font-size: 17px; line-height: 27px; color: #ffffff; padding: 0 0 40px 0;}
.hero .rsContent a.slide-button { margin: 40px 0 0 0; display: inline-block; border: 1px solid #ffffff; color: #ffffff; text-decoration: none; text-transform: uppercase; font-size: 13px; padding: 15px 65px; transition-property: background; transition-duration: 0.5s; transition-timing-function: linear; position: relative; z-index: 600;}
.hero .rsContent a.slide-button:hover {background: #333333; }
.hero .rsNav { height: 20%; margin: auto; position: absolute; top: 0; bottom: 0; left: auto; right: 20px;}
.hero .rsNav .rsBullet { display: block; padding: 8px 10px 8px 12px;}
.hero .rsNav .rsBullet.rsNavSelected { padding: 6px 9px;}
.hero .rsNav .rsBullet span { height: 5px; width: 5px; padding: 0 0 0 5px;}
.hero .rsNav .rsBullet:hover span { cursor: pointer;}
.hero .rsNav .rsBullet.rsNavSelected span { height: 11px; width: 11px;}

.prod-finder { padding: 35px 0 20px 0; width: 100%; text-align: center; background-color: rgba(0,0,0,0.35); z-index: 20; display: block; position: absolute; bottom: 0;}
.prod-finder a { color: #ffffff; padding: 20px 25px 20px 40px; display: inline-block; font-weight: 300; font-size: 12px; text-transform: uppercase; text-decoration: none; margin: 0 11px;}
.prod-finder a.search { background-color: #cc3300; background-image: url(../henderson/images/search.png); background-repeat: no-repeat; background-position: left 15px center;}
.prod-finder a.search:hover { background-color: #b72e00; }
.prod-finder a.finder { background-color: #748e27; background-image: url(../henderson/images/finder.png); background-repeat: no-repeat; background-position: left 15px center;}
/*.prod-finder a.specifier { background-image: none; padding: 20px 20px; }*/
.prod-finder a.finder:hover { background-color: #688023; }

.prod-search {margin: auto; position: absolute; left: 0; bottom: 25px; right: 0; z-index: 600; display: none; width: 750px;}
.prod-search .search { width: 430px; height: 43px; border: 0; padding: 15px 0 14px 45px; font-size: 13px; line-height: 16px; background-image: url(../henderson/images/magnify.png); background-repeat:no-repeat; background-position: left 15px center;}
.prod-search .button { background-color: #cc3300; text-transform: uppercase; color: #ffffff; border: none; font-size: 12px; line-height: 8px; font-weight: 500; padding: 20px 45px 17px 45px;}
.prod-search .button:hover { cursor: pointer;}
.prod-search select { padding: 0 38px 0 20px; height: 42px; font-size: 12px; line-height: 12px; margin: 0 0 0 -4px; border: none; background-image: url(../henderson/images/search-down.png); background-repeat:no-repeat; background-position: right 10px center;}
::-webkit-input-placeholder { color: #333333; font-weight: 300;}
:-moz-placeholder { /* Firefox 18- */ color: #333333; font-weight: 300; }
::-moz-placeholder {  /* Firefox 19+ */ color: #333333; font-weight: 300;}
:-ms-input-placeholder { color: #333333; font-weight: 300;}
.prod-search .close { position: absolute; top: -20px; right: 0; display: block; width: 10px; height: 10px; background-color: #cc3300; }
.prod-search .close:hover { cursor: pointer; }
.prod-search .close span { width: 6px; height: 1px; display: block; background-color: #ffffff; position: absolute; }
.prod-search .close span:nth-child(1) { top: 4px; left: 2px; transform: rotateZ(45deg); }
.prod-search .close span:nth-child(2) { top: 4px; left: 2px; transform: rotateZ(-45deg); }

.content-wrapper { font-weight: 400;}
.content-wrapper .main-content { padding: 80px 0 90px 0;}
.main-content h2 { font-size: 30px; padding: 0 0 15px 0; line-height: 44px; color: #333333; font-weight: 300; width: 85%; }
.main-content p { font-size: 14px; line-height: 28px; color: #777777; width: 88%;}
.main-content.cookies { padding: 70px 0; }
.main-content.cookies p { padding: 0 0 30px 0; }
.main-content.cookies ul { padding: 0 0 30px 0; list-style: inherit; margin-left: 30px;}
.main-content.cookies ul li { color: #777777; }

.callouts { margin: 40px 0;}
.callouts .item { height: 155px; position: relative;}
.callouts .row-1 .item:first-child { border-right: 5px solid #ffffff;}
.callouts .item .title { position: absolute; bottom: 0; width: 100%; display: block; background-color: #cc3300;}
.callouts .item .title a { color: #ffffff; width: 100%; display: block; padding: 15px 20px; padding: 15px 20px;  text-decoration: none; font-size: 13px; font-weight: 300; background-image: url(../henderson/images/chev-right.png); background-repeat: no-repeat; background-position: right 20px center;}
.callouts .item .title:hover { background-color: #b72e00;}
.callouts .item.hovering .title { background-color: #b72e00;}
.callouts .row-1 { margin: 0 0 5px 0;}
.callouts .row-2 .item:nth-child(2){ border-left: 5px solid #ffffff; border-right: 5px solid #ffffff;}

.news.col-4 { width: 33%; margin-right: 5px; position: relative;}
.news .controls { position: absolute; top: 0; right: 0;}
.news .controls .prev{ color: #ffffff; height: 34px; width: 34px; float: left; background-color: #333333; text-align: center; padding: 9px 0; margin-right: 3px;}
.news .controls .prev:hover{ background-color: #444444; }
.news .controls .next{ color: #ffffff; height: 34px; width: 34px; float: left; background-color: #333333; text-align: center; padding: 9px 0; }
.news .controls .next:hover{ background-color: #444444; }
.news .controls .prev:hover, .news .controls .next:hover { cursor: pointer;}
.news .newsSlider { height: 320px;}
.news .slide-image { position: relative;}
.news .slide-image img { width: 100%; height: auto;}
.news .slide-image .content { position: absolute; bottom: 0; width: 100%; background-color: #26aba8; padding: 15px; height: 100px; margin-left: 0; }
.news .newsSlider .rsNav { display: none;}
.news .date-time-cat p { float: left; border-bottom: 1px solid #5cc0be; padding: 0 0 1px 0; color: #ffffff; font-weight: 300; font-size: 13px;}
.news .date-time-cat p a { color: #ffffff;}
.news .news-content { clear: left; padding: 10px 0 0 0;}
.news .news-content p { font-weight: 300; font-size: 13px; color: #ffffff; line-height: 18px;}
a.whole { display: block; width: 100%; height:100%; position: absolute; top: 0; left: 0; transition-property: background; transition-duration: 0.5s; transition-timing-function: linear;}
a.whole:hover { background-color: rgba(0,0,0,0.25);}

.large-callouts .top { padding: 0 0 5px 0;}

.large-callouts { background-color: #e3e3e3; padding: 40px 0;}
.large-callouts .block { height: 320px; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center;}
.large-callouts .block { width: 33%; margin-right: 5px;}
.large-callouts .block:last-child { margin-right: 0;}
.large-callouts .block .title { position: absolute; bottom: 0; width: 100%;}
.large-callouts .block .title a { color: #ffffff; text-decoration: none; width: 100%; display: block; padding: 15px 20px; background-color: #333333; font-weight: 300; font-size: 13px; background-image: url(../henderson/images/chev-right-dark.png); background-repeat: no-repeat; background-position: right 20px center;}
.large-callouts .block .title a:hover { background-color: #444444;}
.large-callouts .block.hovering .title a { background-color: #444444;}

.sign-up { margin: 30px 0;}
.sign-up .container { padding: 0 160px;}
.sign-up p { padding: 15px 0 15px 50px; font-weight: 300; font-size: 18px; color: #333333; float: left; background-image: url(../henderson/images/mail-icon.png); background-repeat: no-repeat; background-position: left 10px center;}
.sign-up .gform_wrapper { float: left; margin: 0!important; padding: 0 0 0 30px; width: 73%;}
.sign-up .gform_wrapper .gform_body { float: left; width: 75%;}
.sign-up .gform_wrapper .gform_body .left { width: 100%; }
.sign-up .gform_wrapper .gform_body input { margin: 0!important; width: 100%!important; padding: 10px; font-weight: 300; color: #333333; border: 1px solid #e3e2e2;}
.sign-up .gform_wrapper .gform_footer { clear: none!important; float: left; padding: 6px 10px; margin: 0; }
.sign-up .gform_wrapper .gform_footer input { padding: 13px 40px!important; background-color: #cc3300; border:none; color: #ffffff; text-transform: uppercase; font-size: 11px!important; line-height: 11px;}
.sign-up .gform_wrapper .gform_footer input:hover { cursor: pointer; background-color: #b72e00;}
.sign-up .gform_wrapper li.gfield.gfield_error.gfield_contains_required.left { width: 100%!important;}
.gform_wrapper .validation_error { font-size: 12px!important; border: 0!important; padding: 0 0 10px!important; border-bottom: 1px solid #790000!important; }
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: transparent!important; border:none!important;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin:0!important;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container { margin-top: 6px !important;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required { margin-top: 16px!important; width: 100%!important; padding: 0; padding-right: 16px !important; }
.gfield_description.validation_message { display: none; }
.gform_ajax_spinner { display: none!important;}

.small.container { max-width: 760px; }
.mailing-signup { padding: 70px 0; }
.indicates-required { padding: 0 0 20px 0; float: right; font-size: 12px; color: #6f6f6f; }
.mailing-signup form input[type=email] { border-radius: 0; border: 1px solid #e3e2e2; padding: 15px 10px; width: 100%; margin: 0 0 20px 0;}
.mailing-signup form input[type=text] { border-radius: 0; border: 1px solid #e3e2e2; padding: 15px 10px; width: 100%; margin: 0 0 20px 0;}
#mc_embed_signup div.mce_inline_error { background-color: transparent!important; font-size: 12px!important; color: #cc3300!important; font-weight: 500!important; padding: 0!important; }
#mc_embed_signup input.mce_inline_error { border-color: #cc3300!important; }
.mailing-signup form input[type=submit] { float: right; display: inline-block; width: auto!important; padding: 15px 45px!important; background-color: #cc3300; border: none; color: #ffffff; font-weight: 400; text-transform: uppercase; font-size: 12px!important;  }
.mailing-signup form input[type=submit]:hover { cursor: pointer; background-color: #b72e00; }
.type-ind { padding: 0 0 15px 0; }
.mailing-signup .response { padding: 20px 0; font-size: 14px; line-height: 24px; color: #6f6f6f; }

.sign-up-form { padding: 0; width: 70%; float: right;  }
.sign-up-form input[type=email] { width: 80%; padding: 15px 10px; }
.sign-up-form input[type=submit]{ margin: 0!important; clear: none!important; float: right; padding: 15px 20px; font-family: "Gotham A", "Gotham B", Arial, Helvetiva, sans-serif; font-weight: 300; background-color: #cc3300; border: 0; color: #ffffff; }
.sign-up-form input[type=submit]:hover { cursor: pointer; background-color: #b72e00; }
.sign-up-form .response { padding: 15px 0 0; font-size: 12px; line-height: 22px; }

/* About Page Styles
==============================================================*/
.small-header { height: 270px; background-repeat: no-repeat; background-size:cover; background-position:center; }
.small-header .container { text-align: center; padding: 90px 0 0;}
.small-header h1 { font-size: 44px; color: #ffffff; text-transform: uppercase; padding: 0 0 25px 0;}
.small-header p { color: #ffffff; font-size: 16px; line-height: 26px;}
.gen-content { text-align: center; padding: 55px 270px; font-size: 16px; color: #333333; line-height: 26px; font-weight: 400;}
.extra-content { background-color: #333333;}
.extra-content p { color: #ffffff; font-size: 14px; line-height: 24px; font-weight: 400;}
.extra-content .container { padding: 55px 260px; text-align: center;}
.find-a-distributor { padding: 40px 0; background-color: #748e27; font-weight: 400;}
.find-a-distributor .container { text-align: center;}
.find-a-distributor p { color: #ffffff; font-size: 14px; line-height: 24px; padding: 0 0 30px 0;}
.find-a-distributor a.button { color: #333333; font-size: 11px; text-transform: uppercase; background-color: #ffffff; padding: 15px; display: inline-block; text-decoration: none; transition-property: background; transition-duration: 0.5s; transition-timing-function: linear;}
.find-a-distributor a { color: #ffffff; font-weight: 500; }
.find-a-distributor a:hover { text-decoration: underline; }
.image-with-content { padding: 40px 0; }
.image-with-content.grey { background-color: #ebebeb; }
.image-with-content .image { height: 320px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.image-with-content .text { font-weight: 400; font-size:14px; line-height: 24px; color: #333333; padding: 20px 75px 20px 0;}
.image-with-content .text.right { padding: 20px 0 20px 75px;}
.image-with-content .text p { margin: 0 0 30px 30px;}

/* Flexiforce Page Styles
==============================================================*/
.page-flexiforce .image-with-content .text.left { padding: 0 75px 0 0;}
.content-with-image { padding: 60px 20px; text-align: center;}
.content-with-image .text { font-weight: 400; text-align: left; margin: 50px 0 0; }
.page-our-quality .content-with-image .text { margin: 0;}
.content-with-image .text p { font-size: 14px; margin: 0 0 30px 0; line-height: 24px; padding: 0 80px 0 0;}
.content-with-image .text a:hover { text-decoration: underline;}

/* History Page Styles
==============================================================*/
.page-history .small-header h1 { font-family: 'Merriweather', serif; text-transform: capitalize;}
.page-history .small-header p { font-family: 'Merriweather', serif; }
/*-- grid styles (salvatore) --*/
.grid[data-columns]::before { content: '4 .column.size-1of4' ;}
.column { float: left;}
.size-1of4 { width: 24%; float: left; margin: 0 1% 0 0; }
/*-- end grid styles (salvatore) --*/
.history-wrapper { margin: 75px 0 100px 0;}
.history-item { background-color: #ebebeb; margin-bottom: 12px; height: auto; font-family: 'Merriweather', serif;}
.history-item .history-content { padding: 0 20px; text-align: center;}
.history-item .history-content h2 { font-size: 34px; padding: 20px 0; color: #333333;}
.history-item .history-content p { font-size: 12px; color: #333333; line-height: 24px; padding: 0 0 25px 0;}
.history-item .history-content a { font-size: 12px; color: #cc3300; padding: 0 0 30px 0; text-decoration: none; display: block; text-transform: capitalize;}
.history-item .history-content a:hover { text-decoration: underline;}

.history-item .history-content .all-content { display: none;}
.history-item .history-content a.less { display: none;}
.history-item .history-content.open a.more, .history-item .history-content.open .teaser { display: none;}
.history-item .history-content.open a.less, .history-item .history-content.open .complete { display: block;}

.history-item .history-content .complete { display: none; }

.history-item img { width: 100%; height: auto;}
.history-item a { clear: left;}

/* News Page Styles
==============================================================*/
.categories { margin: 0 0 40px 0; padding: 0 0 40px 0; border-bottom: 1px solid #e3e3e3; }
.categories h4 { margin: 0 0 10px 0; }
.cat-item { display: inline-block;}
.cat-item a { padding: 10px 20px; margin: 10px 0 0; display: inline-block; color: #222222; text-transform: uppercase; background-color: #dbdbdb; font-size: 11px; font-weight: 400; }
.cat-item a:hover { background-color: #cc3300; color: #ffffff; cursor: pointer; }
.cat-item.current-cat a { background-color: #cc3300; color: #ffffff; }


.news-container { margin: 60px 0;}
.postOverview { padding: 0 0 40px; margin: 0 0 40px; border-bottom: 1px solid #e3e3e3;}
.tableRow { display: table; width: 100%;}
.tableCell { display: table-cell; vertical-align: middle; width: 50%;}
.postOverview .overview-img { width: 225px; vertical-align: top;}
.postOverview .overview-img img { width: 100%; height: auto;}
.postOverview .overview-text { width: auto; padding-left: 40px;}
.overview-text h3 { position: relative; top: -5px; margin: 0; font-size: 24px; font-weight: 400;}
.overview-text h3 a { color: #333333; text-decoration: none;}
.overview-text h3 a:hover { text-decoration: underline;}
.overview-text .post-by { color: #777777; font-size: 13px; margin: 5px 0 10px 0;}
.overview-text p { color: #333333; font-size: 14px; line-height: 28px; font-weight: 400; margin: 0 0 10px 0;}
.overview-text .postLink { color: #748e27; font-size: 13px; text-decoration: none; font-weight: 400;}
.overview-text .postLink:hover { text-decoration: underline; }
.overview-text .cat { font-weight: 500;}
.overview-text .cat.Internal { color: #cc3300; }
.overview-text .cat.Product { color: #752678; }
.overview-text .cat.Industry { color: #1e7fa8;}
img.alignleft  {float: left; margin: 0 25px 20px 0;}
img.alignright  {float: right; margin: 0 0 20px 25px;}
.section.single { padding: 60px 0;}
.section.single .blogLeft { height: 250px; width: 350px; background-size: cover; float: left; margin: 0 30px 15px 0; }
.section.single h3 { position: relative; top: -5px; margin: 0; font-size: 24px; line-height: 34px; font-weight: 400;}
.section.single p { color: #333333; font-size: 14px; line-height: 28px; font-weight: 400; margin: 0 0 20px 0;}
.section.single p a:hover { text-decoration: underline}
.section.single ul { margin-left: 30px; margin-bottom: 20px; list-style: initial; }
.section.single .post-by { color: #777777; font-size: 13px; margin: 5px 0 10px 0;}
.section.single .blogReturn { color: #748e27; font-size: 13px; text-decoration: none; font-weight: 400;}
.section.single .blogReturn:hover { text-decoration: underline;}
.loadPostsBtn { text-align: center;}
.loadPostsBtn .loadPosts { padding: 20px 35px; margin: 10px 0 0; display: inline-block; color: #ffffff; text-transform: uppercase; background-color: #cc3300; font-size: 11px; font-weight: 500;}
.loadPostsBtn .loadingPosts { padding: 20px 35px; margin: 10px 0 0; display: inline-block; color: #ffffff; text-transform: uppercase; background-color: #cc3300; font-size: 11px; font-weight: 500;}
.loadPostsBtn .loadPosts:hover { background-color: #b72e00; cursor: pointer;}

/* Environment Page Styles
==============================================================*/
.content-wrapper.main .container { position: relative;}
.content-wrapper.main p { padding: 55px 0; font-size: 16px; color: #333333; line-height: 26px; font-weight: 400;}
.content-wrapper img.alignleft { float: right; position: absolute; right: 0; top: 55px;}
.gen-list { background-color: #ebebeb; padding: 70px 0; font-weight: 400;}
.gen-list p { margin: 0 0 30px 0; padding: 0 20px 0 0; font-size: 14px; color: #333333; line-height: 24px;}
.gen-list h2 { color: #cc3300;}


/* Training Page Styles
==============================================================*/
.page-training .content-wrapper { padding: 65px 0 80px 0;}
.page-training .content-wrapper p { margin: 0 0 20px 0; width: 100%; color: #333333; padding: 0 40px 0 0;}
.support-form h2 { font-size: 20px; color: #cc3300; margin: 0 0 10px 23px; font-weight: 500;}
.gform_wrapper { margin: 0!important; padding: 0 0 0 20px;}
.gform_wrapper ul li { clear: none!important; font-size: 14px;}
/*.gform_wrapper ul li:last-of-type { clear: both!important;}*/
.gform_wrapper #field_3_7 { float: left; width: 100%; }
.gform_wrapper ul li.left { float: left; width: 48%; clear: left!important;}
.gform_wrapper ul li.right { float: right; width: 48%;}
.gform_wrapper ul li.left.gfield_error { float: left; width: 48%!important;}
.gform_wrapper ul li.right.gfield_error { float: right; width: 48%!important;}
.gform_wrapper ul li.full { width: 100%;}
.gform_wrapper ul li.margin-bottom,
.gform_wrapper ul li.gfield.gfield_error.margin-bottom { margin-bottom: 20px !important; }
.gform_wrapper ul li.dropdown select { background-image: url('images/select-drop.png'); background-repeat: no-repeat; background-position: right 10px center; padding: 9px!important; font-size: 12px; line-height: 18px;}
.ginput_container span { width: 48%!important;}
.ginput_container span.name_first { margin: 0 17px 0 0!important;}
.gform_wrapper ul li input { width: 100%!important; padding: 10px!important; border: 1px solid #e3e2e2;}
.gform_wrapper select { padding: 10px; border: 1px solid #e3e2e2; width: 100%!important; }
.gform_wrapper li.gfield_error select { border: 1px solid  #790000; }
.gform_wrapper textarea { width: 100%!important; margin: 20px 0 10px 0; padding: 10px 0 0 10px!important; border: 1px solid #e3e2e2;}
.gform_wrapper input[type=submit] { width: auto!important; padding: 15px 45px!important; background-color: #cc3300; border: none; color: #ffffff;  font-weight: 400; text-transform: uppercase; font-size: 12px!important; }
.gform_wrapper input[type=submit]:hover { cursor: pointer; background-color: #b72e00; }
.gform_wrapper input.medium { width: 100%!important; margin: 0!important;}
li.gfield span { padding: 0!important; }
.ginput_container .gfield_error span { width: 48%!important;}
.gform_wrapper ul li.gfield_error.left, .gform_wrapper ul li.gfield_error.right { width: 48%!important;}
.gform_wrapper ul li.gfield_error input {width: 100%!important;}
.gfield_error { margin: 0!important; width: 100%!important; }

/* Securefold Page Styles
==============================================================*/
.securefold { background-color: #333333; padding: 80px 0;}
.securefold .text { padding: 25px 80px 0 0;}
.securefold .text p { color: #ffffff; font-weight: 400; font-size: 14px; line-height: 24px; margin: 0 0 20px 0;}
.launch-software { text-align: center; font-weight: 400; padding: 40px 0;}
.launch-software h2 { font-size: 18px; }
.launch-software p { font-size: 14px; line-height: 24px; margin: 0 0 30px 0;}
.launch-software a { text-transform: uppercase; color: #ffffff; background-color: #cc3300; font-weight: 500; text-decoration: none; font-size: 11px; padding: 15px 25px; display: inline-block;}
.launch-software a:hover { background-color: #b72e00;}
.desktop-software { background-color: #ebebeb; text-align: center; padding: 50px 0 60px 0; font-weight: 400;}
.desktop-software h2 { font-size: 18px; color: #333333; }
.desktop-software p { font-size:14px; line-height: 28px; margin: 0 0 70px 0;}
.desktop-software a { width: 50%; float: left; text-align: left; color: #186bc0; font-size: 14px; line-height: 28px; padding:17px 0; padding-left: 100px; padding-right: 20px;}
.desktop-software a.windows { background-image: url(images/windows-icon.png); background-repeat: no-repeat; }
.desktop-software a.mac { background-image: url(images/mac-icon.png); background-repeat: no-repeat; background-position: left 10px center;}


/* FAQ Page Styles
==============================================================*/
.faq-list { padding: 50px 0 70px 0; }
.faq-list .faq { border-bottom: 1px solid #e3e3e3; }
.faq-list .question { padding: 26px 0; }
.faq-list .question .arrows { position: relative; float: right; display: inline-block; width: 15px; height: 40px;}
.faq-list .question .arrows:hover { cursor: pointer; }
.faq-list .question .arrows span { position: absolute; width: 13px; height: 2px; background-color: #333333; display: block; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.faq-list .question .arrows span:nth-child(1) { top: 20px; left: 5px; transform: rotateZ(135deg); }
.faq-list .question .arrows span:nth-child(2) { top: 20px; right: 5px; transform: rotateZ(-135deg); }
.active.question .arrows span:nth-child(1) { top: 5px; left: 5px; transform: rotateZ(45deg);}
.active.question .arrows span:nth-child(2) { top: 5px; right: 5px; transform: rotateZ(-45deg);}
.faq-list .question h2 { font-size: 20px; color: #333333; font-weight: 400; display: inline-block; padding: 0; }
.faq-list .question:hover h2 { cursor: pointer; color: #cc3300;}
.faq-list .question h2.active { color: #cc3300!important; }
.faq-list .answer { display: none;}
.faq-list .answer p { padding: 0 0 26px 0; font-size: 14px; line-height: 26px;}

.faq:first-child .answer { display: block; }
.faq:first-child .question h2 { color: #cc3300; }

/* Product Finder Page Styles
==============================================================*/
.page-product-finder .small-header .container { text-align: left; }
.page-product-finder .small-header h1 { font-size: 29px; font-weight: 300; text-transform: capitalize;}
.page-product-finder .small-header p { font-size: 20px; font-weight: 300;}

.product-finder { padding: 40px 0 60px 0; }
.product-finder h2 { margin: 0 0 25px 0; font-weight: 500; font-size: 14px; padding: 10px 0 10px 50px; }
.product-finder label { font-size: 13px; color: #777777; float: left; margin: 0 10px 10px 0; border: 1px solid #d4d4d4; border-radius: 10px; padding: 10px; display: inline-block; -webkit-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; }
.product-finder label.selected { background-color: #ececec; }
.product-finder label:hover { cursor: pointer; background-color: #ececec; }
.product-finder .s-item .s-button { font-size: 13px; line-height: 18px; float: left; color: #777777; margin: 0 10px 10px 0; border: 1px solid #d4d4d4; border-radius: 10px; padding: 10px; display: inline-block; -webkit-transition: background 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.product-finder .s-item .s-button.selected { background-color: rgba(204,51,0,0.5); color: #ffffff; border: 1px solid rgba(204,51,0,0); }
.product-finder .s-item .s-button:hover { cursor: pointer; background-color: rgba(204,51,0,0.5); border: 1px solid rgba(204,51,0,0); color: #ffffff; }
.operations { padding: 0 0 85px 0; margin: 0 0 25px 0; border-bottom: 1px solid #e3e3e3; }
.operations .s-item { width: 25%; float: left; text-align: center;  }
.operations .s-item label { float: initial;}
.operations .s-item span { height: 40px; display: block; margin: 35px 0 0 0; }
.operations .s-item .s-button { float: initial; }
.operations .s-item .i-button:hover { cursor: pointer; }
.operations .s-item .straight { background-image: url(../henderson/images/operator1.png); background-repeat: no-repeat; background-position: top center; }
.operations .s-item .folding { background-image: url(../henderson/images/operator2.png); background-repeat: no-repeat; background-position: top center; }
.operations .s-item .multi { background-image: url(../henderson/images/operator3.png); background-repeat: no-repeat; background-position: top center; }
.operations .s-item .corner { background-image: url(../henderson/images/operator4.png); background-repeat: no-repeat; background-position: top center; }
.product-finder input[type=checkbox] { position: absolute; top: -9990px; left: -9999px; }
.applications { border-right: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; padding: 0 30px 0 20px; margin: 0 0 30px 0;}
fieldset .s-list { margin: 0 0 0 50px; }
.materials { padding: 0 20px 0 40px; }
.door-weight { clear: left; padding: 20px 0; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}
.door-weight h2 { float: left; margin: 0; padding-right: 30px; line-height: 37px;}
.door-weight h2 span { font-weight: 300;}
.door-weight .s-item { margin-top: 10px; }
.door-weight input[type=text] { font-family: "Gotham A", "Gotham B", Arial, Helvetiva, sans-serif; padding: 0 10px; height: 39px; border: 1px solid #d4d4d4; width: 270px; }
.door-weight input[type=submit] { font-family: "Gotham A", "Gotham B", Arial, Helvetiva, sans-serif; letter-spacing: 1px; height: 39px; border: 0; margin: 0 0 0 50px; float: right; padding: 0 100px; background-color: #cc3300; color: #ffffff; text-transform: uppercase; font-size: 13px; }
.door-weight input[type=submit]:hover { cursor: pointer; background-color: #b72e00; }
.door-weight span.weight { padding: 0 10px; font-weight: 600; }

/*heading icons*/
.operations h2 { background-image: url(../henderson/images/icon-operations.png); background-repeat: no-repeat; background-position: left center; }
.positions h2 { background-image: url(../henderson/images/icon-positions.png); background-repeat: no-repeat; background-position: left center; }
.applications h2, .door-weight h2 { background-image: url(../henderson/images/icon-applications.png); background-repeat: no-repeat; background-position: left center; }
.materials h2 { background-image: url(../henderson/images/icon-materials.png); background-repeat: no-repeat; background-position: left center; }

.products-found { padding: 40px 0; display: none;}
.products-found h1 { font-size: 29px; color: #333333; font-weight: 300; padding: 0;  }
.products-found h2 { font-size: 14px; color: #333333; font-weight: 500; padding: 0;  }
.products-found .chosen-filters { margin: 30px 0; height: 40px; position: relative;}
.products-found .chosen-filters li { font-size: 13px; color: #74267b; float: left; margin: 0 10px 10px 0; border: 1px solid #74267b; border-radius: 10px; padding: 10px 30px 10px 10px; display: inline-block; background-image: url(../henderson/images/cross.png); background-repeat: no-repeat; background-position: right 10px center; -webkit-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; }
.products-found .chosen-filters li:hover { cursor: pointer; background-color: #ececec; }
.products-found .update-results { position: absolute; right: 0; top: 0; display: none; font-family: "Gotham A", "Gotham B", Arial, Helvetiva, sans-serif; letter-spacing: 1px; height: 39px; border: 0; margin: 0 0 0 50px; padding: 12px 50px; background-color: #cc3300; color: #ffffff; text-transform: uppercase; font-size: 13px;}
.products-found .update-results:hover { cursor: pointer; background-color: #b72e00; }

.filter-results { padding: 30px 20px; background-color: #e3e3e3; margin: 30px 0; }
.filter-results h2 { padding: 0 0 15px 0; }
.filter-results select { font-family: "Gotham A", "Gotham B", Arial, Helvetiva, sans-serif; padding: 15px 135px 15px 15px; border: 0; margin: 0 40px 0 0; background-image: url(../henderson/images/down-orange.png); background-repeat: no-repeat; background-position: right 15px center;}
.filter-results select:hover { cursor: pointer;}
.filter-results input[type=submit] { font-family: "Gotham A", "Gotham B", Arial, Helvetiva, sans-serif; letter-spacing: 1px; border: 0; padding: 16px 75px; background-color: #cc3300; color: #ffffff; text-transform: uppercase; font-size: 13px; }
.filter-results input[type=submit]:hover { cursor: pointer; background-color: #b72e00; }

/* Product Listing Page Styles
==============================================================*/
.btn-green { background-color: #748e27; color: #ffffff; text-align: center; text-decoration: none; padding: 15px 0; font-size: 11px; font-weight: 500; text-transform: uppercase; }
.btn-green:hover { background-color: #688023;  }
.search-header { height: 260px; margin: 0 0 40px 0; position: relative; background-repeat: no-repeat; background-size: cover; background-color: #666; }
.search-header form { width: 100%; padding: 65px 0 0; text-align: center;  }
.search-header form { color: #ffffff; font-weight: 300; font-size: 29px; line-height: 44px;}
.search-header form label { width: 35%; margin-right: 35px; float: left; display: block; line-height: 35px; }
.search-header form label span { font-size: 12px; display: block; }
.search-header form label span a:hover { text-decoration: underline; }
.search-header form .search-field { width: 45%; border:0; padding: 15px; font-weight: 300; font-family: "Gotham A", "Gotham B", Arial, Helvetiva, sans-serif; }

.search-header .product-search-title {
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 24px;
}

.search-header form .search-field,
.search-header form .search-button { 
    display: inline-block;
    vertical-align: top;
}

.product-list .product-item { float: left; width: 24%; margin-bottom: 40px; position: relative; }
.product-list .product-item:hover .view { background-color: #688023; }
.product-item span.operation { position: absolute; top: 0; left: 0; padding: 10px 15px; background-color: #333333; width: 50%; color: #ffffff; font-weight: 300; font-size: 13px;}
.application span { font-size: 12px; line-height: 24px; color: #222222; }

.found-filters { padding-bottom: 30px; }
.found-posts { padding: 20px 0; }
.found-posts p, .found-filters p { font-size: 18px; color: #222222; padding-top: 10px;}
.filters-acc { border: 1px solid #d5d5d5; padding: 5px 15px; padding-right: 35px; position: relative; }
.filter-buttons { padding: 0; }

.acc-filters { width: 100%; }
.acc-filters .acc { margin: 0; }

.plus { position: absolute; content: ''; height: 8px; width: 8px; right: 15px; margin: 0 auto; text-align: center; top: 17px; }
.plus span { display: block; height: 1px; width: 8px; background: #6f6f6f; position: absolute; top: 0; -webkit-transition: all 0.1s; transition: all 0.1s; opacity: 1; }
.plus span:nth-child(2) { -webkit-transform: rotate(90deg); ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.5s; transition: all 0.5s; }
.open .plus span:nth-child(1) { opacity: 0; }
.open .plus span:nth-child(2) { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.filters-acc:hover { cursor: pointer; }

#accFilter { position: relative; }
#accFilter .filter-apply { position: absolute; left: 218px; top: -63px; }

/*.filter-buttons { display: none; }*/
.filter-these { margin: 0; }
.filter-these:hover { cursor: pointer; }

.sorry-prods { padding-bottom: 45px; }

/*View/Show All*/
.view_all select { height: 45px; padding: 5px 20px; padding-right: 35px; line-height: 35px; border: 1px solid #e5e5e5; background-image: url(../henderson/images/drop-arrow-orange.png); background-repeat: no-repeat; background-position: right 10px center; }

::-webkit-input-placeholder { font-family: "Gotham A", "Gotham B", Arial, Helvetiva, sans-serif; font-weight: 300; }
::-moz-placeholder { font-family: "Gotham A", "Gotham B", Arial, Helvetiva, sans-serif; font-weight: 300;}
:-ms-input-placeholder { font-family: "Gotham A", "Gotham B", Arial, Helvetiva, sans-serif; font-weight: 300; }
input:-moz-placeholder { font-family: "Gotham A", "Gotham B", Arial, Helvetiva, sans-serif; font-weight: 300; }
select:-webkit-placeholder { font-family: "Gotham A", "Gotham B", Arial, Helvetiva, sans-serif; font-weight: 300; }
.search-header form input[type=submit] { width: 10%; border:0; padding: 15px; font-family: "Gotham A", "Gotham B", Arial, Helvetiva, sans-serif; font-weight: 500; background-color: #cc3300; color: #ffffff; font-size: 13px; text-transform: uppercase; }
.search-header form input[type=submit]:hover { cursor: pointer; background-color: #b72e00; }
.product-list .product-item:nth-of-type(4n-2) { margin: 0 1.33%; }
.product-list .product-item:nth-of-type(4n-1) { margin: 0 1.33% 0 0; }
.product-list .product-item .name {text-align: left; margin: -3px 0 2px 0; background-color: #eae9e9; padding: 17px; }
.product-list .product-item .name h3 { color: #222222; font-size: 13px; line-height: 23px; font-weight: 500;  }

.name.product {text-align: left; margin: -3px 0 2px 0; background-color: #eae9e9;}
.name.product h3 { color: #222222; font-size: 13px; line-height: 23px; font-weight: 500; }
.name.product .application { padding: 0 17px; }
.name.product .application { font-size: 13px; line-height: 23px; color: #222222; }
.name.product .application.exPadding { padding-bottom: 17px; }

.product-list .product-item img { width: 100%; height: 200px; }
.product-list .product-item .view { width: 100%; clear: left; display: block; }

.product-search-img { padding-top: 70%; background-size: contain; background-position: bottom center; background-repeat: no-repeat; }

h1.page-title { display: none; }
.woocommerce-ordering { margin: 0 0 30px!important; }
.orderby { padding: 15px 30px 15px 10px; background-image: url(../henderson/images/down-orange.png); background-repeat: no-repeat; background-position: right 15px center; }
.orderby:hover { cursor: pointer; }
.woocommerce-result-count { display: none; }

/*.product_cat-accessories .product-details { display: none; }
.product_cat-accessories .product-extras { display: none; }*/

.product_cat-accessories .optional-extra-tab { display: none; }
.product_cat-products.product_cat-accessories .optional-extra-tab { display: block; }

/*--paging--*/
.pagination { border-top: 1px solid #cfcfcf; padding: 40px 0; text-align: center;}
.pagination span.pages { display: none; }
.pagination .paging li { display: inline-block; border: 1px solid #cfcfcf; margin: 0 12px 0; font-size: 13px; font-weight: 400; }
.pagination .paging li a { padding: 15px; display: block;}
.pagination .paging li span { padding: 15px; display: block;}
.pagination .paging li.active { background-color: #e3e3e3; color: #464646}
.pagination .paging li:hover { background-color: #e3e3e3; cursor: pointer;}
.pagination .paging li:hover a { color: #464646; }

.woocommerce-pagination { margin: 0 0 30px 0; }
.woocommerce-pagination .page-numbers { border: 0!important; }
.woocommerce-pagination .page-numbers li { margin: 0 5px!important; border: 1px solid #d3ced2!important; }
.woocommerce-pagination .page-numbers li a { padding: 10px!important;}
.woocommerce-pagination .page-numbers li span { padding: 10px!important;}

/* Product Search Results Page Styles
==============================================================*/
.products span.price { display: none!important; }
ul.products li.product h3 { color: #222222; text-align: left; margin: -3px 0 2px 0!important; font-size: 14px!important; line-height: 26px; background-color: #eae9e9; padding: 17px!important; }
.woocommerce ul.products li.product h3 { padding-bottom: 0!important; }
.product-img { height: 200px; background-repeat: no-repeat; background-size: cover; background-position: center; }
.woocommerce ul.products li.product a img { height: 200px!important; margin: 0!important; }
.woocommerce ul.products li.product a.button { background-color: #748e27; color: #ffffff; margin: 0; text-align: center; text-decoration: none; padding: 15px 0; font-size: 11px; font-weight: 500; text-transform: uppercase;  width: 100%; clear: left; display: block; border-radius: 0; }
.woocommerce ul.products li.product a.button:hover { background-color: #688023; }

/* Product Page Styles
==============================================================*/

/*--breadcrumbs--*/
.woocommerce-breadcrumb { 
    background-color: #fff;
    padding: 15px 0!important;
    color: #ec5f30!important;
    font-size: 12px;
    font-weight: 400;
}

.woocommerce-breadcrumb a { 
    color: #666 !important;
}

.woocommerce-breadcrumb .container {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}




/*--product slider--*/
.gallery {margin: 0 0 60px 0;}
.productSlider { height: 570px!important; visibility: hidden; position: relative;}
.productSlider .slide { height: 530px; background-repeat: no-repeat; background-size: contain; background-position: center; background-color: #f4f4f4; }
.productSlider .thumbs img { width: 76px; height: 60px; margin: 10px 10px 0 0; }

.slick-arrow { position: absolute!important; top: 45%; z-index: 900; width: 50px; height: 45px; border: 0; color: #ffffff; background-color: rgba(0,0,0,0.5); }
.slick-next { right: 0; }
.slick-arrow:hover { cursor: pointer; background-color: rgba(0,0,0,1); }
.slick-prev { left: 0; }
.slick-prev span { background-color: #ffffff; width: 15px; height: 3px; display: block; position: absolute;}
.slick-prev span:nth-child(1) { top: 16px; left: 16px; transform: rotateZ(-45deg); }
.slick-prev span:nth-child(2) { top: 25px; left: 16px; transform: rotateZ(45deg); }
.slick-next span { background-color: #ffffff; width: 15px; height: 3px; display: block; position: absolute;}
.slick-next span:nth-child(1) { top: 16px; right: 16px; transform: rotateZ(45deg); }
.slick-next span:nth-child(2) { top: 25px; right: 16px; transform: rotateZ(-45deg); }

/*.productSlider .rsOverflow { height: 530px!important;}
.productSlider .slide { background-repeat: no-repeat; background-size: contain; background-position: center; background-color: #f4f4f4; }
.productSlider .slide:hover { cursor: pointer;}
.productSlider .rsNav { width: 100%;}
.productSlider .rsNav .rsThumbsContainer { width: 100%!important; transform:none!important;}
.productSlider .rsThumb { float: left; height: 75px!important; width: 95px!important; overflow: hidden; display: inline-block; margin: 15px 15px 0 0!important; }
.productSlider .rsThumb img { height: 75px!important; width: 95px!important;}
*/
.img-caption { color: #ffffff; font-size: 14px; background-color: #222222; padding: 10px 15px; width: 25%; }


/*--right product info--*/
.product-wrapper .type-product { margin: 55px 0!important;}
.gallery .images { width: 100%!important;}
.product-info { padding: 0 0 0 45px;}
.product-info h1.title {font-size: 32px; color: #222222; font-weight: 400; margin: 0 0 15px 0; padding: 0}
.product-info h2.tagline {font-size: 18px; line-height: 28px; color: #666666; font-weight: 400; padding: 0;}
.product-info .description { padding: 25px 0 35px 0; border-bottom: 1px solid #cfcfcf;}
.product-info .description p {color: #222222; font-size: 14px; line-height: 26px; font-weight: 400;}
a.bim-link {padding: 15px 0 0; display: inline-block; font-weight: 700;}
.product-info .features ul { margin: 30px 0 0 30px;}
.product-info .features ul li { font-weight: 400; font-size: 13px; line-height: 20px; color: #585757; margin: 0 0 10px 0;}
.product-info .features ul li:before { content: ""; width: 9px; height: 9px; display: inline-block; margin: 0 20px 0 -29px; background-color: #7c9c24; }
.product-info .price-cart { position: relative;}
.product-info .price-cart .quantity { width: 50%; margin: 0 0 30px 0!important; }
p.alt-order { clear: both; text-align: right; display: block; font-weight: 400; font-size: 14px; color: #26aba8; }
p.alt-order a { color: #26aba8; }
p.alt-order a:hover { text-decoration: underline; }
p.alt-order span.phone-no { color: #333333; }
/*--right product pricing/variations--*/
.price-cart .variations { margin: 0!important; width: 100%; border-collapse: separate; border-spacing: 0px 15px;}
.price-cart .variations .label { vertical-align: middle!important; width: 50%; }
.price-cart .variations label { font-weight: 500; color: #6f6f6f; font-size: 14px; font-weight: 300!important;}
.price-cart .variations .value { width: 100%; float: left;}
.price-cart .variations select { font-weight: 500; color: #222222; width: 100%; font-size: 13px; border: 1px solid #c0c0c0; padding: 10px; background-image: url(../henderson/images/drop-arrow-orange.png); background-repeat: no-repeat; background-position: right 10px center;}
.price-cart .single_variation_wrap { position: relative; width: 100%; padding: 5px 0 0 0; height: 70px;}
.price-cart .single_variation { float: right; margin-top: 0px; }
.woocommerce div.product form.cart .woocommerce-variation-description p { margin: 0!important; }
.reset_variations { display: none!important;}
.quantity p { float: left; padding: 10px 0; font-weight: 500; color: #6f6f6f; font-size: 14px; width: 150px; font-weight: 300;}
.quantity-message { color: #6f6f6f; font-size: 14px; padding: 10px 0; font-weight: 300; }
.quantity .qty { float: left; padding: 10px;}
.price .amount { font-weight: 500; font-size: 26px; color: #222222; line-height: 40px;}
.cart .button { background-color: #748e27!important; float: right!important; padding: 15px 70px!important;; color: #ffffff; text-transform: uppercase; font-size: 11px!important; font-weight: 500;}
.prod-diagrams { background-color: #7f7e7e; display: none; float: left; clear: left; color: #ffffff; font-weight: 300; padding: 14px 20px 14px 50px; font-size: 13px; border-radius: 5px; font-family: "Gotham A", "Gotham B", Arial, Helvetiva, sans-serif; background-image:url('../henderson/images/line-graph.png'); background-position: left 20px center; background-repeat: no-repeat; }
.prod-diagrams:first-of-type { display: inline-block;  }

/* Remove controls from Firefox */
input[type=number] { -moz-appearance: textfield;}
/* Re-applies the controls on :hover and :focus */
input[type="number"]:hover, input[type="number"]:focus {-moz-appearance: textfield;}
/*--right product pricing/simple--*/
.product-type-simple .cart { margin: 15px 0 0 0; float: left; width: 100%; position: relative;}
.product-type-simple .price { float: right; line-height: 70px;}
.button.enquire { float: right!important; }
/*-- product tab styling --*/
.tab-content{ display: none; padding: 25px 0;}
.tab-content.current{ display: block; background-color: #ffffff;}

.tab-head ul li {
    float: left;
    padding: 20px 30px;
    background-color: #f4f4f4;
    font-weight: 400; color: #222222;
    margin-right: 3px;
    border: 1px solid #dedddd;
    border-bottom: none;
}

.tab-head ul li.current {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #dedddd;
    border-bottom: none;
    font-weight: 500;
}

.tab-head ul li.current:before {
    display: block;
    content: '';
    position: absolute;
    bottom: -3px;
    height: 5px;
    left: 0;
    right: 0;
    background-color: #fff;
}

.tab-head ul li.current:hover:before {
    opacity: 0;
}

.tab-head ul li:hover { cursor: pointer; background-color: #f4f4f4;}
/*-- product extra tab styling --*/
.product-extras { margin: 0 0 20px 0; padding: 30px 0 0 0; border-top: 1px solid #cfcfcf; }
.product-extras .tabs { padding: 0 20px;}
.tab-extra-content{ display: none; padding: 25px 0;}
.tab-extra-content.active{ display: block;}
.tab-extra-head ul li { float: left; padding: 12px 0; width: 145px; text-align: center; background-color: #ffffff; border: 1px solid #cc3300; margin: 0 10px 0 0; font-weight: 500; color: #cc3300;}
.tab-extra-head ul li.active { background-color: #cc3300; color: #ffffff; }
.tab-extra-head ul li:hover { cursor: pointer; background-color: #cc3300; color: #ffffff;}
/*-- product details --*/
.product-details { clear: both; margin: 60px 0;}
.tab-head .tabs.border { border-bottom: 1px solid #dedddd; }
/*
HIDE PRODUCT EXTRA TABS
.product-details .tabs .optional-extras { display: none; }*/
.product-info-table { font-weight: 400; color: #222222; width: 100%;}
.product-info-table th { text-align: left; border-bottom: 1px solid #d5d2d2; font-weight: 500; color: #616161; font-size: 14px; line-height: 20px;}
.product-info-table td {  font-size: 14px; vertical-align: middle;}
.product-info-table tr { border-bottom: 1px solid #eeeeee;}
.product-info-table tr:last-child { border-bottom: none;}
.product-info-table th, .product-info-table td { padding: 20px 10px;}

.product-info-table .p-img .optionalImg { display: block; width: 100%; padding-bottom: 80%; background-size: contain; background-repeat: no-repeat; background-position: center; }
.product-info-table .p-img { width: 20%; }
.product-info-table .p-name { width: 15%; }
.product-info-table .p-name a { color: #222222; font-weight: 300; font-size: 14px; line-height: 24px;}
.product-info-table .p-name a:hover { font-weight: 400;}
.product-info-table .p-price { color: #222222; font-size: 14px; line-height: 24px; }
.product-info-table .p-details { width: 40%; }
.product-info-table td.p-details { color: #222222; font-weight: 300; font-size: 14px; line-height: 24px;}
.product-info-table .p-quantity { width: 5%; }
.product-info-table .p-quantity input { width: 100%; padding: 10px; }
.product-info-table .p-call-to { width: 20%; }
.product-info-table .p-call-to a { margin: 0; float: right; background-color: #748e27; color: #ffffff; }
.product-info-table .p-call-to a:hover { background-color: #688023;  }


.optionalImg img { max-width: 65%!important; }

/*-- product downloads --*/
.downloads { width: 100%; font-weight: 400; margin: 0 0 40px 0;}
.downloads tbody { border-top: 1px solid #d5d2d2;}
.downloads th { text-align: left; padding: 20px 0; color: #616161;}
.downloads td { padding: 15px 0; border-bottom: 1px solid #eeeeee; color: #222222; vertical-align: middle;}
.downloads .document { width: 20%; padding-left: 20px;}
.downloads .name { width: 40%;}
.downloads .name a { color: #222222; }
.downloads .name a:hover { text-decoration: underline; }
.downloads .size { width: 5%;}
.downloads .download { width: 20%; text-align: right;}
.downloads .download a { text-transform: uppercase; font-weight: 500; color: #cc3300; font-size: 10px;}
.downloads .download a:hover { text-decoration: underline;}
/*-- product video --*/
.product-video { text-align: center; padding: 50px 0;}
.product-video iframe { width: 850px; height: 470px; }
/*-- CAD Drawings --*/
.cad-drawings { width: 100%; font-weight: 400;}
.cad-drawings th { text-align: left; padding: 20px 0; color: #616161; border-bottom: 1px solid #d5d2d2; }
.cad-drawings td { padding: 20px 0; border-bottom: 1px solid #eeeeee; color: #222222;}
.cad-drawings tr.section { border-bottom: 1px solid #eeeeee;}
/*.cad-drawings tr.cads { display: none; }*/
.section-header { font-weight: 700; border: none; font-size: 16px!important;}
.section.live .section-header {  }
.section.live .section-header .arrow { float: right; position: relative; display: inline-block; width: 30px; height: 30px; }
.section.live .section-header .arrow:hover { cursor: pointer; }
.section.live .section-header .arrow span { height: 2px; width: 8px; position: absolute; background-color: #222222; display: block; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.section.live .section-header .arrow span:nth-child(1) { transform: rotateZ(45deg); top: 17px; }
.section.live .section-header .arrow span:nth-child(2) { transform: rotateZ(-45deg); top: 17px; left: 5px; }
.cad-drawings td.name { width: 15%;}
.cad-drawings td.dwg { width: 5%;}
.cad-drawings td.dxf { width: 5%;}
.cad-drawings td.pdf { width: 5%;}
.cad-drawings td img { margin: 0 10px 0 0;}
.cad-drawings td a { color: #222222; }
.cad-drawings td a:hover { text-decoration: underline;}
/*-- optional extras --*/
.product_extras { display: none; }
.simple_product_extras { display: block; }
/*-- removing sortby options --*/
.orderby option[value="popularity"] { display: none; }
.orderby option[value="rating"] { display: none; }
.orderby option[value="date"] { display: none; }

.product-info-table.mobile { display: none; }

span.vat { font-size: 14px; padding: 0 0 0 5px; color: #222222; font-style: italic; }
.sku p { font-size: 14px; line-height: 24px; color: #222222; }

p.choose { display: none; }

/*-- Bim Links --*/
.bim-links {}
.bim-links li { padding: 15px 0; border-top: 1px solid #eeeeee; }
.bim-links li:first-child { border-top: none; }
.bim-links li a { font-size: 16px; }
.bim-links li a:hover { text-decoration: underline; }


/*-- Filter Search --*/
.filter-search { padding: 20px; background-color: #eae9e9; }
.filter-search h3 { font-size: 14px; font-weight: 400; line-height: 24px; color: #222222;  }
#productFilter { margin: 25px 0 0; }
#productFilter select { padding: 15px; width: 18%; margin: 0 30px 0 0; border: 0; background-image: url(../henderson/images/drop-arrow-orange.png); background-repeat: no-repeat; background-position: right 10px center;}
#productFilter select:hover { cursor: pointer; }
.filter-apply { border: 0; padding: 15px 35px; font-family: "Gotham A", "Gotham B", Arial, Helvetiva, sans-serif; font-weight: 500; background-color: #cc3300; color: #ffffff; font-size: 13px; text-transform: uppercase; }
.filter-apply:hover { cursor: pointer; background-color: #b72e00; }

.mob-hide-filters { display: none; }

.filter-search.acc h3 { float: left; padding: 10px 0 0; }
.filter-search.acc #productFilter { float: right; width: 65%; margin: 0; }
.filter-search.acc #productFilter select  { width: 70%; margin: 0 15px 0 0; }
.filter-search.acc #productFilter .filter-apply {  }



/* #Q&A #Questions 
======================================= */



.woocommerce-tabs .tabs {
    display: none;
}

#tab-product_question {
    margin-bottom: 70px;
}

.woocommerce-tabs .faq_block h2 {
    font-size: 24px;
    color: #cc3300;
    line-height: 1.3;
    letter-spacing: -0.02em;
    overflow: auto;
}

.woocommerce-tabs .add_question_form button,
.woocommerce-tabs input#id_submit_coment,
.woocommerce-tabs .faq_block h2 a {
    font-family: "Gotham A", "Gotham B", sans-serif;
    padding: 0 20px;
    font-size: 12px;
    background-color: #cc3300;
    letter-spacing: 0.02em;
    border: 0;
    line-height: 40px;
    height: 40px;
    font-weight: 500;
}

a.jp-current:hover {
    cursor: default;
}

.woocommerce-tabs  .holder a.jp-disabled {
    display: none;
}

.woocommerce-tabs .faq_block ul li .answered_by {
    margin: 10px -15px;
}

.woocommerce-tabs li.faq-ext .qtoggle {
    font-size: 19px;
    font-weight: 400;
}

#extendons-add-new-question input[type="text"],
#extendons-add-new-question input[type="email"],
#extendons-add-new-question textarea {
    border: 1px solid #ddd;
    padding: 0 15px;
    height: 45px;
    line-height: 45px;
}

#extendons-add-new-question textarea {
    padding: 15px;
    height: 175px;
    line-height: 1.4;
}




@media all and (max-width: 767px) {
 
    .tab-content.woocommerce-tabs .faq_block {
        padding: 0 20px;
    }

}


@media all and (max-width: 640px) {
        
    .woocommerce-tabs .faq_block h2 .ask_enable {
        float: none;
        margin-top: 16px;
    }

    .tab-content .faq_block .extendons-accordion p {
        padding: 0;
    }

    .tab-content .faq_block ul {
        padding: 0;
    }

    .tab-content .faq_block ul .faq-ext,
    .tab-content .faq_block ul .faq-ext .under,
    .tab-content .faq_block ul .faq-ext .qtoggle {
        padding-right: 0;
    }

    .woocommerce-tabs .faq_block ul li .answered_by {
        margin-right: 0;
    }


}



/* Checkout/Cart Styles
==============================================================*/
.log-out-mess { padding: 0 20px 20px; }

.cart.small-header { background-color: #cc3300; height: 160px; margin: 0 0 75px 0; }
.cart.small-header .container { padding: 60px 0 0; }

.woocommerce table.shop_table { border: none!important; font-family: "Gotham A", "Gotham B", Arial, Helvetiva, sans-serif; }
.woocommerce table.shop_table th { font-weight: 500!important; }
.woocommerce table.shop_table .cart_item:nth-child(2n) { background-color: rgba(227, 226, 226, 0.20); }
.woocommerce table.shop_table td { border:none!important; }
.woocommerce a.remove { color: #cc3300!important; }
.woocommerce table.shop_table .quantity p { display: none; }
.woocommerce table.shop_table .update-cart { height: 75px; }
.woocommerce table.shop_table .update-cart .update { color: #ffffff!important; font-family: "Gotham A", "Gotham B", Arial, Helvetiva, sans-serif; font-size: 13px!important; font-weight: 500; background-color: #cc3300!important; }
.woocommerce table.shop_table .update-cart .update:hover { cursor: pointer; background-color: #b72e00!important; }
.woocommerce td.product-name dl.variation dt { font-weight: 500!important; color: #666666; }
.woocommerce table.shop_table .variation-TrackLength { font-size: 12px; font-weight: 300; color: #666666; }
.woocommerce table.shop_table .product-name a { font-size: 14px; }
.woocommerce table.shop_table .product-name a:hover { text-decoration: underline; }
.woocommerce table.shop_table .product-price, .woocommerce table.shop_table .product-subtotal { font-size: 14px; }
.variation dt { display: none!important; }
.woocommerce .quantity .qty { width: 65px!important; }
.cart-collaterals { padding: 30px 0 75px 0; font-size: 16px;}
.cart-collaterals .cart_totals { width: 38%!important; border: 1px solid #e4e2e2; padding: 25px;}
.checkout-button { color: #ffffff; font-family: "Gotham A", "Gotham B", Arial, Helvetiva, sans-serif; font-size: 13px!important; font-weight: 500; background-color: #cc3300!important; }

.cross-sells .name.product { margin: 0!important; }
.cross-sells .name.product h3 { margin: 0; padding: 0 15px!important; }

#worldpay_payment_form { padding: 50px 0 75px 0; }
#worldpay_payment_form .button-alt, #worldpay_payment_form .button { color: #ffffff; padding: 15px 20px; border: 0; margin-bottom: 10px; border-radius: 0; height: 45px; font-family: "Gotham A", "Gotham B", Arial, Helvetiva, sans-serif; font-size: 13px!important; font-weight: 500; background-color: #cc3300!important; }
#worldpay_payment_form .button-alt { padding: 0 20px; margin: 0 20px 0 0; }
#worldpay_payment_form .button-alt:hover, #worldpay_payment_form .button:hover { cursor: pointer; }
.woocommerce .order_details li { font-weight: 700; }
.woocommerce .order_details li strong { font-weight: 300; padding: 10px 0 0;}
.woocommerce .order_details li { padding-bottom: 15px; }

form.checkout { margin: 0 0 75px 0; }
.address-details { width: 60%; margin: 0 5% 0 0; float: left; }
.order-details { width: 35%; float: right; border: 1px solid #e4e2e2; padding: 30px; font-size: 13px;}
form.checkout .form-row input.input-text { padding: 13px 20px; border: 1px solid #e4e2e2; }
form.checkout .form-row label { font-size: 14px; font-weight: 300; }
form.checkout h3 { font-size: 18px; font-weight: 300; margin: 0 0 25px 0; }
.address-field strong { font-weight: 500; font-size: 13px; }
.woocommerce-shipping-fields h3 { margin: 25px 0!important; }
form.checkout .form-row textarea { height: 90px!important; border: 1px solid #e4e2e2; padding: 13px 20px; }
form.checkout input.button.alt { color: #ffffff; font-family: "Gotham A", "Gotham B", Arial, Helvetiva, sans-serif; font-size: 13px!important; font-weight: 500; background-color: #cc3300!important; padding: 13px 40px; }
form.checkout input.button.alt:hover { cursor: pointer; background-color: #b72e00!important; }
form.checkout .shop_table td { padding: 12px!important;}
form.checkout .shop_table .cart_item:last-child { border-bottom: 1px solid red!important;}
form.checkout .cart-subtotal th { border: none!important; }
form.checkout .order-total th { border: none!important; }

.return-to-shop { margin: 30px 0 75px 0; }
.return-to-shop a { color: #ffffff!important; font-family: "Gotham A", "Gotham B", Arial, Helvetiva, sans-serif; font-size: 13px!important; font-weight: 500!important; background-color: #cc3300!important; padding: 13px 40px!important; }
.return-to-shop a:hover { cursor: pointer; background-color: #b72e00!important; }

.woocommerce form.login p { font-weight: 300; font-size: 14px; line-height: 24px; }
.woocommerce form.login p.lost_password a:hover { text-decoration: underline; }
.woocommerce form.login input.button { color: #ffffff; font-family: "Gotham A", "Gotham B", Arial, Helvetiva, sans-serif; font-size: 13px!important; font-weight: 500; background-color: #cc3300!important; padding: 13px 40px; margin: 0 30px 0 0; }
.woocommerce form .form-row input.input-text { padding: 13px 20px; border: 1px solid #e4e2e2; }

.woocommerce-price-suffix { font-size: 14px; color: #666666; }
.page-checkout .woocommerce table.shop_table td { width: 50%; }

.woocommerce-cart .woocommerce { padding: 0 20px; }
.woocommerce-checkout .woocommerce { padding: 0 20px; }

#my_custom_checkout_fields p { float: left; width: 50%; }
#hear_about_field label { margin-left: 10px; }
#my_custom_checkout_fields select { padding: 13px 20px; width: 98%; height: 45px; float: left; border: 1px solid #e4e2e2; color: #6f6f6f; background-image: url(../henderson/images/select-drop.png); background-repeat: no-repeat; background-position: right 10px center;}
#my_custom_checkout_fields input { padding: 13px 20px; width: 98%; height: 45px; float: right; }



/* My Account Pages Styles
==============================================================*/

.woocommerce-account h2 { padding: 20px 0; }
.woocommerce-account .woocommerce a { color: #cc3300; }
.woocommerce-account .woocommerce a:hover { text-decoration: underline; }
.woocommerce-account th { border-top: 0!important; padding: 0!important; }

/*Log in*/
.log-title { text-align: center; }
.login { width: 60%; margin: 0 auto 75px!important; }
.login .button { float: right; margin: 0!important; border-radius: 0!important; font-weight: 300!important; }
.login .form-row:nth-child(3) { margin-top: 20px!important; }
.page-checkout .login .form-row:nth-child(3) { margin-top: 0!important; }

/*Dashboard*/
.order-actions .view { color: #ffffff!important; background-color: #cc3300!important; border-radius: 0!important; font-weight: 300!important; text-transform: lowercase; }
.my_account_orders .order:nth-child(even) { background-color: #f5f5f5; }
.addresses { margin-bottom: 75px }
.addresses .title { padding: 15px 0; }
.addresses address { font-size: 14px; line-height: 24px; color: #6f6f6f; }

/*Edit Account*/
.edit-account { margin-bottom: 75px; }
.edit-account .button { color: #ffffff!important; background-color: #cc3300!important; border-radius: 0!important; font-weight: 300!important; margin: 20px 0 0!important; padding: 15px 45px!important; }
.edit-account fieldset { margin-top: 35px; }
.edit-account fieldset legend { padding: 0 0 10px; }

/*Edit Address*/
.billing-address h3 { padding: 0 0 35px 0; }

/*Order View*/





/* Contact Page Styles
==============================================================*/
.contact.small-header { background-color: #cc3300;}
.contact-info { padding: 60px 0;}
.contact-info h2 { font-weight: 400; font-size: 16px; line-height: 26px; color: #cc3300; padding: 0 0 25px 0;}
.contact-info p { font-weight: 400; font-size: 14px; color: #333333; margin: 0 0 10px 0; }
.contact-info p br { line-height: 24px; }
.find-us { padding: 0 0 50px 0; }
.find-us h2 { font-size: 18px; color: #333333; font-weight: 400; padding: 0 0 20px 0;}
.international-contacts .container { border-top: 1px solid #e3e3e3; padding: 35px 0 0 0;}
.international-contacts h2 { font-size: 18px; font-weight: 400; color: #333333; margin: 0 0 35px 0;}
.international-contacts ul li { float: left; width: 23%; margin: 0 2% 60px 0;}
.international-contacts .int-details h3 { margin: 0 0 15px 0; font-weight: 400; font-size: 16px; color: #cc3300;}
.international-contacts .int-details p { font-weight: 400; font-size: 14px; color: #333333; margin: 0 0 10px 0;}
.international-contacts .int-details a { font-weight: 400; font-size: 14px; color: #cc3300;}
.international-contacts .int-details a:hover { text-decoration: underline;}

.find-us .contact-map { padding: 0 0 0 20px;}
.find-us .contact-map #map { margin: 15px 0; height: 500px;}
.find-us .contact-form .gform_wrapper { padding: 0 20px 0 0;}
.find-us .contact-form .gform_wrapper .ginput_container { margin-top: 15px;}
.find-us .contact-form .gform_wrapper .no-margin .ginput_container { margin-top: 0;}
.find-us .contact-form .gform_wrapper .gfield_checkbox { font-weight: 400;}
.find-us .contact-form .gform_footer { margin: 30px 0 0; padding: 0; float: left;}
.find-us .contact-form .gform_wrapper textarea.medium { height: 125px; }
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.left { width: 48%!important; float: left!important; clear: left!important;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.right { width: 48%!important; float: right!important;}
.gform_wrapper .gform_footer { margin: 50px 0 0!important; }
.brochure .gform_footer { margin: 80px 0 0!important; float: left; width: 100%; }


/* Maintenance Page Styles
==============================================================*/
.maintenance .gen-content { text-align: left; padding: 55px 0;}
.maintenance .gen-content .Column1 { padding: 0 20px 0 0;}
.maintenance .gen-content h1 { font-size: 22px; font-weight: 400; color: #333333; padding: 0 0 15px 0; }
.maintenance .gen-content h2.tagline { font-size: 14px; font-weight: 400; color: #616161; padding: 0 0 35px 0;}
.gen-content p { font-size: 14px;}
.maintenance .gen-content .left { padding: 0 50px 0 0;}
.maintenance .gen-content .left p, .maintenance .gen-content .right p { padding: 0 0 20px 0;}

.sub-maintenance { font-weight: 400; color: #333333; padding: 40px 0;}
.sub-maintenance h1 { font-size: 18px; color: #333333; padding: 0 0 30px 0;}
p.underline { border-bottom: 1px solid #d5d2d2; color: #616161; font-size:14px; padding: 0 0 20px 0; }
.sub-maintenance ul li { display: block; width: 100%; float: left; padding: 35px 0; border-bottom: 1px solid #eeeeee;}
.sub-maintenance ul li h2 { float: left; display: inline-block; font-size: 16px; padding: 0;}
.sub-maintenance ul li a { float: right; display: inline-block; text-transform: uppercase; font-size: 11px; font-weight: 500; line-height: 40px;}
.sub-maintenance ul li a:hover { text-decoration: underline; }

.page-breadcrumbs-holder { background-color: #333333; padding: 15px 0;}
.page-breadcrumbs-holder ul li { display: inline-block; padding: 0 5px;}
.page-breadcrumbs-holder ul li a { color: #ffffff; font-size: 12px;}
.page-breadcrumbs-holder ul li a:hover { text-decoration: underline;}
.page-breadcrumbs-holder ul li.page { color: #ec5f30; padding: 0 0 0 5px; font-size: 12px;}


/* Brochure Download Styles
==============================================================*/
.brochure-download { padding: 65px 20px;}
.brochure-download .headings { border-bottom: 1px solid #d5d2d2; font-weight: 400; color: #616161; font-size: 16px;}
.brochure-download .headings .document { line-height: 50px;}
.brochure-download .document { width: 15%; display: block; float: left; }
.brochure-download .name { width: 40%; display: block; float: left; line-height: 50px; }
.brochure-download .size { width: 15%; display: block; float: left; line-height: 50px; }
.brochure-download .document img { width: 37px; height: auto;}
.brochure-download .download { float: right; display: inline-block; line-height: 50px; }
.brochure-download .download a { text-transform: uppercase; font-weight: 500; font-size: 11px;}
.brochure-download .download a:hover { text-decoration:underline;}
.brochure-download .download a.online { color: #748e27; padding: 0 55px 0 0;}
.brochure-download .download a.pdf { color: #cc3300;}
.brochure-download ul li { clear: left; padding: 15px 0; border-bottom: 1px solid #eeeeee; font-weight: 400; color: #222222; font-size: 14px;}
.request-brochure { padding: 0 0 60px 0; text-align: center;}
.request-brochure h2 { font-size: 18px; color: #333333; padding: 0 0 20px 0; font-weight: 400;}
.request-brochure .gform_wrapper { padding: 0 200px;}
.request-brochure .gform_wrapper ul li.mailing { clear: both!important;}
.request-brochure .gform_footer { text-align: center;}
.request-brochure .gform_wrapper input[type=submit] { float: none;}
.request-brochure .gform_wrapper .top_label select.large { width: 100%!important; margin: 0!important; color: #777777; padding: 10px; border: 1px solid #e3e2e2; background-image: url(../henderson/images/select-drop.png); background-repeat: no-repeat; background-position: right 10px center;}
.request-brochure .gform_wrapper .top_label select.large:hover { cursor: pointer;}
.request-brochure .gform_wrapper .gfield_checkbox { padding: 0 0 20px 0;}
.request-brochure .gform_wrapper .gfield_checkbox li label { color: #777777; font-weight: 400; font-size: 13px;}
.request-brochure .gform_wrapper .top_label select.large { margin-top: .75em !important; }

/* Find a Distributor Styles
==============================================================*/
.results-message { padding: 0 0 30px 0; font-weight: 500; }
.distributor-search { margin: 40px 0 0 0; }
.distributor-search .search-form { padding: 20px; background-color: #e3e3e3;}
.distributor-search .search-form h2 { padding: 0 0 20px 0; color: #222222; font-weight: 500; font-size: 14px;}
.distributor-search .search-form select, .distributor-search .search-form input { padding: 12px; width: 26.5%; margin-right: 2%; border: none; font-weight: 300; font-size: 15px; color: #222222;}
.distributor-search .search-form select {-webkit-appearance: none; -moz-appearance: none; text-indent: 1px;  text-overflow: ''; background-image: url(../henderson/images/drop-arrow-orange.png); background-repeat: no-repeat;background-position: right 10px center;}
.distributor-search .search-form select::-ms-expand { display: none;}
.distributor-search .search-form select:hover { cursor: pointer;}
.distributor-search .search-form input[type=submit] { width: auto; margin: 0; padding: 15px 25px; border:none; background-color: #cc3300; text-transform: uppercase; font-size: 11px; color: #ffffff; font-weight: 500; }
.distributor-search .search-form input[type=submit]:hover { cursor: pointer; background-color: #b72e00;}
.distributor-locations { padding: 55px 0 110px 0;}
.acf-map { height: 540px;}
.marker-content { width: 250px; height: auto;}
.marker-content h1.title {font-size: 18px; line-height: 28px; font-weight: 300; color: #cc3300; padding:0;}
.distributor-list { padding: 0 0 0 25px; display: none;}
.distributor-list h2 { color: #333333; font-size: 20px; font-weight: 300; }
.distributor-list h2 .total { color: #cc3300;}
.distributor-list #marker-list { height: 500px; overflow: hidden; overflow-y:auto;}
.distributor-list #marker-list li { padding: 30px 0 30px 40px; border-bottom: 1px solid #e3e3e3; background-image: url(../henderson/images/pin.png); background-repeat:no-repeat; background-position: left center;}
.distributor-list #marker-list li:hover { cursor: pointer;}
.distributor-list #marker-list li h4 { font-size: 18px; font-weight: 300; color: #cc3300;}
.distributor-list #marker-list li p.address { padding: 10px 0;}
.distributor-list #marker-list li p { font-size: 13px; font-weight: 400; color: #222222; padding: 5px 0;}
.cluster > div { line-height: 20px!important; color: #ffffff!important; }

.two-cols ul { margin: 30px 0 30px 30px; }
.two-cols ul li { font-weight: 400; font-size: 13px; line-height: 20px; color: #585757; margin: 0 0 10px 0; }
.two-cols ul li:before { content: ""; width: 9px; height: 9px; display: inline-block; margin: 0 20px 0 -29px; background-color: #7c9c24; }
.two-cols { padding: 30px 20px; }
.two-cols p { font-size: 14px; margin: 0 0 20px 0;}
.two-cols .gen-content { text-align: left; padding: 0; }
.two-cols .gen-content .left { padding: 0;}
.two-cols .gen-content .Column1 { padding: 0 0 20px 0; }

/* Footer Styles
==============================================================*/
footer .main { background-color: #333333;}
footer .main .footer-nav { margin: 50px 0 40px 0; float: left; border-right: 1px solid #605f5f; width: 53%; }
footer #menu-footer-navigation { height: 260px; width: 100%; }
footer .main .footer-nav .part-1, footer .main .footer-nav .part-2, footer .main .footer-nav .part-3 { float: left; width: 33.333%; }
footer .main .footer-nav ul { float: left; width: 100%; margin: 20px 0 0;}
footer .main .footer-nav ul.sub-menu li a { color: #bcbbbb; }
footer .main .footer-nav ul li { font-size: 12px; padding: 0 0 20px 0; text-transform: uppercase;}
footer .main .footer-nav ul li a { color: #ffffff; text-decoration: none;}
footer .main .footer-nav ul li a:hover { text-decoration: underline;}
footer .main .footer-nav ul li.sub a { color: #bcbbbb; }
footer .main .social { padding: 0 0 0 70px; margin: 50px 0 40px 0; float: left; width: 47%;}
footer .main .social h2 { color: #ffffff; font-size: 12px; text-transform: uppercase; padding: 0 0 20px 0;}
footer .main .social p { color: #ffffff; font-size: 13px; font-weight: 300;}
footer .main .social p a { color: #ffffff; color: #afde12; text-decoration: none;}
footer .main .social p a:hover { text-decoration: underline;}
footer .main .social .networks a { width: 32px; height: 32px; display: block; text-align: center; padding: 8px 0; float: left; margin: 0 15px 0 0; background-color: #ffffff; }
footer .main .social .networks a:hover { background-color: #bcbbbb;}
footer .main .payments { margin: 30px 0 40px 0;}
footer .main .footer-nav img { max-width: 100%; height: auto; margin: 0 0 20px; }
footer .main .payments img { max-width: 300px; height: auto; margin: 0 0 20px; display: block;}
/* footer .main .payments img.riba { max-width: 148px; width: auto; display: inline-block; max-height: 117px; padding-right: 5px;}
footer .main .payments img.riba:last-child { padding-right: 0px;} */
footer .contact-details { clear: left; padding: 40px 0; border-top: 1px solid #605f5f;}
footer .contact-details h2 { color: #ffffff; font-size: 12px; padding: 0 0 20px 0; text-transform: uppercase;}
footer .contact-details .services h2 { color: #ee6d42; }
footer .contact-details p { color: #bcbbbb; font-weight: 300; font-size: 13px; padding: 0 0 10px 0;}
footer .contact-details p br { line-height: 24px;}
footer .contact-details a { color: #9ecefb; font-weight: 300; font-size: 13px;}
footer .contact-details a:hover { text-decoration: underline;}
footer .bottom { background-color: #262626; padding: 25px 0;}
footer .bottom .container { display: flex; justify-content: space-between; flex-wrap: nowrap; }
footer .bottom p { color: #888787; font-size: 13px;}
footer .bottom p:first-of-type { padding-right: 40px; }
footer .bottom p:last-of-type { white-space: nowrap; }
footer .bottom .mobile-links { display: none;}


.product-wrapper .trustpilot-widget {
    width: 100%;
    height: auto;
}



/* Responsive Styles
==============================================================*/

/* Large Desktops
-------------------------- */

@media all and (max-width:1340px){

}

@media all and (max-width:1040px){
    .hero { height: 500px; }
/*    .productSlider { height: 450px!important; }
    .productSlider .rsOverflow { height: 450px!important; }*/
}

@media all and (max-width: 1024px){
    .prod-diagrams { right: 0; left: inherit; bottom: 30px!important; }
    .product-info-table .p-call-to a { padding: 15px 20px; }
    footer .bottom .container { display: block; }
    footer .bottom p:first-of-type { padding-right: 0; }
    footer .bottom p:last-of-type { white-space: normal; }
}


@media all and (min-width: 1024px) and (max-width:1240px){
    header .top  { padding: 0 20px;}
    header .main { padding: 0 20px;}
    header .main .main-nav ul li { padding: 0 0 0 25px;}
    .search-header form { padding: 115px 10px 0; }
    #productFilter select { width: 17.5%; }
    .content-wrapper { padding: 0 20px;}
    .content-wrapper .main-content { padding: 40px 0;}
    .sign-up .gform_wrapper { width: 65%;}
    .sign-up .gform_wrapper .gform_body { width: 65%;}
    .news .news-content p { font-size: 12px;}
    footer .main .footer-nav { padding: 0 0 0 20px;}
    footer .main .footer-nav ul { padding: 0 65px 0 0;}
    footer .main .footer-nav ul:last-child { padding: 0 35px 0 0;}
    footer .main .social { width: 45%;}
    footer .main .payments img {width: 100%;}
    footer .contact-details { padding: 40px 20px;}
    footer .bottom { padding: 25px 20px;}

    /*Account Section
    ----------------------------- */
    .edit-account { padding: 0 20px; }
}

/* Small Desktops
-------------------------- */

@media all and (min-width: 890px) and (max-width:1024px){
    header .top .contact { display: none;}
    header .top .accounts { width: 100%;}
    .content-wrapper .main-content { padding: 40px 0 60px 0;}
    .callouts .item .title a { font-size: 11px; background-position: right 10px center;}
    .large-callouts .block { margin-right: 4px;}
    .news.col-4 { margin-right: 4px;}
    footer .main .social { width: 45%;}
    footer .main .social .payments img { width: 100%;}
    .sign-up .container { padding: 0 60px;}
    .news .slide-image .content { padding: 15px;}

    .postsHolder { padding: 0 20px;}

    .content-wrapper img.alignright { float: left; position: inherit; margin: 20px 0; }

}

@media all and (max-width: 920px) {

    .prod-finder a { padding: 20px; }
    .prod-finder a.search, .prod-finder a.finder { background-image: none; }

}

/* Tablet
--------------------------- */

@media all and (min-width: 768px) and (max-width: 1024px) {
    header .main .main-nav ul li { padding: 0 0 0 10px;}
    .desktop-software { display: none; }
    header .top  { padding: 0 20px;}
    header .top .contact { width: 35%;}
    header .main .logo { padding: 20px 0;}
    header .main .main-nav ul li a { padding: 26px 0;}
    header .main .main-nav ul li .sub-nav { top: 64px; left: 0; width: 225px;}
    .mobile-navigation { padding: 20px 0;}
    .prod-search select { padding: 15px 5px 14px 18px; height: 47px; width: 130px; }
    .prod-search .button { padding: 19px 30px;}
    header .main { padding: 0 20px;}
    footer .main { padding: 0 20px;}
    .drop-downs { float: right;}
    .content-wrapper { padding: 0 20px;}
    .main-content h2 { font-size: 25px; padding: 0 0 10px 0;}
    .main-content p { line-height: 25px;}
    .sign-up .gform_wrapper { width: 65%;}
    .sign-up .gform_wrapper .gform_body { width: 65%;}
    .sign-up .gform_wrapper .gform_footer input { padding: 13px 40px!important;}
    footer .main .social { padding: 0 0 0 30px;}
    footer .main .footer-nav ul { padding: 0 40px 0 0;}
    footer .main .footer-nav ul:last-child { padding: 0 30px 0 0;}
    footer .main .payments img {width: 80%;}
    .news .news-content p { font-size: 11px;}
    .sign-up .container { padding: 0 20px!important;}
    footer .contact-details .contact .col-6{ width: 50%;}
    footer .contact-details .services .col-6{ width: 50%;}
    footer .contact-details .col-3 { width: 48%; height: 200px; }
    footer .bottom .divider { display: none;}
    footer .bottom p { padding: 0 20px; line-height: 18px;}
    footer .bottom .mobile-links { width: 100%; display: block; margin: 15px 0;}
    footer .bottom .mobile-links a { width: 100%; display: block; text-decoration: none; color: #888787; }
    footer .bottom .mobile-links a:hover { text-decoration: underline; }
    footer .main .social .networks a { margin-bottom: 10px; }
    .prod-search { width: 700px; position: absolute; left: 50px; right: 50px;}
    .prod-search .search { width: 435px; padding: 15px 0 14px 45px; border-right: 1px solid #cccccc}

    header .main .main-nav ul li .sub-menu { top: 65px; left: 4px; width: 220px; }
    footer .main .footer-nav ul li { padding: 0 0 10px 0; }
    .gform_wrapper .gform_footer { margin: 30px 0!important; }

    .content-wrapper img.alignright { float: left; position: inherit; margin: 20px 0; }
    .content-wrapper img.alignleft { float: left; position: inherit; margin: 20px 0; }
    .page-environment .content-wrapper.main { padding-top: 20px; }
    .page-environment .content-wrapper.main p { padding: 0; }
    .page-environment .content-wrapper.main p br { display: none;}

    .image-with-content .text p { margin: 0 0 30px 0; }

    .postsHolder { padding: 0 20px;}
    .gen-content { padding: 40px 20px;}
    .securefold { padding: 40px 20px;}
    .securefold .image img { width: 100%; height: auto;}


    .product-dir { padding: 0 20px; }
    .search-header form label { font-size: 18px; margin: 0; line-height: 26px; padding: 10px 0 0; }
    #productFilter select { margin: 0 5px 0 0; width: 20%;}
    #productFilter .filter-apply { width: 14%;}
    .search-header form .search-field { width: 40%; }
    .search-header form input[type=submit] { width: 20%; }
    .find-a-distributor p br { display: none; }

    /* Product Section
    ----------------------------- */
    .main-content-wrapper .container { padding: 0 20px; }
    .col-7 { width: 100%; }
    .col-5 { width: 100%;}
    .search-header { padding: 0px 20px; }
    .product-info { padding: 0 20px;}
    .product { margin: 0 0 55px 0;}
    .woocommerce .woocommerce-breadcrumb { padding: 15px 20px!important; margin: 0!important;}
    p.alt-order { float: left;}
    .quantity p { width: 60%;}
    .product-info .price-cart { padding: 0 0 30px 0;}
    .product-details { padding: 0 20px;}
    .product-extras { padding: 30px 20px; margin: 0;}
    .product-video iframe { width: 100%;}

    .prod-diagrams { right: 0; left: inherit; bottom: 30px; }
    .price-cart .variations { margin: 0!important; }


    .gallery { margin: 0 0 60px 0; }
/*    .productSlider .rsOverflow { height: 350px!important; }
    .productSlider { height: 350px!important; }*/
    .productSlider .rsNav { padding: 0 20px; }

    /* About Section
    ----------------------------- */
    .extra-content .container { padding: 55px 100px;}
    .image-with-content .text.right { padding: 30px 0 0 0;}
    .find-a-distributor { padding: 40px 20px;}

    /* FAQs Section
    ----------------------------- */
    .faq-list .question h2 { font-size: 16px;}
    .faq-list .answer p { font-size: 14px;}

    /* Flexiforce Section
    ----------------------------- */
    .image-with-content { padding: 30px 20px;}
    .page-flexiforce .image-with-content .text.left { padding: 0 20px;}
    .page-flexiforce .content-with-image .content-image { margin: 0 0 30px 0;}

    /* Environment Section
    ----------------------------- */
    .gen-list { padding: 30px 20px;}

    /* RIBA Section
    ----------------------------- */
    .sub-maintenance { padding: 20px;}

    /* RIBA Section
    ----------------------------- */
    .content-with-image { padding: 30px 20px;}
    .content-with-image .text { margin: 0;}

    /* Training Section
    ----------------------------- */
    .page-training .content-wrapper { padding: 30px 20px;}
    .support-form h2 { margin: 0;}
    .gform_wrapper { padding: 0;}
    .ginput_container span.name_first { margin: 0 15px 0 0 !important;}

    /* News Section
    ----------------------------- */
    .section.single { padding: 30px 20px;}

    /* Brochure Section
    ----------------------------- */
    .brochure-download { padding: 30px 20px;}

    /* Distributor Section
    ----------------------------- */
    .distributor-search .search-form select, .distributor-search .search-form input { width: 47%; margin: 0 15px 10px 0;}
    .distributor-search .search-form input[type=submit] { width: 47%;}
    .distributor-locations { padding: 55px 0;}
    .distributor-list { padding: 0 25px 0 25px;}

    .distributor-search { padding: 0 20px; }
    .distributor-locations { padding: 30px 20px; }
    .distributor-list { padding: 20px 0 0; }
    .distributor-list h2 { padding: 0; }

    /* Contact Section
    ----------------------------- */
    .contact-info { padding: 30px 20px;}
    .contact-info .contact .col-6 { width: 50%;}
    .contact-info .services .col-6 { width: 50%;}
    .find-us { padding: 0 20px 30px 20px;}
    .find-us .contact-map { padding: 0;}
    .international-contacts { padding: 0 20px;}
    .international-contacts ul li { width: 48%;}

    /* Product Finder Section
    ----------------------------- */
    .product-finder { padding: 0; }
    .product-finder .col-4 { width: 100%; }
    .small-header .container { padding: 90px 20px 0 20px; }
    fieldset .s-list { margin: 0; }
    .operations { padding: 0; border: none;}
    .operations .s-item { width: 50%; margin: 0 0 50px 0; }
    .applications { border: none; margin: 30px 0; padding: 0;}
    .materials { padding: 0; }
    .filter-results select { width: 48%; margin: 0 2% 20px 0; }
    .filter-results select:nth-child(2) { margin: 0; }
    .filter-results input[type=submit] { width: 48%; }
    .door-weight input[type=submit] { margin: 20px 0 0; }
    .product-list .product-item { width: 32.333%; margin-bottom: 40px!important;  }
    .product-list .product-item:nth-of-type(4n-1) { margin: 0; }
    .product-list .product-item:nth-of-type(4n-2) { margin: 0; }
    .product-list .product-item:nth-of-type(3n-1) { margin: 0 1.5%!important; }

    /* Cart/Checkout
    ----------------------------- */
    .woocommerce-cart .woocommerce { padding: 0 20px; }
    .woocommerce-checkout .woocommerce { padding: 0 20px; }
    .address-details { width: 100%; }
    .order-details { width: 100%; margin: 50px 0 0;}
    .cart-collaterals .cross-sells { width: 100%!important; }
    .cart-collaterals .cart_totals {width: 100%!important;}

    /*Account Section
    ----------------------------- */
    .woocommerce-account .woocommerce { padding: 0 20px; }
    .edit-account { padding: 0 20px; }



}

@media all and (min-width: 768px) and (max-width: 890px){
    .mobile-navigation { display: block;}
    .col-6 { width: 100%;}
    .callouts .row-1 .item.col-6 { width: 50%;}
    footer .main .social { width: 40%;}
    footer .main .social .payments img { width: 100%;}
    .large-callouts .block { margin-right: 3px;}
    .news.col-4 { margin-right: 4px;}
    .large-callouts .block { height: 220px;}
    .news .newsSlider { height: 220px;}
    header .top .contact { display: none;}
    header .main .main-nav { display: none;}
    header .top .accounts { width: 100%;}
    .news .slide-image .content { padding: 10px;}
    .content-wrapper .main-content { text-align: center;}
    .main-content h2 { width: 100%;}
    .main-content p { width: 100%;}
    .callouts { margin: 40px 0;}
    .callouts .item {background-size:cover; background-repeat:no-repeat; background-position: center;}
    .large-callouts { padding: 40px 0;}
    .content-wrapper .main-content { padding: 40px 0 0 0;}
    .sign-up .container { padding: 0 50px;}
}


/* Mobile & Small Tablets
---------------------------- */

@media all and (max-width: 767px) {
    .desktop-software { display: none; }

    .mobile-navigation { display: block;}
    .col-4 { width: 100%;}
    .col-6 { width: 100%;}
    .col-7 { width: 100%;}
    .col-5 { width: 100%;}
    .news.col-4 { width: 100%; margin: 0;}
    header .container { max-width: 100%;}
    .slider-wrapper .container { max-width: 90%;}
    header .top .contact { display: none;}
    header .main { padding: 0 20px;}
    header .top { padding: 0 20px; height: auto; }
    .basket-totals { margin: 45px 0 0; clear: both; }
    header .top .accounts { width: 100%; text-align: center;}
    header .top .accounts .basket-totals { float: none; background-position: left 15px center; margin: 0;}
    header .main .main-nav { display: none;}

    header .main .logo { padding: 20px 0; }

    .drop-downs { clear: left; padding: 0;}
    .drop-downs .region { width: 100%; margin: 0 0 10px 0;}
    .drop-downs .user { width: 100%;}
    header .top .accounts .drop-downs { width: 100%; }
    .hero { height: 380px;}
    .hero .rsContent .content { padding: 75px 0 0 0;}
    .hero .rsContent .content h1 { font-size: 27px; line-height: 35px; padding: 0;}
    .hero .rsContent .content p { font-size: 12px; line-height: 18px; padding: 0 0 22px 0;}
    .prod-finder { position: relative; background-color: rgba(0,0,0,1); padding: 20px 0;}
    .prod-search .search { margin: 0 0 10px 0; }
    .prod-finder a { padding: 15px 40px; width: 100%; display: block; margin: 0 0 10px 0;}
    .prod-finder a.search { padding: 15px 36px; width: 100%; display: block; background-position: left 15px center;}
    .prod-finder a.finder { background-position: left 15px center;}
    .prod-search .close { right: 0; top: -16px; }
    .hero .rsContent a.slide-button { margin: 15px 0 0 0;}
    .hero .rsNav { display: none;}
    .hero .rsContent a.slide-button { padding: 12px 45px;}
    .callouts { margin: 20px 0 0 0;}
    .callouts .row-1 { margin: 0;}
    .callouts .item { background-image: none!important; height: 40px; border: none!important; margin: 0 0 5px 0;}
    .callouts .row-2 .item:last-child { margin: 0;}
    .content-wrapper .main-content { padding: 20px; text-align: center;}
    .main-content h2 { font-size: 22px; line-height: 34px; width: 100%;}
    .main-content p { font-size: 14px; line-height: 24px; width: 100%;}
    .large-callouts .block { width: 100%; margin: 3px 0;}
    .large-callouts .block:last-child { margin: 0;}
    .sign-up .container { padding: 0 20px; text-align: center;}
    .sign-up p { text-align: center; float: none; background-image: none; padding: 20px 0;}
    .sign-up .gform_wrapper {width: 100%; padding: 0;}
    .sign-up .gform_wrapper .gform_body { width: 100%;}
    .sign-up .gform_wrapper .gform_footer { padding: 10px 0; width: 100%;}
    .sign-up .gform_wrapper .gform_footer input { width: 100%;}
    .news .slide-image .content { height: auto; }
    .news .slide-image img { width: 100%; height: auto;}

    .content-wrapper br { display: none; }
    .content-wrapper img.alignright { clear: both; }
    .content-wrapper img.alignleft { float: left; position: inherit; margin: 20px 0; width: auto; }


    .sign-up p { text-align: left; }
    .sign-up-form { width: 100%; }
    .sign-up-form input[type=email] { width: 100%; }
    .sign-up-form input[type=submit] { width: 100%!important; margin: 15px 0 0!important; }
    .image-with-content .text p { margin: 0 0 30px 0; }

    .prod-diagrams { right: inherit!important; left: 0!important; bottom: 54px!important;}

    .distributor-search { padding: 30px 20px; margin: 0; }
    .distributor-list { display: block; }

    footer .footer-nav { padding: 0 20px; }
    footer .main .social { padding: 20px; margin: 0;}
    footer .main .payments img { width: 100%;}
    footer .main .footer-nav { border: none; width: 100%;}
    footer .main .social { width: 100%; }
    footer .contact-details { border: none; padding: 20px;}
    footer .contact-details .col-3 { width: 100%;}
    footer .contact-details .contact .col-6 { margin: 0 0 30px 0;}
    footer .contact-details .services .col-6 { margin: 0 0 30px 0;}
    footer .bottom .divider { display: none;}
    footer .bottom p { padding: 0 20px; line-height: 18px;}
    footer .bottom .mobile-links { width: 100%; display: block; margin: 15px 0;}
    footer .bottom .mobile-links a { width: 100%; display: block; text-decoration: none; color: #888787; }
    footer .bottom .mobile-links a:hover { text-decoration: underline; }
    footer .main .social .networks a { margin-bottom: 10px; }

    .prod-search { bottom: 0px; left: 50%; transform: translate(-50%, -50%); width: 500px;}
    .prod-search .search { width: 50%;}
    .prod-search select { padding: 15px 18px 15px 18px;  width: 25%;}
    .prod-search .button { padding: 19px 20px; width: 23%;}
    .drop-downs .user .open { z-index: 450;}
    .drop-downs .user .user-select { z-index: 400;}
    .drop-downs .region .region-select { width: 100%; height: auto;}
    .drop-downs .region .region-select li { display: block;}
    .drop-downs .user .user-select { width: 100%; height: auto;}
    .drop-downs .user .user-select li { display: block;}

    .user-type-select { border: 0; padding: 0; margin: 20px 0 0; }
    .user-type-select p { width: 100%; }
    .user-type-select select { width: 100%; }
    .btn.continue { width: 100%; }

    /*Account Section
    ----------------------------- */
    .edit-account { padding: 0 20px; }

    /* Brochures Section
    ----------------------------- */
    .brochure-download { padding: 30px 20px;}
    .brochure-download .headings { display: none;}
    .brochure-download .document { width: 30%;}
    .brochure-download .size { display: none;}
    .brochure-download .name { line-height: 30px; width: 70%;}
    .brochure-download .download { width: 100%; float: left; line-height: 30px;}
    .brochure-download .download a { width: 48%; display: inline-block; padding: 0;}
    .brochure-download .download a.online { padding: 0; }
    .request-brochure .gform_wrapper { padding: 0 20px;}

    /* News
    -----------------------------*/
    .postOverview .overview-text { padding: 20px 0 20px 40px; }
    .postOverview { padding: 0; margin: 0 0 20px; }

    /* Find a Distributor
    -----------------------------*/
    .distributor-list h2 { padding: 0; }
    .distributor-locations { padding: 0 10px; }
    .distributor-list #marker-list li { padding: 30px 40px; }
    .results-message { display: none; }

    /* Training Section
    ----------------------------- */
    .page-training .content-wrapper { padding: 30px 20px;}
    .support-form h2 { margin: 0;}
    .gform_wrapper { padding: 0;}
    .ginput_container span { width: 100%!important;}
    .page-training .content-wrapper p { padding: 0; }

    /* FAQ Page Styles
    ==============================================================*/
    .faq-list { padding: 50px 0 70px 0; }
    .faq-list .faq { border-bottom: 1px solid #e3e3e3; }
    .faq-list .question { padding: 26px 0; }
    .faq-list .question .arrows { position: relative; float: right; display: inline-block; width: 15px; height: 40px;}
    .faq-list .question .arrows:hover { cursor: pointer; }
    .faq-list .question .arrows span { position: absolute; width: 13px; height: 2px; background-color: #333333; display: block; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
    .faq-list .question .arrows span:nth-child(1) { top: 20px; left: 5px; transform: rotateZ(135deg); }
    .faq-list .question .arrows span:nth-child(2) { top: 20px; right: 5px; transform: rotateZ(-135deg); }
    .active.question .arrows span:nth-child(1) { top: 5px; left: 5px; transform: rotateZ(45deg);}
    .active.question .arrows span:nth-child(2) { top: 5px; right: 5px; transform: rotateZ(-45deg);}
    .faq-list .question h2 { font-size: 20px; color: #333333; font-weight: 400; display: inline-block; padding: 0; }
    .faq-list .question:hover h2 { cursor: pointer; color: #cc3300;}
    .faq-list .question h2.active { color: #cc3300!important; }
    .faq-list .answer { display: none;}
    .faq-list .answer p { padding: 0 0 26px 0; font-size: 14px; line-height: 26px;}

    .faq:first-child .answer { display: block; }
    .faq:first-child .question h2 { color: #cc3300; }

    /* Maintenance Section
    ----------------------------- */
    .maintenance { padding: 30px 20px; }
    .maintenance p { font-size: 14px;}
    .maintenance .gen-content { padding: 0;}
    .sub-maintenance { padding: 0 20px 30px 20px;}
    .sub-maintenance ul li a { float: left; clear: left; padding: 15px 0 0 0;}
    .maintenance .gen-content .left { padding: 0;}
    .maintenance .gen-content .Column1 { padding: 0 0 20px 0; }
    .sub-maintenance ul li { padding: 15px 0; }
    .sub-maintenance ul li a { padding: 0; }


    /* #Q&A #Questions
    ======================================= */

    .woocommerce-tabs .tabs {
        display: none;
    }

    #tab-product_question {
        margin-bottom: 70px;
    }

    .woocommerce-tabs .faq_block h2 {
        font-size: 24px;
        color: #cc3300;
        line-height: 1.3;
        letter-spacing: -0.02em;
        overflow: auto;
    }

    .woocommerce-tabs .add_question_form button,
    .woocommerce-tabs input#id_submit_coment,
    .woocommerce-tabs .faq_block h2 a {
        font-family: "Gotham A", "Gotham B", sans-serif;
        padding: 0 20px;
        font-size: 12px;
        background-color: #cc3300;
        letter-spacing: 0.02em;
        border: 0;
        line-height: 40px;
        height: 40px;
        font-weight: 500;
    }

    a.jp-current:hover {
        cursor: default;
    }

    .woocommerce-tabs  .holder a.jp-disabled {
        display: none;
    }

    .woocommerce-tabs .faq_block ul li .answered_by {
        margin: 10px -15px;
    }

    .woocommerce-tabs li.faq-ext .qtoggle {
        font-size: 19px;
        font-weight: 400;
    }

    #extendons-add-new-question input[type="text"],
    #extendons-add-new-question input[type="email"],
    #extendons-add-new-question textarea {
        border: 1px solid #ddd;
        padding: 0 15px;
        height: 45px;
        line-height: 45px;
    }

    #extendons-add-new-question textarea {
        padding: 15px;
        height: 175px;
        line-height: 1.4;
    }




    @media all and (max-width: 767px) {

        .tab-content.woocommerce-tabs .faq_block {
            padding: 0 20px;
        }

    }


    @media all and (max-width: 640px) {

        .woocommerce-tabs .faq_block h2 .ask_enable {
            float: none;
            margin-top: 16px;
        }

        .tab-content .faq_block .extendons-accordion p {
            padding: 0;
        }

        .tab-content .faq_block ul {
            padding: 0;
        }

        .tab-content .faq_block ul .faq-ext,
        .tab-content .faq_block ul .faq-ext .under,
        .tab-content .faq_block ul .faq-ext .qtoggle {
            padding-right: 0;
        }

        .woocommerce-tabs .faq_block ul li .answered_by {
            margin-right: 0;
        }


    }

    /* About Section
    ----------------------------- */
    .small-header .container { padding: 65px 0 0 0;}
    .small-header h1 { line-height: 40px;}
    .gen-content { padding: 30px 20px;}
    .small-header { height: 210px;}
    .small-header h1 { font-size: 36px;}
    .small-header p { display: none;}
    .image-with-content { padding: 0;}
    .image-with-content .text { padding: 40px 20px 0!important;}
    .extra-content .container { padding: 40px 20px;}
    .find-a-distributor { padding: 40px 20px;}
    .content-with-image { padding: 40px 20px;}
    .content-with-image .text p { padding: 0;}
    .content-wrapper img.alignright { float: inherit; position: relative; top: 0; margin: 20px 0 0;}
    .content-wrapper.main p { padding: 40px 20px; font-size: 14px;}
    .page-environment .content-wrapper.main { padding-top: 20px; }
    .page-environment .content-wrapper.main p { padding: 0 20px; }
    .gen-list { padding: 40px 20px; }
    .gen-list ul li { width: 100%;}

    .main-content.cookies { padding: 30px 20px; }

    /*-- grid styles (salvatore) --*/
    .grid[data-columns]::before { content: '2 .column.size-1of2' ;}
    .column { float: left;}
    .size-1of2 { width: 48%; float: left; margin: 0 5px 0 5px; }
    /*-- end grid styles (salvatore) --*/

    /* News Section
    ----------------------------- */
    .postsHolder { padding: 0 20px;}

    /* Securefold Section
    ----------------------------- */
    .securefold { padding: 40px 20px;}
    .securefold .text { padding: 0;}
    .securefold .image img { width: 100%; height: auto;}
    .desktop-software { padding: 40px 20px 0 20px;}
    .desktop-software a { width: 100%; padding: 0 0 0 100px; margin: 0 0 40px 0;}

    /* Product Section
    ----------------------------- */
    .product { margin: 0 0 30px 0!important; }
    .search-header form { padding: 50px 20px 0; }
    .search-header form label { width: 100%; font-size: 18px; line-height: 26px; margin: 0 0 10px 0;}
    .search-header form .search-field { width: 100%; }
    .search-header form input[type=submit] { width: 100%; }
    p.alt-order span.phone-no { display: block; }

    .filter-search.acc h3 { padding: 0; }
    .filter-search h3 { position: relative; padding: 0; width: 100%;}
    .filter-search .arrow { position: absolute; top: 7px; right: 0; width: 20px; height: 20px; }
    .filter-search .arrow span { position: absolute; width: 10px; height: 2px; background-color: #333333; display: block; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
    .filter-search .arrow span:nth-child(1) { top: 6px; left: 0; transform: rotateZ(45deg); }
    .filter-search .arrow span:nth-child(2) { top: 6px; right: 4px; transform: rotateZ(-45deg); }
    .filter-search .open .arrow span:nth-child(1) { top: 6px; left: 0; transform: rotateZ(-45deg); }
    .filter-search .open .arrow span:nth-child(2) { top: 6px; right: 4px; transform: rotateZ(45deg); }
    #productFilter { display: none; }

    .product-dir { padding: 0 20px; }
    #productFilter select { width: 100%!important; margin: 0 0 10px 0!important;}
    #productFilter .filter-apply { width: 100%; }

    .filter-search.acc #productFilter { width: 100%; margin: 10px 0 0; }
    .filter-search.acc #productFilter select { width: 100%; }

    .prod-diagrams { right: 0; left: inherit; bottom: 30px; }

    .product { margin: 0 0 55px 0;}
    .productSlider .rsNav { display: none;}
    .woocommerce-breadcrumb { margin: 0!important; padding: 15px 20px!important;}

    .productSlider { height: 350px!important; margin: 0 0 45px 0;}
    .productSlider .slide { height: 350px;}

    .product-info { padding: 0 20px;}
    .gallery { margin: 0 0 45px 0;}
    p.alt-order { text-align: left; font-size: 16px; line-height: 24px;}
    .tab-head ul li { width: 50%;}
    .product-details { padding: 60px 0; margin: 0;}
    .product-extras { padding: 30px 20px 0 20px; margin: 0;}
    .tab-extra-head ul li { width: 30%; margin: 0 3% 0 0; font-size: 10px;}
    .product-extras .tabs { padding: 0;}
    .downloads th:last-child { display: none;}
    .downloads .download, .downloads .size { display: none;}
    .product-video iframe { width: 100%;}
    td.value { width: 100%!important; }
    td.value select { width: 100%; }
    .downloads { font-size: 14px; }
    .cad-drawings { font-size: 14px; }
    .cad-file-size { display: none; }
    .cad-drawings td.name { padding: 20px 5% 20px 0; }
    .price-cart .variations_button { margin-top: -20px; }
    .product-details { padding: 30px 0; }
    .tab-head ul { padding: 0 20px; }
    .tab-head ul li { font-size: 14px; line-height: 20px;  }
    .product-info-table { display: none; }
    .product-info-table.mobile { display: block; }
    .product-info-table.mobile span { float: left; clear: left; display: block; padding: 0 0 10px 0; width: 100%;}
    .product-info-table.mobile input[type=number] { float: right; width: 50px; }

    .product-details .tab-content p { padding: 0 20px; }

    .prod-diagrams:first-of-type { margin: 0 0 10px 0; }

    .products-found .update-results { padding: 12px 20px; margin: 20px 0; position: relative; float: left; clear: left; text-align: center; }

    /* Mobile Table - Product Information
    ----------------------------- */
        .product-info-table.mobile .row { height: auto; padding: 20px;}
        .product-info-table.mobile .row:nth-child(2n) { background-color: #efefef; }
        .product-info-table.mobile .row .two:nth-child(1) { width: 55%; float: left; overflow: hidden;}
        .product-info-table.mobile .row .two:nth-child(2) { width: 45%; float: left; overflow: hidden;}
        .product-info-table.mobile .two.headings { clear: left; }
        .product-info-table.mobile .two span { display: block; width: 100%; float: left; font-size: 12px; line-height: 28px;}

    /* Distributor Section
    ----------------------------- */
    .acf-map { display: none; }
    .distributor-search .search-form select, .distributor-search .search-form input { width: 100%; margin: 0 0 10px 0;}
    .distributor-search .search-form input[type=submit] { width: 100%;}

    /* Contact Section
    ----------------------------- */
    .contact-info { padding: 30px 20px;}
    .contact-form { padding: 0 20px;}
    .find-us .contact-form .gform_wrapper .ginput_container { margin: 0;}
    .gform_wrapper ul li.left, .gform_wrapper ul li.right { width: 100%; margin-top: 15px;}
    .find-us { padding: 0;}
    .find-us .contact-form .gform_footer { float: left;}
    .find-us .contact-map { padding: 30px 20px;}
    .international-contacts { padding: 0 20px;}
    .international-contacts ul li { width: 100%; margin: 0 0 20px 0;}
    .contact-info .col-3 { width: 100%; }

    /* Product Finder
    ----------------------------- */
    .product-finder { padding: 40px 20px 60px 20px; }
    fieldset .s-list { margin: 0; }
    .operations { padding: 30px 0; margin: 0; border:none; }
    .operations .s-item { width: 100%; margin: 0 0 20px 0; }
    .applications { border: none; padding: 0; margin: 30px 0; }
    .materials { padding: 0; }
    .door-weight { padding: 0; }
    .product-list .product-item { width: 48%; margin-bottom: 30px!important; }
    .product-list .product-item:nth-of-type(4n-1) { margin: 0; }
    .product-list .product-item:nth-of-type(4n-2) { margin: 0; }
    .product-list .product-item:nth-child(2n) { margin: 0 0 30px 4%!important; }
    .filter-results select { width: 100%; padding: 15px 0; margin: 0 0 10px 0; }
    .door-weight { border:none; padding: 20px 0; }
    .door-weight input[type=text] { width: 80%; margin: 0 0 10px 0;}
    .filter-results input[type=submit] { width: 100%; }
    .door-weight input[type=submit] { clear: left; width: 100%; margin: 0; padding: 0;}

    /*Accessories Filter*/
    .product-finder { padding: 0; }
    .mob-hide-filters { display: block; border: 1px solid #d5d5d5; padding: 15px; font-size: 13px; color: #777777; -webkit-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out;}
    .mob-hide-filters:hover { cursor: pointer; background-color: #ececec; }
    .mob-hide-filters .show { display: none; }
    .mob-hide-filters.open .show { display: block; }
    .mob-hide-filters.open .hide { display: none; }
    #accFilter .filter-apply {  position: initial; float: left; margin-top: 15px;  }

    /* Checkout/Cart
    ----------------------------- */
    .woocommerce-cart .woocommerce { padding: 0 20px; }
    .shop_table thead { display: none; }
    .woocommerce table.shop_table { border:1px solid rgba(0,0,0,0.1)!important;}
    .woocommerce table.shop_table td { border-top: 1px solid rgba(0,0,0,0.1)!important; display: block; }
    .woocommerce table.shop_table td:first-child { border:none!important; }
    .shop_table td:before { width: 100%; display: block; color: #cc3300; margin-bottom: 10px; font-size: 16px; font-weight: 300; }
    .shop_table .product-remove { height: 40px; }
    .shop_table .product-remove:before { content: "Remove from cart:"; display: inline-block; float: left; width: auto;}
    .shop_table .product-name:before { content: "Product Name:" }
    .shop_table .product-price:before { content: "Price:" }
    .shop_table .product-quantity { overflow: hidden; }
    .shop_table .product-quantity:before { content: "Quantity:" }
    .shop_table .product-subtotal:before { content: "Sub-Total:" }
    .shop_table .update-cart .update { width: 100%!important; }
    .cart-collaterals .cart_totals { width: 100%!important; }
    .woocommerce-cart .cart-collaterals .cart_totals table th { padding: 6px 20px 6px 0!important; }
    .woocommerce a.remove { float: right; }

    .woocommerce-checkout .woocommerce { padding: 0 20px; }
    .address-details { width: 100%; }
    .order-details { width: 100%; padding: 15px; }
    .shop_table tfoot th { display: none; }
    .shop_table tfoot .cart-subtotal td:before { content: "Subtotal:"; }
    .shop_table tfoot .order-total td:before { content: "Total:"; }
    .shop_table .cart_item .product-total:before { content: "Product Total:"; }

    .gform_wrapper ul li.gfield { clear: both!important; }
    .content-with-image .text { margin: 0; }

    .faq-list .question h2 { line-height: 26px; width: 85%; }
    .breadcrumbs { padding: 0 20px; }

    .history-wrapper { margin: 30px 20px; }

    .categories { padding: 0 20px 40px; }

    .news-container { margin: 30px 0; }
    .overview-text h3 { font-size: 16px; line-height: 26px; }
    .postOverview .overview-text p { display: none; }
    .section.single .blogLeft { width: 100%; background-position: center center; }
    .section.single .blogLeft img { width: 100%;  }


    .drop-downs .drop span.chosen { padding: 10px 0; }
    .drop-downs .region .region-select li { width: 100%; }
    .drop-downs .region .region-select { padding: 15px; }

    .woocommerce-account .woocommerce { padding: 0 20px; }
    .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td, .order td { text-align: left!important; }


}

@media all and (max-width: 655px) {
    .tableCell {display: block;}
    .postOverview .overview-img { width: 100%;}
    .postOverview .overview-img img { width: auto; height: auto; max-width: 225px; }
    .postOverview .overview-text { padding: 20px 0; }
    .section.single { padding: 40px 20px;}
    .section.single h3 { clear: left;}
    img.alignleft { width: 100%; height: auto;}
    .login { width: 85%; margin: 0 auto 75px!important; }

}

@media all and (max-width: 535px) {
    .prod-search { width: 250px; transform: translate(-50%, -15%);}
    .prod-search .search { width: 100%;}
    .prod-search select { padding: 15px 18px 15px 18px; margin: 0; width: 50%;}
    .prod-search .button { padding: 19px 38px; width: 48%;}

    .product-list .product-item { width: 100%; margin-bottom: 30px!important; }
    .product-list .product-item:nth-child(2n) { margin: 0 0 30px 0!important; }

    footer .main .footer-nav { height: auto; margin: 30px 0; }
    footer .main .footer-nav .part-1, footer .main .footer-nav .part-2, footer .main .footer-nav .part-3 { width: 100%; }

    /*-- grid styles (salvatore) --*/
    .grid[data-columns]::before { content: '1 .column.size-1of1' ;}
    .column { float: left;}
    .size-1of1 { width: 100%; float: left; margin: 0; }
    /*-- end grid styles (salvatore) --*/

}

@media all and (max-width: 520px){

    .woocommerce div.product form.cart .button { width: 100%; text-align: center; }
    .price-cart .cart .enquire { position: relative; top: 20px; }
    .prod-diagrams { width: 100%; text-align: center; bottom: 60px!important;}
    p.alt-order { padding: 15px 0 0; }
    .woocommerce .woocommerce-message .button { float: left; width: 100%; margin-bottom: 15px; }
    .my-account { display: block; }

}

@media all and (max-width: 420px){

    .view_all { width: 100%; float: left!important; padding-top: 15px; }
    .view_all select { width: 100%; }

    .cart-collaterals .cross-sells ul.products li { width: 100%!important; margin-bottom: 20px; }


}

@media all and (max-width: 350px){

    .mob-hide-filters { display: block; float: left; clear: left; margin-top: 15px; }

}

.video-container {
position: relative;
padding-bottom: 56.25%;
height: 0; overflow: hidden; margin: 30px 0;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*IE FIXES*/
@media all and (-ms-high-contrast: active) {
/* Remove purple highlight in HC mode */
select:focus::-ms-value{ background-color: transparent; color: #000000; }

}
@media all and (-ms-high-contrast: none) {
/* Remove blue highlight in Normal mode*/
select:focus::-ms-value{ background-color: transparent; color: #000000;}
}



/* #Notification #Banner 
====================================== */

.header-notice {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #cc3300;
    padding: 10px 16px;
    z-index: 10;
    color: #555;
    text-align: center;
}

.header-notice p {
    position: relative;
    display: inline-block;
    font-size: 13px;
    color: #fff;
    color: rgba(255,255,255,0.75);
}

.header-notice p strong {
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    padding-right: 5px;
    font-weight: bold;
}

.header-notice a {
    color: #333;
    text-decoration: underline;
}

.header-notice a:hover {
    text-decoration: none;
}

@media all and (min-width: 993px) and (max-width: 1120px) {

    .header-notice .container {
        width: 100%;
        padding-left: 100px;
        max-width: none;
    }
    
    .header-notice p {
        font-size: 15px;
    }

}

@media all and (max-width: 991px) {

    .header-notice {
        height: auto;
    }
    
}

@media all and (max-width: 770px) {

    .header-notice p {
        font-size: 12px;
    }
    
}