/*
Theme name: HERMAN
Description: Custom Theme
*/

/******* HERMAN WordPress CSS *******/

/* Common elements styling */
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 18px; line-height: 27px}
.post .entry h3 { font-size: 16px; line-height: 24px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }

p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 

/******* /HERMAN WordPress CSS *******/


/* font face */
@font-face {
    font-family: 'proxima_nova_condensedblack';
    src: url('../fonts/proximanovaacond-black-webfont.eot');
    src: url('../fonts/proximanovaacond-black-webfont.eot') format('embedded-opentype'),
         url('../fonts/proximanovaacond-black-webfont.woff') format('woff'),
         url('../fonts/proximanovaacond-black-webfont.ttf') format('truetype'),
         url('../fonts/proximanovaacond-black-webfont.svg#proxima_nova_condensedblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_condensedRgIt';
    src: url('../fonts/proxima_nova_cond_reg_it-webfont.eot');
    src: url('../fonts/proxima_nova_cond_reg_it-webfont.eot') format('embedded-opentype'),
         url('../fonts/proxima_nova_cond_reg_it-webfont.woff') format('woff'),
         url('../fonts/proxima_nova_cond_reg_it-webfont.ttf') format('truetype'),
         url('../fonts/proxima_nova_cond_reg_it-webfont.svg#proxima_nova_condensedrgit') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_cn_rgbold';
    src: url('../fonts/proxima_nova_cond_bold-webfont.eot');
    src: url('../fonts/proxima_nova_cond_bold-webfont.eot') format('embedded-opentype'),
         url('../fonts/proxima_nova_cond_bold-webfont.woff') format('woff'),
         url('../fonts/proxima_nova_cond_bold-webfont.ttf') format('truetype'),
         url('../fonts/proxima_nova_cond_bold-webfont.svg#proxima_nova_cn_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_cn_rgregular';
    src: url('../fonts/proximanovaacond-regularit-webfont.eot');
    src: url('../fonts/proximanovaacond-regularit-webfont.eot') format('embedded-opentype'),
         url('../fonts/proximanovaacond-regularit-webfont.woff') format('woff'),
         url('../fonts/proximanovaacond-regularit-webfont.ttf') format('truetype'),
         url('../fonts/proximanovaacond-regularit-webfont.svg#proxima_nova_cn_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('../fonts/proximanova-bold-webfont.eot');
    src: url('../fonts/proximanova-bold-webfont.eot') format('embedded-opentype'),
         url('../fonts/proximanova-bold-webfont.woff') format('woff'),
         url('../fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novaextrabold';
    src: url('../fonts/proximanova-extrabld-webfont.eot');
    src: url('../fonts/proximanova-extrabld-webfont.eot') format('embedded-opentype'),
         url('../fonts/proximanova-extrabld-webfont.woff') format('woff'),
         url('../fonts/proximanova-extrabld-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-extrabld-webfont.svg#proxima_novaextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../fonts/proximanova-regular-webfont.eot');
    src: url('../fonts/proximanova-regular-webfont.eot') format('embedded-opentype'),
         url('../fonts/proximanova-regular-webfont.woff') format('woff'),
         url('../fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novasemibold';
    src: url('../fonts/proximanova-semibold-webfont.eot');
    src: url('../fonts/proximanova-semibold-webfont.eot') format('embedded-opentype'),
         url('../fonts/proximanova-semibold-webfont.woff') format('woff'),
         url('../fonts/proximanova-semibold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novaregular_italic';
    src: url('../fonts/proxima_nova_reg_it-webfont.eot');
    src: url('../fonts/proxima_nova_reg_it-webfont.eot') format('embedded-opentype'),
         url('../fonts/proxima_nova_reg_it-webfont.woff') format('woff'),
         url('../fonts/proxima_nova_reg_it-webfont.ttf') format('truetype'),
         url('../fonts/proxima_nova_reg_it-webfont.svg#proxima_novaregular_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* END font face */

* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }



a { color: #c51d38; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: Arial, sans-serif; }
textarea { overflow: auto; }

h1 { font-size: 55px; line-height: 60px;  font-weight: normal;    }
h2 { font-size: 30px; line-height: 32px;  font-weight: normal; }
h3 { font-size: 26px; line-height: 28px;  font-weight: normal;   }
h4 { font-size: 22px; line-height: 24px;  font-weight: normal; }
h5 { font-size: 16px; line-height: 18px;  font-weight: normal; }
h6 { font-size: 14px; line-height: 24px;font-weight: normal;   }

/* transitions */
a,
a:hover,
label.jcb-checkbox .label-icon,
label.jcb-checkbox.jcb-checked .label-icon,
.form-default .button-holder,
.form-default .button-holder:hover,
#navigation .dropdown-preview .drop-down > ul > li a strong,
#navigation .dropdown-preview .drop-down > ul > li a:hover strong,
.navigation-pdf a:before,
.navigation-pdf a:hover:before { 
     -webkit-transition: color 0.4s, background 0.4s; 
     -moz-transition: color 0.4s, background 0.4s; 
     -o-transition: color 0.4s, background 0.4s; 
     transition: color 0.4s, background 0.4s; }

div#logo,
div#logo:hover,
.btn-language img,
.btn-language:hover img,
.form-search span.button-holder,
.form-search span.button-holder:hover,
#slider .wrap .products a img,
#slider .wrap .products a:hover img,
#slider .wrap .text h2,
#slider .wrap .text h2:hover,
.slider-new .wrap .products a img,
.slider-new .wrap .products a:hover img,
.slider-new .wrap .text h2,
.slider-new .wrap .text h2:hover,
.article .image a,
.article .image a:hover,
.item-sub,
.item-sub:hover,
.entry a:hover img,
.entry a img,
.box-image a img:hover { 
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.form-search input.field,
.form-search input.field:focus,
.field-holder.is-focus,
.field-holder,
.form-default ul li.open .sbHolder,
.sbHolder { 
    -webkit-transition: all 0.4s; 
    -moz-transition: all 0.4s; 
    -o-transition: all 0.4s;
    transition: all 0.4s; 
}

#slider .wrap,
#slider .wrap.animate {
    -webkit-transition: top 0.4s linear; 
    -moz-transition: top 0.4s linear; 
    -o-transition: top 0.4s linear;
    transition: top 0.4s linear;     
}

.slider-new .wrap,
.slider-new .wrap.animate {
    -webkit-transition: top 0.4s linear; 
    -moz-transition: top 0.4s linear; 
    -o-transition: top 0.4s linear;
    transition: top 0.4s linear;     
}
/* END transitions */

/* helper classes */
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.clearfix:before, 
.clearfix:after,
.shell:before,
.shell:after,
.entry:before,
.entry:after { display: table; content: ' '; }
.clearfix:after,
.shell:after,
.entry:after { clear: both; }

.shell { max-width: 1200px; margin: 0 auto; }

.image-more-top-space { padding-top: 45px; }

.print-logo { display:none; }
/* END helper classes */

div#logo { width: 199px; font-size: 0; line-height: 0; float: left; display: inline; padding: 0 0 0 5px; }
div#logo a { display: block; height: 78px; background: url(../images/logo.png) no-repeat 0 0; text-indent: -4000px; }
div#logo { opacity: 1; filter:alpha(opacity=100); }
div#logo:hover { opacity: 0.6; filter:alpha(opacity=60); }

/* header */
#header { width: 100%; background: #fff; padding: 11px 0 11px 0; position: relative; z-index: 999; }
#header .right-side,
#header .navigation-header,
#header .social-small,
#header .form-search,
#header .btn-language,
#header .bottom p { float: right; display: inline; }
#header .bottom p { font-size: 28px; line-height: 36px; color: #c40411; text-transform: uppercase;  font-weight: normal; }
#header .form-search { margin: 0 6px 0 16px; }
#header .top { padding: 0 0 15px 0; }
#header .right-side { padding: 0 12px 0 0; }
#header .social-small { padding: 0 5px 0 6px; }
/* END header */

/* footer */
#footer { max-width: 1200px; margin: 0 auto; background: url(../images/body.jpg) repeat center bottom; }
#footer .top { width: 100%; padding: 34px 0; }
#footer .bottom { background: url(../images/opacity-black.png) repeat 0 0; width: 100%; padding: 18px 0; color: #fff; color: #ebebf9; }
#footer .bottom p { float: left; display: inline; font-size: 14px; line-height: 18px; padding-left: 18px; }
#footer .navigation-footer { padding-right: 24px; float: right; }
#footer .navigation-footer,
#footer .box-footer { position: relative; overflow: hidden; }
#footer .box-footer { margin-right: 24px; }
/* END footer */

#main { width: 100%; background: #ccc; padding-bottom: 48px; }
#main .shell { background: #fff; }
#main > .shell > .holder { padding: 22px 8px 14px 8px; }

/* slider */
#slider { width: 100%; background: #ccc; opacity: 0; transition: opacity .3s; }
#slider.visible { opacity: 1; }
#slider ul.slides { width: 100%; position: relative; overflow: hidden; height: 422px; }
#slider ul.slides li { float: left; position: relative; list-style: none; }
#slider ul.slides li > img { position: relative; z-index: 10; display: block;  width: 100%; height: 422px; }
#slider .wrap { position: absolute; right: 0; top: 0; width: 616px; z-index: 20; }
#slider .wrap.animate { top: -422px; }
#slider .wrap .text { float: left; display: inline; width: 375px; padding: 16px; background: url(../images/dark-new.png) repeat 0 0; color: #fff; text-shadow: 1px 1px 1px #000; }
#slider .wrap .text h2 { font-size: 35px; line-height: 36px; font-family: 'proxima_novaextrabold', Arial, sans-serif; font-weight: normal; text-transform: uppercase; padding-bottom: 12px; }
#slider .wrap .text h2 span { text-decoration: none; color: #fff; padding-right: 32px; background: url(../images/icon-arrow.png) no-repeat right 9px; } 
#slider .wrap .text h2 span a { color: #fff; text-decoration: none; } 
#slider .wrap .text h2 { opacity: 1; filter:alpha(opacity=100); }
#slider .wrap .text h2:hover { opacity: 0.5; filter:alpha(opacity=50); }
#slider .wrap .text h2:hover span { background: url(../images/icon-arrow-white.png) no-repeat right 9px; }
#slider .wrap .text p { font-size: 15px; line-height: 18px; }
#slider .wrap .products { float: right; display: inline; width: 209px; background: url(../images/prod-bg.png) repeat 0 0; padding: 20px 0; }
#slider .wrap .products a { display: block; color: #fff; font-size: 16px; line-height: 20px; text-shadow: 1px 1px 1px #000; text-transform: uppercase; }
#slider .wrap .products a img { display: block; margin: 0 auto; opacity: 1; filter:alpha(opacity=100); }
#slider .wrap .products a:hover { text-decoration: none; opacity: 0.5; filter:alpha(opacity=50); }
#slider .wrap .products a:hover img { opacity: 0.5; filter:alpha(opacity=50); }
#slider .wrap .products a ~ a { padding-top: 20px; }
#slider .wrap .products a span { display: block; text-align: center; padding-bottom: 12px; }

/* slider new*/
.slider-new ul.slides { width: 100%; position: relative; overflow: hidden; height: 422px; }
.slider-new ul.slides li { float: left; position: relative; list-style: none; }
.slider-new ul.slides li > img { position: relative; z-index: 10; display: block;  width: 100%;  height: 422px; }
.slider-new .wrap { position: absolute; right: 0; top: 0; width: 616px; z-index: 20; }
.slider-new .wrap.animate { top: -422px; }
.slider-new .wrap .text { float: left; display: inline; width: 375px; padding: 16px; background: url(../images/dark-new.png) repeat 0 0; color: #fff; text-shadow: 1px 1px 1px #000; }
.slider-new .wrap .text h2 { font-size: 35px; line-height: 36px; font-family: 'proxima_novaextrabold', Arial, sans-serif; font-weight: normal; text-transform: uppercase; padding-bottom: 12px; }
.slider-new .wrap .text h2 span { text-decoration: none; color: #fff; padding-right: 32px; background: url(../images/icon-arrow.png) no-repeat right 9px; } 
.slider-new .wrap .text h2 span a { color: #fff; text-decoration: none; } 
.slider-new .wrap .text h2 { opacity: 1; filter:alpha(opacity=100); }
.slider-new .wrap .text h2:hover { opacity: 0.5; filter:alpha(opacity=50); }
.slider-new .wrap .text h2:hover span { background: url(../images/icon-arrow-white.png) no-repeat right 9px; }
.slider-new .wrap .text p { font-size: 15px; line-height: 23px; }
.slider-new .wrap .products { float: right; display: inline; width: 209px; background: url(../images/prod-bg.png) repeat 0 0; padding: 20px 0; }
.slider-new .wrap .products a { display: block; color: #fff; font-size: 16px; line-height: 20px; text-shadow: 1px 1px 1px #000; text-transform: uppercase; }
.slider-new .wrap .products a img { display: block; margin: 0 auto; opacity: 1; filter:alpha(opacity=100); }
.slider-new .wrap .products a:hover { text-decoration: none; opacity: 0.5; filter:alpha(opacity=50); }
.slider-new .wrap .products a:hover img { opacity: 0.5; filter:alpha(opacity=50); }
.slider-new .wrap .products a ~ a { padding-top: 20px; }
.slider-new .wrap .products a span { display: block; text-align: center; padding-bottom: 12px; }

.slider-navigation { background: #111 url(../images/slider-navigation-bg.png) repeat-x 0 0; }
.slider-navigation ul li { list-style: none; float: left; display: inline;  font-weight: normal; padding: 0 12px; }
.slider-navigation ul li ~ li { padding-left: 14px; background: url(../images/slider-navigation-separate.png) no-repeat 0 center; }
.slider-navigation ul li a { color: #fff; font-size: 14px; line-height: 16px; text-transform: uppercase; text-shadow: 1px 1px 1px #000; display: block; text-align: center; width: 100px; min-height: 32px; padding: 10px 0; position: relative; }
.slider-navigation ul li a:hover { color: #ccc; text-decoration: none; }
.slider-navigation ul li.active a { background: url(../images/slider-navigation-active.png) repeat-x 0 bottom; }
.slider-navigation ul li.active a span { display: block; }
.slider-navigation ul li a span { position: absolute; left: 0; bottom: 0; width: 0; height: 6px; background: #ccc; display: none; }

/*  New nav  */
.slider-navigation-new { background: #4169E1 }
.slider-navigation-new ul { width: 1200px; margin: 0 auto; }
.slider-navigation-new ul li { list-style: none; float: left; display: inline;  font-weight: normal; padding: 10px 12px; }
.slider-navigation-new ul li ~ li { padding-left: 14px; background: url(../images/slider-navigation-separate.png) no-repeat 0 center; }
.slider-navigation-new ul li a { color: #fff; font-size: 14px; line-height: 16px; text-transform: uppercase; text-shadow: 1px 1px 1px #000; display: block; text-align: center; width: 105px; min-height: 32px; padding: 10px 18px; position: relative; margin: 0 auto; }
.slider-navigation-new ul li a:hover { color: #ccc; text-decoration: none; }
.slider-navigation-new ul li.active a { background: url(../images/slider-navigation-active.png) repeat-x 0 bottom; }
.slider-navigation-new ul li.active a span { display: block; }
.slider-navigation-new ul li a span { position: absolute; left: 0; bottom: 0; width: 0; height: 6px; background: #ccc; display: none; }
/* END slider */

/* navigations */
#navigation { width: 100%; height: 38px; background: #c50411 url(../images/background-nav.png) repeat-x 0 0; position: relative; z-index: 888; }
#navigation ul li { list-style: none; float: left;  font-weight: normal; position: relative; }
#navigation ul li ~ li { background: url(../images/nav-separate.png) no-repeat 0 center; }
#navigation ul li a { color: #fff; font-size: 18px; line-height: 22px; display: block; padding: 8px 44px; text-transform: uppercase; }
#navigation ul li a:hover,
#navigation ul li.current-menu-item a,
#navigation ul li.current_page_parent a,
#navigation ul li.current-page-ancestor a,
#navigation ul li:hover > a { text-decoration: none; color: #ccc; }
#navigation ul li:hover > .drop-down { display: block; }
#navigation ul li ul li ~ li { background: none; }

#navigation .dropdown-links .drop-down { width: 302px; }

#navigation .two-menus .drop-down { padding: 0; width: 387px; }
#navigation .two-menus .drop-down li { width: 193px !important; float: left; display: inline; }
#navigation .two-menus .drop-down li a { padding: 7px 16px; display: block; }
#navigation .two-menus .drop-down li:nth-child(odd) { border-right: 1px solid #666; }
#navigation .two-menus ul li ~ li { padding-left: 0;}

#navigation .sub-menu { display: none; }
#navigation .drop-down { position: absolute; left: 0; top: 38px; background: url(../images/opacity-black-menu.png) repeat 0 0; padding: 0; display: none; }
#navigation .drop-down li { float: none; display: block; }
#navigation .drop-down ul li ~ li { background: none; }
#navigation .drop-down > ul > li { float: none; display: block; width: 100%; }
#navigation .drop-down > ul > li > a { display: none !important; }
#navigation .drop-down li a { font-size: 15px; line-height: 20px; color: #fff;  font-weight: normal; padding: 10px 12px; text-transform: none; display: block; }
#navigation .drop-down li a:hover { color: #fff; background: #666; }
#navigation .drop-down > ul > li ~ li { background: none; padding: 0; }
#navigation .drop-down > ul > li ul li { float: none; display: block; }
#navigation .drop-down > ul > li ul li ~ li { background: none; padding-top: 12px; }

#navigation .dropdown-preview .drop-down { background: url(../images/opacity-black-menu.png) repeat 0 0; padding: 14px; overflow: hidden; }
#navigation .dropdown-preview .drop-down { width: 622px; }
#navigation .dropdown-preview .drop-down > ul > li { float: left; display: inline; width: 310px; }
#navigation .dropdown-preview .drop-down > ul > li a:hover { background: none; }
#navigation .dropdown-preview .drop-down > ul > li a { color: #fff; }
#navigation .dropdown-preview .drop-down > ul > li a strong { display: block;  font-weight: normal; font-size: 20px; line-height: 22px; color: #fff; text-align: center; padding-bottom: 12px; }
#navigation .dropdown-preview .drop-down > ul > li:first-child a { position: relative; padding-left: 72px; font-size: 14px; line-height: 16px; font-family: 'proxima_nova_rgregular', Arial, sans-serif; font-weight: normal; min-height: 62px}
#navigation .dropdown-preview .drop-down > ul > li:first-child a img { position: absolute; left: 0; top: 0; }
#navigation .dropdown-preview .drop-down > ul > li:first-child a strong { font-family: 'proxima_novaextrabold', sans-serif; text-align: left; font-size: 15px; line-height: 20px; padding: 0; font-weight: normal; }
#navigation .dropdown-preview .drop-down > ul > li ~ li { width: 290px; float: right; display: inline; }
#navigation .dropdown-preview .drop-down > ul > li a:hover strong { color: #c60e1a; }
#navigation .dropdown-preview .drop-down ul li ~ li { padding-left: 0; }
#navigation .dropdown-preview .drop-down a.btn { font-size: 20px; color: #fff; position: absolute; right: 24px; font: 'proxima_novasemibold', Arial, sans-serif; padding: 12px 17px; text-transform: uppercase; font-size: 12px; bottom: 27px; }
#navigation .dropdown-preview .drop-down a.btn:hover { background: #666; }

.navigation-header ul li { font-size: 16px; line-height: 26px; list-style: none; float: left; display: inline; }
.navigation-header ul li ~ li { padding-left: 31px; background: url(../images/bullet.png) no-repeat 14px 10px; }
.navigation-header ul li a { color: #000; display: block; }
.navigation-header ul li a:hover,
.navigation-header ul li.current-menu-item a,
.navigation-header ul li.current_page_parent a,
.navigation-header ul li.current-page-ancestor a { text-decoration: none; color: #c70412; }

.navigation-footer ul li { list-style: none; float: left; display: inline; font-size: 14px; line-height: 18px; }
.navigation-footer ul li a { color: #ebebf9;  font-weight: normal; }
.navigation-footer ul li ~ li { border-left: 1px solid #ebebf9; padding-left: 24px; margin-left: 24px; }

.navigation-aside { border: 2px solid #c40411; padding: 4px; }
.navigation-aside.no-border { border: none; }
.navigation-aside h4 { text-align: center; padding-bottom: 0; }
.navigation-aside h4 img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.navigation-aside ul { padding-top: 16px; }
.navigation-aside ul li { list-style: none; }
.navigation-aside ul li ~ li { padding-top: 4px; }
.navigation-aside ul li a { font-size: 18px; line-height: 22px; text-align: center; display: block; text-transform: uppercase;  font-weight: normal; padding: 13px 13px; background: #666; color: #fff; }
.navigation-aside ul li a:hover { text-decoration: none; background: #000; }
.navigation-aside .with-sub-menu { padding-bottom: 12px; }

.navigation-aside ul li .box-image a { background: none; padding: 0;}
.box-image a.video { position: relative;}
.navigation-aside ul li.with-sub-menu a { font-size: 16px; line-height: 18px; padding: 8px 13px; text-align: left; background: #000; }
.navigation-aside ul li.with-sub-menu ul { padding-top: 15px; }
.navigation-aside ul li.with-sub-menu ul li a { position: relative; font-family: 'proxima_nova_cn_rgregular', Arial, sans-serif; font-weight: normal; color: #333; background: none; padding: 0 0 0 33px; font-size: 14px; line-height: 16px; }
.navigation-aside ul li.with-sub-menu ul li a:hover { color: #c51d38; }
.navigation-aside ul li.with-sub-menu ul li ~ li { padding-top: 15px; }
.navigation-aside ul li.with-sub-menu ul li a img { position: absolute; left: 5px; top: 0; }

.navigation-pdf { overflow: hidden; }
.navigation-pdf ul { list-style: none outside none; }
.navigation-pdf li { width: 100%; padding-bottom: 4px; }
.navigation-pdf a { display: block; position: relative;  }
.navigation-pdf img { display: block; height: auto; width: 173px; }
.navigation-pdf li, .navigation-pdf a, .navigation-pdf li img { float: right; }
.navigation-pdf a:hover { text-decoration: none; }
.navigation-pdf a:before { content: ' '; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255,255,255,0); }
.navigation-pdf a:hover:before { background: rgba(255,255,255,0.3); }
/* END navigations */

/* entry */
.entry h2 { padding: 0 85px; color: #000; padding-bottom: 26px; }
.entry h1 strong,
.entry h2 strong,
.entry h3 strong,
.entry h4 strong,
.entry h5 strong,
.entry h6 strong { color: #c51d38;  font-weight: normal; }
.entry h4 { padding-bottom: 14px; }
.entry h5 { padding-bottom: 5px; }
.entry h5 span { font-family: 'proxima_nova_rgregular', sans-serif; font-weight: normal; }
.entry img { max-width: 100%; height: auto; }
.entry p.date-view { padding: 0 0 2px 0; color: #000; }
.entry p { font-size: 14px; line-height: 18px; padding-bottom: 18px; }
.entry p a { text-decoration: underline; }
.entry a img { opacity: 1; filter:alpha(opacity=100); } 
.entry a:hover img { opacity: 0.5; filter:alpha(opacity=50); } 
.entry p a.strong-link { text-decoration: none;  font-weight: normal; }
.entry p a:hover { text-decoration: none; }
.entry strong {  font-weight: normal; }
.entry em { font-family: 'proxima_nova_condensedRgIt', Arial, sans-serif; font-weight: normal; font-style: normal; }
.entry .border-line { text-indent: 100%; white-space: nowrap; overflow: hidden; width: 100%; height: 0; border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-top: 5px; }
.entry ul, .entry ol { padding: 5px 0 9px 20px; list-style-position: inside; }
.page-template-template-ehs-new-php .entry ol ,
.page-template-template-ehs-new-php .entry ul { list-style-position: outside; }
.entry.ehs h4 { padding-bottom: 0;}

.entry ul li { list-style: none; padding-left: 16px; background: url(../images/bullet.png) no-repeat 0 5px; font-size: 14px; line-height: 18px; padding-bottom: 10px; }
.entry ol li { font-size: 14px; line-height: 18px; padding-bottom: 18px; }
.entry ol ol,
.entry ul ol,
.entry ul ul,
.entry ol ul { padding-bottom: 0; }
.entry ol li { color: #c51d38; }
.entry ol li span { color: #333; }
.entry li a { color: #333; }
.entry li a:hover { text-decoration: none; color: #c40411; }
.entry li h5 { font-family: 'proxima_nova_rgregular', sans-serif; padding: 0; }
.entry li strong { color: #c40411; }
.entry li p { padding: 0; }
.entry li strong { font-size: 16px; line-height: 18px; color: #c90412;  font-weight: normal; }
.entry .alignnone { padding-bottom: 18px; }
.entry blockquote { width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;  font-weight: normal; padding: 26px 0; }
.entry blockquote p { font-size: 18px; line-height: 24px; padding: 0; }
.entry blockquote p a { text-decoration: none; }
.entry blockquote p a:hover { color: #000; }
.entry blockquote p strong { color: #c40411; }
.entry blockquote h4 { font-size: 30px; line-height: 36px; color: #c40411; padding-bottom: 20px; text-transform: uppercase; font-family: 'proxima_nova_cn_rgbold', Arial, sans-serif; font-weight: normal; }
.entry blockquote h3 { font-size: 55px; line-height: 60px; color: #c40411; font-family: 'proxima_nova_condensedblack', Arial, sans-serif; font-style: italic; padding-bottom: 20px; text-transform: uppercase; }
.entry blockquote.no-border { border: 0; }
/* END entry */

.content .top-buttons { list-style: none; margin: -15px 0 20px 0; }
.content .top-buttons li { display: inline-block; margin-bottom: 5px;  }
.content .top-buttons li a.gray-btn { padding: 5px 70px; background: #666; }

body.page-template-default .content .entry { width: 93%; }

/* featured image */
.featured-image { width: 100%; position: relative; overflow: hidden; margin-bottom: 22px; }
.featured-image img { display: block; width: 100%; height: auto; }
/* END featured image */

/* cols */
.row-cols { position: relative;   }
.row-cols .col { float: left; display: inline; }
.row-cols .col-three { width: 150px; float: left; }
.row-cols .col-four { width: 280px; float: left;}
.row-cols .col-six { width: 390px; margin-right: 30px; float: left;}
.row-cols .col-eight { width: 524px; float: left; }
/* END cols */

/* inner */
.inner-video-iframe { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.inner-video-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* END inner */

.bullet-black ul li { background: url(../images/bullet-black.png) no-repeat 0 5px; }

img.border-image { padding: 2px; border: 1px solid #999; }

.content-full .content-inner { width: calc(100% - 311px); padding-left: 10px; }
.content-full .entry ol,
.content-full .entry ul { padding-left: 0; }

.content { width: calc(100% - 239px); }
.content > .article { padding-top: 0; }
.content > .article ~ .article { padding-top: 25px; }
.sidebar { width: 220px; }

.content-inner { width: calc(100% - 294px); }
.content-inner > .entry { padding-right: 0; }

.content-inner .entry ul.product-subcategories-navigation { padding-left: 0;}
.content-inner .entry .product-subcategories-navigation li { float: left; list-style-type: none; background: none; padding: 0 0 7px 0; margin-right: 7px; background: none; }
.content-inner .entry .product-subcategories-navigation li.right { margin-right: 0; }
.content-inner .entry .product-subcategories-navigation li a { display: block; min-width: 245px; background: #c51d38; color: #fff; padding: 10px; font-family: 'proxima_nova_condensedblack', Arial, sans-serif; text-transform: uppercase; font-size: 17px; }
.content-inner .entry .product-subcategories-navigation li a.active { background-color: #262626; }
.content-inner .entry  .product-subcategories-navigation { overflow: hidden; }

.content-inner .entry.ehs { min-height: 385px; }
.entry.ehs ol li, .entry.ehs ul li { padding-bottom: 15px; }

span.spinner { width: 100%; height: 39px; display: block; background: url(../images/spinner.gif) 50% 0 no-repeat; }

.aside { width: 273px; }

/* social small */
.social-small a { float: left; display: inline; background: url(../images/sprite.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 26px; height: 26px; margin-left: 7px; }
.social-small a:hover { text-decoration: none; }
.social-small a.facebook { background-position: -10px -10px; }
.social-small a.facebook:hover { background-position: -10px -43px; }
.social-small a.google { background-position: -43px -10px; }
.social-small a.google:hover { background-position: -43px -43px; }
.social-small a.twitter { background-position: -76px -10px; }
.social-small a.twitter:hover { background-position: -76px -43px; }
.social-small a.linkedin { background-position: -109px -10px; }
.social-small a.linkedin:hover { background-position: -109px -43px; }
.social-small a.youtube { background-position: -142px -10px; }
.social-small a.youtube:hover { background-position: -142px -43px; }
.social-small a.instagram { background-position: -175px -10px; }
.social-small a.instagram:hover { background-position: -175px -43px; }




.social-large a.facebook { background-position: -5px -81px; }
.social-large a.facebook:hover { background-position: -6px -140px; }
.social-large a.google { background-position: -70px -81px; }
.social-large a.google:hover { background-position: -71px -140px; }
.social-large a.twitter { background-position: -134px -81px; }
.social-large a.twitter:hover { background-position: -135px -140px; }
.social-large a.linkedin { background-position: -197px -81px; }
.social-large a.linkedin:hover { background-position: -198px -140px; }
.social-large a.youtube { background-position: -262px -81px; }
.social-large a.youtube:hover { background-position: -262px -140px; }

.social-large a.instagram { background-position: -262px -194px; }
.social-large a.instagram:hover { background-position: -262px -250px; }
/* END social small */

/* buttons */
.btn-language { display: inline-block; padding: 1px; background: #111; width: 34px; height: 34px; border-radius: 34px; }
.btn-language img { display: inline-block; width: 34px; height: 34px; border-radius: 34px; opacity: 1; filter:alpha(opacity=100); }
.btn-language:hover img { text-decoration: none; opacity: 0.8; filter:alpha(opacity=80); }

a.btn { display: inline-block; font-size: 18px; line-height: 30px; color: #fff; font-family: 'proxima_nova_cn_rgbold', Arial, sans-serif !important; font-weight: normal; text-transform: uppercase; padding: 0 12px; }
a.btn { background: #c40411; text-decoration: none !important; text-align: center; }
a.btn:hover,
.content .top-buttons li a.gray-btn:hover { text-decoration: none; background: #000; }

a.btn-small { font-size: 14px; line-height: 26px; padding: 0 12px; }
a.btn-large { font-size: 22px; line-height: 50px; padding: 0 20px; text-transform: none; }
a.btn-extra-large { line-height: 54px; padding: 0 17px; min-width: 60px; }
a.btn-normal { line-height: 36px; padding: 0 20px; }

a.btn-white-red { background: #c51d38; }

a.btn-full { display: block; }

a.btn.industry-link { font-size: 13px; padding: 0 15px; margin-right: 10px; }
.heading a.btn.industry-link.first { margin-right: 0;}

.btn-play { background: url(../images/sprite.png) no-repeat -85px -203px; font-size: 0; line-height: 0; text-indent: -4000px; width: 82px; height: 82px; position: absolute; left: 50%; top: 50%; margin: -41px 0 0 -41px; }
.btn-play:hover { text-decoration: none; }

.btn-main { display: none; }
/* END buttons */

/* links */
.link-with-icon { padding-right: 26px; position: relative; font-size: 14px; line-height: 18px; text-decoration: underline;  font-weight: normal; }
.link-with-icon img { position: absolute; right: 0; top: 0; }
.link-with-icon:hover { text-decoration: none; }
/* END links */

/* pagination */
.pagination { font-family: 'proxima_nova_cn_rgbold', Arial, sans-serif; font-size: 18px; line-height: 32px; text-transform: uppercase; text-align: center; padding: 15px 4px 50px 4px; }
.pagination a { display: inline-block; margin-left: 7px; color: #fff; background: #c51d38; padding: 0 19px; }
.pagination a:hover { text-decoration: none; background: #000; }
/* END pagination */

/* forms */
.form-search { height: 36px; background: #999; padding: 0 36px 0 17px; position: relative; border-radius: 36px; }
.form-search input.field { background: none; border: 0; width: 147px; padding: 7px 0; font-size: 16px; color: #fff; height: 20px; }
.form-search input.field:focus { width: 250px; }
.form-search span.button-holder { position: absolute; right: 6px; top: 4px; width: 30px; height: 30px; background: url(../images/sprite.png) no-repeat -280px -8px; opacity: 1; filter:alpha(opacity=100); }
.form-search span.button-holder input { width: 30px; height: 30px; text-indent: -4000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 0; background: none; }
.form-search span.button-holder:hover { opacity: 0.8; filter:alpha(opacity=80); }

.form-search .search-results { position: absolute; left: 0; top: 41px; background: #999; border-radius: 18px; width: 306px; display: none; }
.form-search .search-results ul li { list-style: none; }
.form-search .search-results ul li a { display: block; padding: 10px; font-size: 16px; line-height: 18px; color: #fff; }
.form-search .search-results ul li a:hover { text-decoration: none; color: #000; }

.form-default ul.error { margin-top: 20px; color: #f00; font-size: 16px;}
.form-default ul { padding: 0; }
.form-default ul li { list-style: none; padding: 0 13px 20px 13px; clear: both; width: 100%; background: none; -webkit-box-sizing: border-box; box-sizing: border-box; float: none; display: inline-block; vertical-align: top;  }
.form-default ul li.open { position: relative; z-index: 999; }
.form-default ul li.open .sbHolder { border-color: #ff0000; box-shadow: 0 0 5px #ff0000; }
.form-default ul li.col { width: 50%; clear: none; }
.form-default ul li.col-full { width: 100%; }
.form-default label { display: block; font-size: 14px; line-height: 16px; display: block;  font-weight: normal; padding-bottom: 4px; }
.form-default .field-holder { border: 1px solid #ccc; padding: 0 10px; display: block; }
.form-default .field-holder.error { border: 1px solid #f00; }
.form-default .field-holder input,
.form-default .field-holder textarea { background: none; border: 0; width: 100%; padding: 5px 0; font-size: 14px; color: #000; height: 17px; color: #999; }
.form-default .field-holder textarea { resize: none; height: 100px; }
.form-default .field-holder.is-focus { border-color: #ff0000; box-shadow: 0 0 5px #ff0000; }
.form-default .field-holder.is-focus textarea,
.form-default .field-holder.is-focus input { color: #000; }
.form-default .field-small { float: left; margin-right: 8px; width: 60px; }
.form-default .field-medium { float: left; margin-right: 8px; width: 210px; }
.form-default .button-holder { width: 123px; height: 55px; background: #c40411; display: block; margin-top: 30px; }
.form-default .button-holder input { width: 123px; height: 55px; background: none; border: 0; cursor: pointer; color: #fff; text-transform: uppercase; font-size: 18px; }
.form-default .button-holder input { font-family: 'proxima_nova_cn_rgbold', Arial, sans-serif; font-weight: normal; }
.form-default .button-holder:hover { background: #000; }
.form-default .gform_body { padding-right: 38px; position: relative; margin-left: -13px; }
.form-default .gform_footer { border-top: 1px solid #ccc; width: 100%; padding: 34px 0; }

.form-no-heading .gform_heading { display: none; }
.form-default .validation_message { display: none; }
.form-default .gfield_error .field-holder { border: 1px solid red; }

.form-filter { width: 716px; margin: 0 auto; z-index: 20;}
.form-filter label { float: left; display: inline; color: #fff; font-size: 18px; line-height: 26px; }
.form-filter .sbHolder { float: right; display: inline; width: 398px; }

.form-login .row-header { border-bottom: 1px solid #ccc; width: 100%; padding-bottom: 16px; margin-bottom: 16px; }
.form-login .row-header p { font-size: 14px; line-height: 16px; }
.form-login .row { padding-bottom: 15px; }
.form-login .button-holder { margin-top: 10px; }
/* END forms */

/* tables */
.table-default { width: 260px; margin-bottom: 20px; }
.table-default table { border-collapse: collapse; width: 100%; }
.table-default th,
.table-default td { border: 1px solid #333; }
.table-default td { font-size: 14px; line-height: 16px; padding: 5px; }
.table-default th { font-size: 14px; line-height: 16px; padding: 5px;  font-weight: normal; }
.table-default thead tr:first-child th { background: #c40411; color: #fff; }
.table-default thead tr:last-child th { background: #ddd; }
.table-default.left { margin-right: 20px; }

.table-view { width: 100%; padding-bottom: 18px; }
.table-view th { padding-bottom: 14px; text-align: left; font-size: 22px; line-height: 24px;  font-weight: normal; color: #c51d38; }
.table-view td { font-size: 14px; line-height: 18px; padding: 2px 0; }
/* END tables */

/* custom select */
.sbHolder { border: 1px solid #ccc; position: relative; background: #fff; }
.sbHolder .sbSelector { display: block; text-decoration: none; font-family: Arial, sans-serif; font-size: 14px; line-height: 27px; padding: 0 26px 0 10px; color: #000; }
.sbHolder .sbToggle { position: absolute; right: 10px; top: 10px; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 0; height: 0; }
.sbHolder .sbToggle { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #c51d38; }
.sbHolder .sbOptions { padding: 0; position: absolute; left: 0; top: 26px; width: 100%; background: #999; padding: 10px 0; height: 200px; overflow-y: scroll; max-height: none !important; }
.sbHolder .sbOptions li { background: none; padding: 0; list-style: none; }
.sbHolder .sbOptions li a { text-decoration: none; padding: 5px 10px; color: #fff; display: block; font-size: 14px; line-height: 16px; }
.sbHolder .sbOptions li a:hover { text-decoration: none; background: #c51d38; }
/* END custom select */

/* custom radio checkbox */
.jcb-hidden { display: none; }
.jcb-checkbox { cursor: pointer; position: relative; overflow: hidden; float: left; }
.jcb-checkbox .label-icon { float: left; background: url(../images/sprite.png) no-repeat -6px -196px; width: 20px; height: 20px; }
.jcb-checkbox .label-text { float: left; padding: 0 10px 0 5px; font-size: 14px; line-height: 20px; font-family: 'proxima_nova_rgregular', Arial, sans-serif; font-weight: normal; }
.jcb-checkbox.jcb-checked .label-icon { background-position: -6px -218px; }
/* END custom radio checkbox */

/* elements */
.page-info { width: 100%; position: relative; overflow: hidden; clear: both; padding-bottom: 20px; }

.breadcrumb { font-size: 13px; line-height: 14px; color: #333;  font-weight: normal; padding: 0 0 0 5px; }
.breadcrumb a { color: #333; font-family: 'proxima_nova_rgregular', Arial, sans-serif; font-weight: normal; }
.breadcrumb span { padding: 0 4px; font-family: 'proxima_nova_rgregular', Arial, sans-serif; font-weight: normal; }

.heading { width: 100%; padding-bottom: 8px; margin-bottom: 22px; border-bottom: 4px solid #c40411; position: relative; overflow: hidden; }
.heading h1 { font-size: 25px; line-height: 26px; color: #c40411; text-transform: uppercase; font-family: 'proxima_nova_condensedblack', Arial, sans-serif; float: left; display: inline; }
.heading .btn { float: right; display: inline; }

.articles-small-space .article { padding: 20px 0 10px 0; }

.articles .article:first-child { padding-top: 0; }
.articles .article .text.left,
.articles .article .text.right { min-height: 0; padding-bottom: 0; }
.articles > .entry { border-bottom: 1px solid #ccc; } 
.articles .entry.welcome-page-intro { border-top: 1px solid #ccc; border-bottom: 0; padding-top: 20px; margin-top: 20px; }

.article { width: 100%; position: relative; overflow: hidden; padding: 25px 0; border-bottom: 1px solid #ccc; }
.article:last-child { border-bottom: none; }
.article .image { padding: 0 22px; }
.article .image a { opacity: 1; filter:alpha(opacity=100); }
.article .image a:hover { opacity: 0.5; filter:alpha(opacity=50); }
.article .image.case-study img { border: 1px solid #000; }
.article .image.left { margin-right: 3px; }
.article .image.right { margin-left: 3px; }
.article .image + .text { float: none; display: block; position: relative; overflow: hidden; }
.article .text h5 a,
.article .text h5 { color: #000; padding-bottom: 5px; }
.article .text h5 a:hover { text-decoration: none; color: #c51d38; }
.article .text p { font-size: 14px; line-height: 18px; padding-bottom: 10px; }
.article .text p em { font-family: 'proxima_novaregular_italic', Arial, sans-serif; font-weight: normal; font-style: normal; }
.article .text p a { text-decoration: underline; }
.article .text p a:hover { text-decoration: none; }
.article .text p.date-view { padding: 0 0 2px 0; color: #000; }
.article .text p.more-bottom-padding { padding: 0 0 12px 0; }
.article .text strong {  font-weight: normal; }
.article .text.right { min-height: 130px; padding-bottom: 36px; position: relative; }
.article .link-with-icon { position: absolute; left: 0; }
.article .btn { margin: 26px 36px 0 0; }
.article .text ul,
.article .text ol { padding: 0 0 10px 12px; margin-left: 10px; }
.article .text li { list-style: disc; font-size: 14px; line-height: 18px; }

.articles-with-abs-bottom-link .article .text.left,
.articles-with-abs-bottom-link .article .text.right { padding-bottom: 30px; }

.articles-max-text .article .link-with-icon { position: relative; }

.text-wrap { border-bottom: 1px solid #ccc; margin-bottom: 24px; }
.text-wrap h5, .entry.ehs h5, .industry-info h5 { padding-bottom: 16px; }
.entry.ehs .border-line { padding-top: 0; }

.items { position: relative; overflow: hidden; background: url(../images/border-line-item.png) repeat-x 0 -1px; }
.items h5 { border-bottom: 4px solid #c40411; padding-bottom: 8px; }

.item { float: left; display: inline; width: calc(33.333% - 1px); text-align: center; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 24px 24px 16px 24px; color: #c40411; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 360px !important;}
.item img { display: block; margin: 0 auto; max-width: 100%; height: auto; }
.item span { display: block; font-size: 16px; line-height: 22px; text-align: center; font-family: 'proxima_nova_condensedblack', Arial, sans-serif; font-weight: normal; text-transform: uppercase; padding: 8px 0 0 0; }
.item.last { border-right: 0 !important; }
.items .item.last-bottom { border-bottom: 0; }
.item:hover { text-decoration: none; color: #000; }
.item .holder { position: relative; padding: 0 6px 10px 6px !important; }

.items-sub { width: 100%; position: relative; overflow: hidden; background: url(../images/border-line-item.png) repeat-x 0 -1px; }
.items-sub img { display: block; margin: 0 auto; height: auto; max-width: 100%; }
.items-sub .item:nth-child(3n+3) { border-right: 0 !important; }

.item-sub { float: left; display: inline; width: calc(33.333% - 1px); text-align: center; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; color: #c40411; padding: 24px 24px 27px 24px; min-height: 263px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.item-sub { position: relative; }
.item-sub span { display: block; font-size: 13px; line-height: 14px;  font-weight: normal; padding: 14px 0 10px 0; position: absolute; left: 4px; right: 4px; bottom: 14px; }
.item-sub.last { border-right: 0 !important; }
.item-sub:hover { text-decoration: none; color: #000; }

.items-four-cols { background: none; padding: 0 0 18px 0; }
.items-four-cols .item:nth-child(4n+4) { border-right: 0; }
.items-four-cols .item { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; width: 25%; text-align: left; padding: 12px; min-height: 360px !important; box-sizing: border-box; }
.items-four-cols .item span {font-weight: normal; font-size: 18px; line-height: 20px; text-transform: none; text-align: left;  }
.items-four-cols .item span ~ span { font-size: 12px; line-height: 14px; color: #333; }

.items-two-cols { background: none; padding: 0 0 18px 0; }
.items-two-cols .item:nth-child(odd) { border-right: 0; }
.items-two-cols .item { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; width: 244px; text-align: left; padding: 12px; min-height: 246px; }
.items-two-cols .item span { font-weight: normal; font-size: 18px; line-height: 20px; text-transform: none; text-align: left; }
.items-two-cols .item span ~ span { font-size: 12px; line-height: 14px; color: #333;  }

.item-members { width: 100%; text-align: center; padding: 30px 0 30px 0; }
.item-members h5 { font-weight: 700; text-transform: uppercase; color: #dbdbd9; padding-bottom: 10px; }
.item-members .holder { font-size: 0; line-height: 0; width: 100%; padding: 10px 0; border-top: 2px solid #dbdbd9; border-bottom: 2px solid #dbdbd9; }
.item-members a { display: inline-block; margin: 0 15px; }
.item-members a:hover { text-decoration: none; }
.item-members a img { height: 50px; }
.item-members .holder > img { margin-bottom: 15px; }
.item-members .holder > img + img { margin-left: 15px; }

/* END elements */

/* sections */
.section { border-top: 48px solid #ccc; }
.section .top { width: 100%; padding: 15px 0; background: #000; z-index: 20; position: relative; }
.section .holder { padding: 18px; }
.section .holder .entry ~ .entry { border-top: 4px solid #c40411; padding-top: 20px; }
.section .entry h3 { font-size: 24px; line-height: 26px; text-transform: uppercase; padding-bottom: 12px; }
.section .entry h3 strong {font-weight: normal; }
.section .entry h1 { font-size: 45px; line-height: 60px; color: #1f1f1f; text-transform: uppercase;  font-weight: normal; padding-bottom: 20px; }
.section .entry .col-seven { width: 52%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.section .entry .col-seven.left { padding-right: 18px; }
.section .entry .col-seven.right { padding-left: 18px; }
.section .entry .col-five { width: 48%; -webkit-box-sizing: border-box; box-sizing: border-box; }
/* END sections */

/* boxes */
.box-footer { border: 1px solid #fff; padding: 12px; color: #fff; }
.box-footer h6 { font-size: 16px; line-height: 22px; font-weight: normal; text-align: center; }
.box-footer h5 { border-bottom: 1px solid #fff; padding-bottom: 12px; margin-bottom: 17px;  font-size: 29px; line-height: 40px; color: #c40411; text-align: center; padding-top: 6px; }
.box-footer img { display: block; max-width: 360px; height: auto; margin: 0 auto; }
.box-footer p { float: left; display: inline; width: 165px; font-size: 15px; line-height: 18px; }
.box-footer .btn { float: right; display: inline; margin: 4px 32px 9px 0; }

.box-image { border: 1px solid #ccc; padding: 3px; }
.box-image a { display: block; width: 100%; }
.box-image img { display: block; width: 100%; height: auto; }
.box-image img.video-button { position: absolute; width: 82px; height: 82px; left: 50%; top: 50%; margin: -41px 0 0 -41px; }
.box-image a img:hover { opacity: 0.5; filter:alpha(opacity=50); }

.box-image p { background: #000; padding: 10px; font-size: 16px; line-height: 18px; color: #fff; }

.box-red { padding: 4px; border: 2px solid #c40411; }
.box-red .holder { padding: 0 9px 12px 9px; }
.box-red h4 { font-size: 16px; line-height: 22px; color: #fff; text-transform: uppercase;  padding: 5px 12px; margin-bottom: 10px; }
.box-red h5 { font-size: 16px; line-height: 18px; }
.box-red h5 ~ h5 { padding-top: 18px; }
.box-red h5 strong,
.box-red h6 strong { color: #c51d38; font-weight: normal; }
.box-red h6 { font-size: 14px; line-height: 16px;  }
.box-red p { font-size: 14px; line-height: 18px; }
.box-red p strong { font-weight: normal; }

.box-info { width: 100%; position: relative; overflow: hidden; }
.box-info ~ .box-info { border-top: 1px solid #ccc; padding: 26px 0; }
.box-info ~ .box-info p { padding-bottom: 0; }
.box-info h4 { padding-bottom: 4px; }
.box-info h5 { color: #000; }
.box-info .btn { margin-right: 33px; }
.box-info .text { width: 630px; }

.box-detail { width: 100%; position: relative; overflow: hidden; padding-bottom: 30px; }
.box-detail .image { width: 342px; margin-right: 13px; }
.box-detail .image img { display: block; margin: 0 auto; max-width: 100% }
.box-detail .text { position: relative; overflow: hidden; float: none; display: block; }
.box-detail h3 { border-bottom: 1px solid #ccc; padding-bottom: 10px; }
.box-detail h4 { font-size: 18px; line-height: 22px; padding-top: 14px; }
.box-detail .bottom { border-top: 1px solid #ccc; padding: 8px 0 0 0; }

.boxes { position: relative; overflow: hidden; padding: 40px 10px 30px 10px; }

.box { float: left; width: 25%; padding: 0 7px 5px 7px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.box .holder { border: 1px solid #999; padding: 2px 2px 67px 2px; position: relative; }
.box .text { padding: 0 6px; }
.box img { display: block; width: 100%; height: auto; padding-bottom: 18px; }
.box p { padding-bottom: 9px; }
.box h4 { font-size: 20px; line-height: 26px; color: #c40411; text-transform: uppercase;  font-weight: normal; padding-bottom: 10px; }
.box h5 a { font-weight: normal; }
.box h5 a:hover { text-decoration: none; color: #000; }
.box ul, .box ol { padding-left: 5px; }
.box ul li { padding-bottom: 4px; }
.box li a { text-decoration: none; }
.box li a:hover { text-decoration: none; color: #c40411; }
.box .btn-bottom { position: absolute; left: 0; bottom: 0; background: #222; text-align: center; color: #fff; text-transform: uppercase; font-size: 20px;  font-weight: normal; width: 100%; padding: 20px 0; }
.box .btn-bottom:hover { text-decoration: none; background: #c40411; }

body.home .boxes .box p { padding-bottom: 20px;}
/* END boxes */

/* widgets */
.widget { list-style: none; }

.widget .holder .border-line { text-indent: 100%; white-space: nowrap; overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 12px; margin-bottom: 12px; }

.widgets-aside .widget { margin-bottom: 14px; }

.page-template-template-ehs-new-php .widgets-aside { margin-top: -15px; }
.page-template-template-ehs-new-php .aside { width: 190px; }
.page-template-template-ehs-new-php .content-inner { width: calc(100% - 200px); }

.ehs-template { padding-right: 20px; }

.widgets-footer { color: #fff; padding: 0 24px 0 20px; position: relative; overflow: hidden; width: 60%; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; }
.widgets-footer h6.widgettitle { text-transform: uppercase; font-size: 22px; line-height: 24px; color: #fff;  padding: 8px 0 13px 0; } 
.widgets-footer .widget { float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.widgets-footer .widget ~ .widget { padding-left: 77px; }

.widget_nav_menu { border: 2px solid #262626; padding: 2px; background: #fff; }
.widget_nav_menu .current-menu-parent ul { display: block; }
.widget_nav_menu h4.widgettitle { position: relative; overflow: hidden; padding: 8px 0 8px 51px; background: #262626; color: #fff; text-transform: uppercase; font-size: 20px; line-height: 24px; min-height: 24px; }
.widget_nav_menu h4.widgettitle {  font-weight: normal; }
.widget_nav_menu h4.widgettitle img { position: absolute; left: -11px; top: -11px; }
.widget_nav_menu ul { width: 100%; padding-top: 2px; }
.widget_nav_menu ul li { list-style: none; width: 100%; }
.widget_nav_menu ul li ~ li { padding-top: 1px; }
.widget_nav_menu ul li a { display: block; font-size: 14px; line-height: 18px; color: #fff; font-weight: normal; padding: 6px 14px 6px 14px; background: #999; }
.widget_nav_menu ul li a:hover,
.widget_nav_menu ul li.current-menu-item > a,
.widget_nav_menu ul li.current-menu-parent > a,
.widget_nav_menu ul li.current_page_item > a,
.widget_nav_menu ul li.current_page_parent  > a,
.widget_nav_menu ul li.current-menu > a { text-decoration: none; background: #c51d38; }
.widget_nav_menu ul li.current-menu-item a.subcat { background: #666; margin-top: 2px; }


.widget_nav_menu ul li.current-menu-item > ul { display: block; }
.widget_nav_menu ul li ul { padding: 8px 0; display: none; }
.widget_nav_menu ul li ul li a { background: none; padding-left: 28px; font-size: 13px; line-height: 14px; color: #333; }
.widget_nav_menu ul li ul li.current-menu-item a { background: url(../images/bullet.png) no-repeat 16px 10px; color: #c40411; }
.widget_nav_menu ul li ul li.current-menu-item a:hover { background: url(../images/bullet.png) no-repeat 16px 10px; }
.widget_nav_menu ul li ul li a:hover { text-decoration: none; color: #c40411; background: none; }

#menu-employees-menu li { display: none;}
#menu-employees-menu li.current_page_item,
body.logged-in #menu-employees-menu li  { display: block; }

/* END widgets */

/* google maps */
.google-map-large { width: 100%; height: 518px; margin-bottom: 20px; }
/* END google maps */

.link-icon { padding: 0 0 0 22px; background: url(../images/icon-link.png) no-repeat 0 0; line-height: 18px; font-size: 13px; text-decoration: underline; margin-left: 5px; color: #333; display: inline-block; }
.link-icon:hover { text-decoration: none; }

.industry-info h5 {  font-weight: normal; padding-bottom: 10px; }

body.home { min-height: 1200px; }
body.home .entry { padding-right: 0; }
body.home #slider .shell,
body.home .slider-new .shell,
body.home #main .shell { max-width: 1200px; } 
body.home #main .shell, 
body.home #footer { max-width: 1200px; } 
body.home .widgets-footer { padding-left: 0; } 
body.home #footer .box-footer { margin-right: 0; } 

#flags { display: none; }
#google_language_translator { float: right; display: inline;  position: relative;  min-height: 34px !important; z-index:999; background: #000; border-radius: 34px; padding: 1px; visibility: hidden;  }
.goog-te-combo { position: absolute; bottom: 0; left: 0; opacity: 0;}

#google_language_translator span { display: none;}

.skiptranslate { background: url(../images/icon-flag-us.png) no-repeat 0 0; height: 34px !important; width: 34px !important; text-indent: -4000px; cursor:pointer; }
.skiptranslate.goog-te-gadget { padding-top: 0 !important; margin-top: 0 !important;}
body > .skiptranslate { display: none; }
#google_language_translator select.goog-te-combo { width: 38px !important; padding: 13px !important; height: 32px !important; cursor: pointer;}

body.single-post .entry h5 {  font-weight: normal; }
.widget .video-container { display: none;}
.product-category.hidden { display: none; }

.items-four-cols { border-top: 4px solid #c40411; }
/*.product-category ~ .product-category { border-top: 4px solid #c40411; padding-top: 18px; }*/

/* zoom window */
.zoomWindow { border: 0 !important; }
/* END zoom window */
div.zoomWindowContainer div { left: 250px !important; border: 4px solid rgb(136, 136, 136) !important; }
.trade-show-logo { float: right; margin: -20px 20px 0 0; }


.page-template-template-services-php .entry h4,
.page-template-template-services-php .entry h5,
.page-template-template-engineering-php .entry h4,
.page-template-template-engineering-php .entry h5 { color: #c40411; }

#employee-login-form { float:left; }
.image-hold { width: calc(100% - 296px); }
.image-hold img { display: block; width: 100%; height: auto; }

.position-entry h6 { color: #c40411; }


/* Video Page */
.left-col { display: inline; float: left; width: 363px; margin-left: 80px; }
.right-col { display: inline; float: right; padding: 20px 21px 0; width: 260px; background: url(../images/right-col-bg.png) repeat-y 0 0; margin-right: 74px; }
.right-col h2 { padding: 0; color: #c40411; font-family: 'proxima_nova_condensedblack'; font-size: 28px; line-height: 30px;  padding-bottom: 15px; }
.right-col p { font-size: 19px; line-height: 22px; color: #fff; padding-bottom: 11px; }
.right-col p strong { color: #c40411; font-family: 'proxima_nova_condensedblack'; }

.video-holder { background: url(../images/video-bg.png) no-repeat 0 0; padding: 16px 13px; width: 336px; height: 199px; margin-bottom: 10px; }
.video-holder iframe { display: block; width: 100%; height: auto; }

.page-template-template-video-php .entry h3 { padding-bottom: 23px; }
.page-template-template-video-php .entry h3 em,
.page-template-template-video-php .entry h3 { font-family: 'proxima_novaextrabold'; font-style: italic; }
.page-template-template-video-php .entry .border-line { border-color: #c40411; margin-bottom: 19px; }

/* Image Maps */
.image-map { position: relative; overflow: hidden; width: 540px; }
.image-map.manufactured-map { background: url(../images/map1.png) no-repeat 0 0; }
.image-map.distributed-map { background: url(../images/map2.png) no-repeat 0 0; }
.image-map img { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);}
.image-map .caption { position: absolute; top: 0; right: -300px; width: 195px; }
.image-map .caption h2 { color: #c40411; font-size: 13px; line-height: 15px; padding: 0 0 10px 0 !important; }
.image-map .caption p { font-size: 11px; line-height: 14px; }

/* ------------------------------------------------------------ *\
    Slider Loader
\* ------------------------------------------------------------ */

.slider-wrapper { position: relative; }

.slider-loader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 9999; }

.slider-loader .slider-loader-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center; }
.slider-loader .slider-loader-content h1 { font-size: 40px; letter-spacing: 0.08em; color: #fff; text-transform: uppercase; font-size: 48px; margin-bottom: 15px; }
.slider-loader .slider-loader-content img { min-height: 168px; }

.slider-new { max-height: 474px; overflow: hidden; }



/* ================================================================ *\ 
    #Media
\* ================================================================ */

@media print {
    .print-logo { display:block; float: left; }

    #header .bottom p,
    #header .navigation-header { display:none; }
}

/* Desktop */
@media only screen and (max-width: 1200px) {
    
    /* ================================================================ *\ 
        #Header
    \* ================================================================ */
    
    #header .right-side { float: none; display: block; position: relative; overflow: hidden; }

    /* ================================================================ *\ 
        #Footer
    \* ================================================================ */
    
    #footer .shell { padding: 0 18px; }

    /* ================================================================ *\ 
        #Navigations
    \* ================================================================ */
    
    #navigation .shell > ul > li { width: 16.666%; }
    #navigation .shell > ul > li > a { padding: 8px 12px; font-size: 18px; line-height: 1.22; text-align: center; }
    #navigation .shell > ul > li > a:hover { color: #fff; }
    #navigation .shell > ul ul a { text-align: left; }
    #navigation .dropdown-preview { position: static; top: 100%; }
    #navigation .dropdown-preview .drop-down  { width: auto; left: 0; right: 0; }
    #navigation ul li:hover > .drop-down { display: none; }
    #navigation ul li.hover > .drop-down { display: block; }

    /* ================================================================ *\ 
        #Sliders
    \* ================================================================ */

    .slider-navigation ul { font-size: 0; line-height: 0; text-align: center;  }
    .slider-navigation ul li { float: none; display: inline-block; vertical-align: top; width: 11.111%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; text-align: center;  min-height: 44px; }
    .slider-navigation ul li a { font-size: 11px; line-height: 1.17; width: auto;  min-height: 1px;  } 

        
    /* ================================================================ *\ 
        #Forms
    \* ================================================================ */
    
    .form-search input.field:focus { width: 147px; }  

}

/* Tablet landscape */
@media only screen and (max-width: 1024px) {
    /* ================================================================ *\ 
        #Disable hover
    \* ================================================================ */

    div#logo:hover,
    #slider .wrap .text h2:hover,
    #slider .wrap .products a:hover,
    #slider .wrap .products a:hover img,
    .slider-new .wrap .text h2:hover,
    .slider-new .wrap .products a:hover,
    .slider-new .wrap .products a:hover img,
    .article .image a:hover,
    .entry a:hover img,
    .box-image a img:hover { opacity: 1; }

    .slider-new .wrap .text h2:hover span { background: url(../images/icon-arrow.png) no-repeat right 9px; }
    #slider .wrap .text h2:hover span { background: url(../images/icon-arrow.png) no-repeat right 9px; }

    .widget_nav_menu ul li a:hover { background: #999; }

    .widget_nav_menu ul li.current-menu-item > a, 
    .widget_nav_menu ul li.current-menu-parent > a, 
    .widget_nav_menu ul li.current_page_item > a, 
    .widget_nav_menu ul li.current_page_parent > a, 
    .widget_nav_menu ul li.current-menu > a { background-color: #c51d38; }


    .form-filter { width: 100%; box-sizing: border-box; padding-left: 20px; padding-right: 20px; }
    .form-filter label { display: block; float: none; padding-bottom: 8px; }
    .form-filter .sbHolder { display: block; float: none; width: 100%; }

    .image-map { max-width: 100%; margin: 0 auto; }

    .items-four-cols .item { width: 25%; float: none; display: inline-block; vertical-align: top; margin-right: -4px; }

    .items-two-cols .item { width: 50%; float: none; display: inline-block; vertical-align: top; margin-right: -4px; }

  
   
}

/* tablet portrait */
@media only screen and (max-width: 985px){

    /* ================================================================ *\ 
        #Helpers
    \* ================================================================ */
    
    .content-inner,
    .aside { float: none; width: auto; }

    .aside { padding-top: 18px; }

    /* ================================================================ *\ 
        #Header
    \* ================================================================ */
    
    #header .social-small { float: none; display: block; padding-bottom: 10px; }
    
    /* ================================================================ *\ 
        #Footer
    \* ================================================================ */
    
    #footer .bottom { text-align: center; }
    #footer .bottom p { float: none; display: block; }
    
    /* ================================================================ *\ 
        #Entry
    \* ================================================================ */
    
    .entry > table { display: block; width: 100% !important; height: auto !important; }
    .entry > table tbody,
    .entry > table thead,
    .entry > table tr,
    .entry > table th,
    .entry > table td { display: block; width: 100%; }

    /* ================================================================ *\ 
        #Navigations
    \* ================================================================ */
    
    #navigation .shell > ul > li > a { font-size: 16px; }

    .navigation-footer { padding-top: 10px; }
    .navigation-footer ul { text-align: center; }
    .navigation-footer ul li,
    .navigation-footer ul li ~ li { float: none; display: inline-block; vertical-align: top; padding: 0 4px; margin: 0; }

    /* ================================================================ *\ 
        #Socials
    \* ================================================================ */
    
    .social-small { font-size: 0; line-height: 0; text-align: right; }
    .social-small a { float: none; display: inline-block; vertical-align: top; }

    /* ================================================================ *\ 
        #Boxes
    \* ================================================================ */
    
    .box { width: 50%; }

    .box-footer img { width: 100%; }
    .box-footer p { float: none; display: block; padding-bottom: 10px; text-align: center; width: auto; }
    .box-footer .btn { float: none; display: block; margin: 0; }

    /* ================================================================ *\ 
        #Cols
    \* ================================================================ */
    
    .left-col,
    .right-col { float: none; display: block; width: auto; padding-bottom: 20px; margin: 0; background-size: cover; }

    /* ================================================================ *\ 
        #Templates
    \* ================================================================ */
    
    .page-template-template-ehs-new-php .aside { float: right; }
    .page-template-template-ehs-new-php .content-inner { float: left; width: calc(100% - 200px); }


    .navigation-aside h4 img { margin-top: 20px; display: inline-block; }
    .items-four-cols .item { width: 33.33%; }
    .items-four-cols .item:nth-child(4n+4) { border-right: 1px solid  #ccc; }
    .items-four-cols .item:nth-child(3n) { border-right: 0; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    
    /* ================================================================ *\ 
        #Base
    \* ================================================================ */
    
    h1 { font-size: 24px; line-height: 1.25; }
    h2 { font-size: 22px; line-height: 1.18; }

    /* ================================================================ *\ 
        #Transitions
    \* ================================================================ */
    
    #navigation > ul {
        -webkit-transition: opacity 0.4s, visibility 0.4s, max-height 0.4s;
                transition: opacity 0.4s, visibility 0.4s, max-height 0.4s;
    }

    .btn-main:before,
    .btn-main:after,
    .btn-main span {
        -webkit-transition: opacity 0.4s, margin 0.4s, -webkit-transform 0.4s; 
                transition: opacity 0.4s, margin 0.4s, transform 0.4s; 
    }

    /* ================================================================ *\ 
        #Helpers
    \* ================================================================ */
    
    div#logo { float: none; display: block; margin: 0 auto 18px; }

    .sidebar,
    .content { float: none; display: block; width: auto; }
    .sidebar { padding: 0 0 20px 0; }
    .content-inner .entry.ehs { min-height: 0; }

    .ehs-template { padding: 0; }

    /* ================================================================ *\ 
        #Header
    \* ================================================================ */
    
    #header .right-side { padding: 0 18px; }
    #header .top { text-align: center; }
    #header .bottom p { font-size: 24px; }
    #header .navigation-header,
    #header .form-search,
    #header #google_language_translator,
    #header .bottom p { float: none; display: block; text-align: center; }
    #header #google_language_translator { width: 34px !important; margin: 0 auto 18px; }
    #header .form-search { margin: 0; }

    /* ================================================================ *\ 
        #Footer
    \* ================================================================ */
    
    #footer .box-footer { margin: 0; }

    /* ================================================================ *\ 
        #Navigations
    \* ================================================================ */
    
    #navigation { height: auto; }
    #navigation .shell > ul { width: 100%; position: relative; overflow: hidden; max-height: 0; opacity: 0; visibility: hidden; }
    #navigation .btn-main { margin: 0 auto; }
    #navigation ul li,
    #navigation .shell > ul > li { float: none; display: block; width: 100%; text-align: center; }
    #navigation .shell > ul > li ~ li { border-top: 2px solid #fff; }
    #navigation .shell > ul ul a { text-align: center; }
    #navigation ul li ~ li { background: transparent; }
    #navigation .drop-down { position: relative; top: 0; }
    #navigation .dropdown-preview .drop-down > ul > li,
    #navigation .dropdown-preview .drop-down > ul > li ~ li { float: none; display: block; width: auto; }
    #navigation .dropdown-preview .drop-down > ul > li ~ li img { display: block; margin: 0 auto; }
    #navigation .dropdown-preview .drop-down a.btn { position: relative; display: block; right: 0; bottom: 0; text-align: center; }
    #navigation .dropdown-links .drop-down { width: 100%; text-align: left !important; }
    #navigation .two-menus .drop-down li { width: 50% !important; float: none; vertical-align: top; display: inline-block; margin-right: -4px; text-align: center; } 

    .navigation-header ul { font-size: 0; line-height: 0; text-align: center; }
    .navigation-header ul li,
    .navigation-header ul li ~ li { float: none; display: inline-block; font-size: 12px; line-height: 1.33; padding: 0 12px; background: transparent; position: relative; }
    .navigation-header ul li ~ li:before { content: ' '; position: absolute; left: -2px; top: 50%; width: 4px; height: 4px; background-color: #d60414; border-radius: 50%; margin-top: -2px; }

    .navigation-pdf li, 
    .navigation-pdf a, 
    .navigation-pdf li img { float: none; }
    .navigation-pdf img { width: auto; max-width: 100%; height: auto; margin: 0 auto; }

    /* ================================================================ *\ 
        #Entry
    \* ================================================================ */
    
    .entry h2 { padding: 20px; }
    .entry .alignleft,
    .entry .alignright { float: none; display: block; margin: 0 auto 18px; }
    .entry .table-view { width: 100%; position: relative; overflow-y: scroll; }
    .entry .table-view table { display: block; width: 400px; }

    .video-holder { width: auto; height: auto; }

    /* ================================================================ *\ 
        #Sections
    \* ================================================================ */
    
    .section .entry h1 { font-size: 22px; line-height: 1.36; }

    .section .entry .col-seven,
    .section .entry .col-five { float: none; display: block; width: auto; }
    .section .entry .col-five { padding-top: 18px; }

    /* ================================================================ *\ 
        #Slider
    \* ================================================================ */
    
    #slider .wrap { width: auto; left: 0; }
    #slider .wrap .text,
    #slider .wrap .products { width: auto; float: none; display: block; padding: 10px; }
    #slider .wrap.animate { top: -750px; }
    #slider .wrap .products a span { padding-bottom: 6px; }
    #slider .wrap .products a span br { display: none; }

    #slider ul.slides { height: auto; }

    .slider-loader { height: 100%; min-height: 880px; }
    .slider-new { max-height: 880px; overflow: hidden; }
    .slider-new.visible { max-height: 100%; }

    .slider-new .wrap { width: auto; left: 0; }
    .slider-new .wrap .text,
    .slider-new .wrap .products { width: auto; float: none; display: block; padding: 10px; }
    .slider-new .wrap.animate { top: -750px; }
    .slider-new .wrap .products a span { padding-bottom: 6px; }
    .slider-new .wrap .products a span br { display: none; }

    .slider-new ul.slides { height: auto; }
    
    .slider-navigation ul li { display: block; width: 100%; float: none;  border-top: 1px solid #fff; padding: 0; min-height: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .slider-navigation ul li ~ li { background: transparent; padding: 0; }
    .slider-navigation ul li a { font-size: 11px; line-height: 1.17; min-height: 0; padding-left: 18px; padding-right: 18px; width: auto; }

    .slider-navigation-new ul li { display: block; width: 100%; float: none;  border-top: 1px solid #fff; padding: 0; min-height: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .slider-navigation-new ul li ~ li { background: transparent; padding: 0; }
    .slider-navigation-new ul li a { font-size: 11px; line-height: 1.17; min-height: 0; padding-left: 18px; padding-right: 18px; width: auto; }

    /* ================================================================ *\ 
        #Widgets
    \* ================================================================ */
    
    .widgets-footer { float: none; width: auto; padding: 0 0 18px 0; }

    /* ================================================================ *\ 
        #Buttons
    \* ================================================================ */
    
    .btn-main { display: block; width: 38px; height: 38px; position: relative; }
    .btn-main:before,
    .btn-main:after,
    .btn-main span { content: ' '; position: absolute; left: 0; right: 0; top: 50%; height: 4px; background-color: #fff; border-radius: 2px; margin-top: -2px; }
    .btn-main:before { margin-top: -12px; }
    .btn-main:after { margin-top: 8px; }
    
    /* ================================================================ *\ 
        #Boxes
    \* ================================================================ */
    
    .box { float: none; width: 100%; }
    .box ~ .box { margin-top: 18px; }
    .box .holder { min-height: 0 !important; }

    .box-detail .image { float: none; display: block; width: auto; margin: 0 0 18px 0; }

    /* ================================================================ *\ 
        #Forms
    \* ================================================================ */
    
    .form-default .field-medium { float: none; display: block; width: auto; margin: 0; }

    #employee-login-form { float: none; }

    /* ================================================================ *\ 
        #Images
    \* ================================================================ */

    .image-hold { float: none; display: block; width: auto; padding-bottom: 18px; }

    /* ================================================================ *\ 
        #Socials
    \* ================================================================ */
    
    .social-small { text-align: center; }

    /* ================================================================ *\ 
        #Google map
    \* ================================================================ */
    
    .google-map-large { height: 300px; }

    /* ================================================================ *\ 
        #Templates
    \* ================================================================ */
    
    .page-template-template-ehs-new-php .aside,
    .page-template-template-ehs-new-php .content-inner { float: none; width: auto; }
    
    /* ================================================================ *\ 
        #Plugins
    \* ================================================================ */
    
    .zoomContainer { display: none !important; }

    /* ================================================================ *\ 
        #Body classes
    \* ================================================================ */
    
    body.show-nav-main #navigation .shell  > ul { max-height: 9000px; opacity: 1; visibility: visible; }
    body.show-nav-main .btn-main span { opacity: 0; }
    body.show-nav-main .btn-main:before,
    body.show-nav-main .btn-main:after { margin-top: -2px; }
    body.show-nav-main .btn-main:before {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
    }
    body.show-nav-main .btn-main:after {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
    }

    body.page-template-default .content .entry { width: 100%; }
    

    .product-category h3 { font-size: 18px; }
    #footer .navigation-footer { padding-right: 0; float: none; }
    .navigation-footer ul li ~ li { border: none; }

    .items-four-cols .item { width: 50%; border-right: 0; float: none; display: inline-block; vertical-align: top; margin-right: -4px; }
    .items-four-cols .item:nth-child(4n+4) { border-right: 0; }
    .items-four-cols .item:nth-child(2n+1) { border-right: 1px solid  #ccc; }

    .content .top-buttons li { display: block; }
    .content .top-buttons li a.gray-btn { padding: 5px; width: 100%; }

}

@media only screen and (max-width: 565px) { 

    .image-map { width: 300px; }
    .image-map.manufactured-map { 
        -webkit-background-size: 298px 3311px; 
                background-size: 298px 3311px; 
    }
    #ImageMapsCom-map-1 { display: none; }
    .image-map .caption { width: 160px; background: rgba(255, 255, 255, 0.7); box-sizing: border-box; padding-left: 10px; padding-right: 10px; }
    .image-map .caption h2 { font-size: 10px; line-height: 1.2; padding: 0 0 4px !important}
    .image-map .caption p { font-size: 9px; line-height: 1.2; }

    .table-default.left { margin: 0 auto 15px; float: none; display: block; width: 100%; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    /* ================================================================ *\ 
        #Header
    \* ================================================================ */
    
    #header .bottom p { clear: both; padding: 18px 0 0 0; text-align: center; float: none; display: block; }
    
    /* ================================================================ *\ 
        #Headings
    \* ================================================================ */

    .heading h1 { font-size: 22px; }

    /* ================================================================ *\ 
        #Sliders
    \* ================================================================ */
    
    #slider .wrap .text, 
    #slider .wrap .products {text-align: center; }
    #slider ul.slides li > img { display: block; width: 100%; height: auto; }
    #slider .wrap { position: relative; }

    .slider-new .wrap .text, 
    .slider-new .wrap .products {text-align: center; }
    .slider-new ul.slides li > img { display: block; width: 100%; height: auto; }
    .slider-new .wrap { position: relative; }

    /* ================================================================ *\ 
        #Widgets
    \* ================================================================ */
    
    .widgets-footer .widget { float: none; display: block; width: auto; }
    .widgets-footer .widget ~ .widget { margin-top: 18px; padding: 0; }

    /* ================================================================ *\ 
        #Entry
    \* ================================================================ */
    
    .entry ul, 
    .entry ol { padding-left: 0; }

    /* ================================================================ *\ 
        #Articles
    \* ================================================================ */

    .articles .article .text.left, 
    .articles .article .text.right { float: none; display: block; }
    
    .article .image { float: none; display: block; width: auto; margin: 0; padding: 0 0 18px 0; }
    .article .image img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
    .article .image a { display: block; }
    .article .btn { display: block; float: none; width: auto; margin: 20px 0 0 0; }

    /* ================================================================ *\ 
        #Forms
    \* ================================================================ */
    
    .form-default .gform_body { padding-right: 0; margin-right: -8px; margin-left: -8px; }
    .form-default .button-holder { width: 100%; margin-top: 0; }
    .form-default .button-holder input { width: inherit; }
    .form-default label { font-size: 13px; }
    .form-default ul li { padding: 0 8px 14px 8px; }
    
    /* ================================================================ *\ 
        #Custom select
    \* ================================================================ */
    
    .sbHolder .sbSelector { font-size: 12px; }

    /* ================================================================ *\ 
        #Google map
    \* ================================================================ */
    
    .google-map-large { height: 200px; }

    /* ================================================================ *\ 
        #Items
    \* ================================================================ */
    
    .item-sub { float: none; width: auto; display: block; min-height: 0; border-right: 0; }
    .item-sub span { width: auto; display: block; position: relative; overflow: hidden; padding: 10px; bottom: 0; }

    .item { width: 100%; float: none; display: block; min-height: 1 !important; border-right: 0; }

    .items-four-cols .item { width: 100%; border-right: 0; margin-right: 0; min-height: 1px !important; }
    .items-four-cols .item:nth-child(2n+1) { border-right: 0; } 
    .items-two-cols .item { width: 100%; margin-right: 0; border-right: 0; }
    .items .item.last-bottom { border-bottom: 1px solid  #ccc; }
}