/*
Theme Name: Kapa Oil Refineries Ltd 2017
Author: Creative Y&R
Author URI: http://www.creativeyr.co.ke
Description: Kapa Oil Refineries Ltd Theme
Version: 1.0
*/

@charset "utf-8";

/** FONTS **/
@font-face {
    font-family: 'playfair_displaybold';
    src: url('fonts/playfairdisplay-bold-webfont.eot');
    src: url('fonts/playfairdisplay-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/playfairdisplay-bold-webfont.woff2') format('woff2'),
         url('fonts/playfairdisplay-bold-webfont.woff') format('woff'),
         url('fonts/playfairdisplay-bold-webfont.ttf') format('truetype'),
         url('fonts/playfairdisplay-bold-webfont.svg#playfair_displaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'playfair_displayitalic';
    src: url('fonts/playfairdisplay-italic-webfont.eot');
    src: url('fonts/playfairdisplay-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/playfairdisplay-italic-webfont.woff2') format('woff2'),
         url('fonts/playfairdisplay-italic-webfont.woff') format('woff'),
         url('fonts/playfairdisplay-italic-webfont.ttf') format('truetype'),
         url('fonts/playfairdisplay-italic-webfont.svg#playfair_displayitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'playfair_displayregular';
    src: url('fonts/playfairdisplay-regular-webfont.eot');
    src: url('fonts/playfairdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/playfairdisplay-regular-webfont.woff2') format('woff2'),
         url('fonts/playfairdisplay-regular-webfont.woff') format('woff'),
         url('fonts/playfairdisplay-regular-webfont.ttf') format('truetype'),
         url('fonts/playfairdisplay-regular-webfont.svg#playfair_displayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'aleo_regular';
    src: url('fonts/aleo-regular-webfont.eot');
    src: url('fonts/aleo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aleo-regular-webfont.woff2') format('woff2'),
         url('fonts/aleo-regular-webfont.woff') format('woff'),
         url('fonts/aleo-regular-webfont.ttf') format('truetype'),
         url('fonts/aleo-regular-webfont.svg#aleo_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'aleo_italic';
    src: url('fonts/aleo-italic-webfont.eot');
    src: url('fonts/aleo-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aleo-italic-webfont.woff2') format('woff2'),
         url('fonts/aleo-italic-webfont.woff') format('woff'),
         url('fonts/aleo-italic-webfont.ttf') format('truetype'),
         url('fonts/aleo-italic-webfont.svg#aleo_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'aleo_bold';
    src: url('fonts/aleo-bold-webfont.eot');
    src: url('fonts/aleo-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aleo-bold-webfont.woff2') format('woff2'),
         url('fonts/aleo-bold-webfont.woff') format('woff'),
         url('fonts/aleo-bold-webfont.ttf') format('truetype'),
         url('fonts/aleo-bold-webfont.svg#aleo_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bebas_neuebold';
    src: url('fonts/bebasneue_bold-webfont.eot');
    src: url('fonts/bebasneue_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue_bold-webfont.woff2') format('woff2'),
         url('fonts/bebasneue_bold-webfont.woff') format('woff'),
         url('fonts/bebasneue_bold-webfont.ttf') format('truetype'),
         url('fonts/bebasneue_bold-webfont.svg#bebas_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bebas_neueregular';
    src: url('fonts/bebasneue_regular-webfont.eot');
    src: url('fonts/bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue_regular-webfont.woff2') format('woff2'),
         url('fonts/bebasneue_regular-webfont.woff') format('woff'),
         url('fonts/bebasneue_regular-webfont.ttf') format('truetype'),
         url('fonts/bebasneue_regular-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/** RESET **/
* {margin:0; padding:0; outline: 0; border:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;  }
ul, ol {list-style:none; }
a, a:focus, a:hover {text-decoration: none;}
img {display: block}
body {color: #333;background:#fff;position:relative;font:16px/100% 'aleo_regular', Helvetica , Arial,sans-serif; }
select {
  border: 1px solid #eee;
  padding: 10px;
  min-width: 250px;
}
.contactForm select{width: 100%}

/** TYPOGRAPHY **/
p {font-size: 16px;line-height: 183%; padding: 0 0 10px;  margin: 0}
ul li {font-size: 15px; line-height: 130%;}
h1 {font: normal 40px/120% 'bebas_neuebold', Helvetica , Arial,sans-serif;}
h2 {font: normal 30px/110% 'bebas_neuebold', Helvetica , Arial,sans-serif;}
h3 {font: normal 21px/120% 'bebas_neuebold', Helvetica , Arial,sans-serif;}
h4 {font:normal 15px/120% 'bebas_neuebold', Helvetica , Arial,sans-serif; }
h5 {font:normal 14px/120% 'bebas_neuebold', Helvetica , Arial,sans-serif; }


/** GENERAL CLASSES AND ELEMENTS **/
.centerLayout {padding-left:30px; padding-right:30px; position: relative;}
.clearfix:after {clear:both; content:""; display:block; height:0; visibility:hidden; }
.caps {text-transform:uppercase;}
strong, b {font-family:'aleo_bold', Helvetica , Arial,sans-serif; font-weight: normal}
em, i {font-family:'aleo_italic', Helvetica , Arial,sans-serif; font-style: normal}
.dispTable {width:100%; height:100%; display: table;}
.dispTableCell {width:100%; height:100%; display: table-cell;vertical-align: middle;}
.pinkBg {background:#d24783}
.woodBg {background:url(images/background-pattern-wood.png) repeat-x 0 0;}
.lightBluBg {background:#38b4b9}
.orangeBg {background:#ff8339}
.darkBlueBg {background:#034ea1}
.darkRedBg {background:#cc3333}
.tanBg {background:#fe6448}
.button a {display: inline-block;padding: 0 28px 0 11px;height: 40px;background:#c81f25;color:#fff;font: 20px/40px 'bebas_neuebold', Helvetica , Arial,sans-serif;letter-spacing: 1px;position: relative;-o-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-webkit-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;}
.button a:after {content:"\f105";font: 21px/40px 'FontAwesome';display: inline-block; position: absolute; right: 12px; top:0; -o-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-o-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-webkit-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;}
.button a:hover {background:#003A79}
.button a:hover:after { -o-transform:translate3d(8px,0,0); -moz-transform:translate3d(8px,0,0); -webkit-transform:translate3d(8px,0,0); transform:translate3d(8px,0,0);}
.contentLayout {width: 63%;margin: 0 auto;}
.bge-modal-cont {position:fixed; top:0; left:0; z-index: 100;width:100%;height:100%;padding: 2% 0; opacity: 0; visibility: hidden; -o-transition: all ease-in-out 0.2s;-moz-transition: all ease-in-out 0.2s;-webkit-transition: all ease-in-out 0.2s;transition: all ease-in-out 0.2s; -ms-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
.bge-modal-cont.show-pop {opacity:1; visibility:visible;}
.dark-overlay {position: absolute;left:0;top:0;z-index: 1;width:100%;height:100%;background: rgba(0, 0, 0, 0.85);}
.dark-overlay:after {content:"";position: absolute;left:0;top:0;width:100%;height:100%;background:url(images/image-pattern.png);display: block;opacity: 0.3;}
.bge-modal {position: relative; z-index: 2; margin: 0 auto; width:70%; height: 100%; background:#fff; padding:40px; background: url(images/policies-pop-bg.jpg) no-repeat center center; background-size:cover; -o-transform: translate3d(0,20px,0); -moz-transform: translate3d(0,20px,0); -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); -o-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-webkit-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;}
.closeModalWindow {position: absolute;right:0;top:0;width:35px;height: 35px;background: #fff;cursor: pointer;}
.closex {position: absolute; left: 16px; top: 4px; display: block; height: 25px; }
.closexInner {width: 2px; height:100%; display: block;  cursor: pointer; position: relative}
.closexInner:after, .closexInner:before {content:"";position: absolute;top:0;display: block;width:2px;height:100%;background: #000;}
.closexInner:before {right:0; -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.closexInner:after {left:0;-o-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.text-center {text-align: center;}

/** LAYOUT CONTAINERS AND THEIR RELATED ELEMENTS **/
#pageWrap {padding:0 40px; background:#fafafa; -o-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; -ms-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
.menu-open #pageWrap { -ms-transform: translateX(-300px); -o-transform: translateX(-300px); -webkit-transform: translateX(-300px); transform: translateX(-300px); position: relative;}
.menu-open #pageWrap:before {content: ""; position: absolute;left: 0;top: 0;z-index: 90; width: 100%; height: 100%;   background: rgba(249, 249, 249, 0.78);}
#innerPageWrap {background: #fff; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0;margin: auto;max-width: 1600px}

/***** HOMEPAGE **/

/* Page Header */
.logoNavSeIn {position:relative}
.logoCont {float:left;margin: 11px 0 0;}
.rightPageHeader {float: right;}
.mainNav {float: left;}
.mainNav>ul>li {float: left;margin-left: 20px;}
.mainNav li a {font: 18px/80px 'bebas_neuebold', Helvetica , Arial,sans-serif;display: block;color:#323232;letter-spacing: 2px;-o-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-webkit-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;}
.mainNav li a:hover, .mainNav>ul>li.current-menu-item > a {color:#c81f25;}
.mainNav>ul>li>ul {position: absolute;left:50%;top:80px;z-index: 10;margin:0 0 0 -539px;width:1078px;opacity:0;visibility: hidden;-o-transform-origin: 0 0;-ms-transform-origin: 0 0;-webkit-transform-origin: 0 0;transform-origin: 0 0;-o-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-o-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.3s;-webkit-box-shadow: -5px 5px 6px -5px #222;box-shadow: -5px 5px 6px -5px #222;}
.mainNav>ul>li:hover>ul {opacity:1; visibility: visible; -o-transform:rotateX(0deg); -ms-transform:rotateX(0deg); -webkit-transform:rotateX(0deg); transform:rotateX(0deg)}
.mainNav>ul>li>ul a {font: 14px/100% 'aleo_bold', Helvetica , Arial,sans-serif;text-transform: uppercase;letter-spacing: 0.8px;}
.mainNav>ul>li>ul>li:after {clear:both; content:""; display:block; height:0; visibility:hidden;}
.mainNav>ul>li>ul>li>a {width:280px; float: left; padding:13px 0 13px 13px; background: #e4e4e4; border-bottom:1px solid #eeeeee }
.mainNav>ul>li>ul>li>a:hover, .mainNav>ul>li>ul>li.active>a {background:#eeeeee; color:#c81f25;}
.mainNav>ul>li>ul>li>ul {position:absolute;right:0;top:0;width:798px;z-index: 11;background:#eeeeee;padding: 30px 0 0;-webkit-box-shadow: 5px 4px 6px -4px #222;box-shadow: 5px 4px 6px -4px #222;}
.mainNav>ul>li>ul>li>ul.inactive {opacity:0; visibility: hidden}
.mainNav>ul>li>ul>li>ul.active {opacity:1; visibility: visible}
.mainNav>ul>li>ul>li>ul>li {width: 24%;display: inline-block; vertical-align: bottom; padding: 10px 0; border-right: 1px solid #E0E0E0; margin: 0 0 35px; -o-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;}
.mainNav>ul>li>ul>li>ul>li>a {text-align: center; display: block; width:100%;}
.mainNav>ul>li>ul>li>ul>li>a img {display: inline; padding: 0 !important; height: 135px; opacity:1; -o-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; }
.mainNav>ul>li>ul>li>ul>li>a span {display: block; text-align: center; margin:20px 0 0;line-height: 135%; padding: 0 12px; -o-transition: transform ease-in-out 0.4s;-moz-transition: transform ease-in-out 0.4s;-webkit-transition: transform ease-in-out 0.4s; transition: transform ease-in-out 0.4s;}
.mainNav>ul>li>ul>li>ul.inactive>li>a>img, .mainNav>ul>li>ul>li>ul.inactive>li>a>span {-o-transform:translate3d(-10px,0,0);  -webkit-transform:translate3d(-10px,0,0); transform:translate3d(-10px,0,0); opacity:0}
.mainNav>ul>li>ul>li>ul.active>li>a>img, .mainNav>ul>li>ul>li>ul.active>li>a>span {-o-transform:translate3d(0,0px,0); -webkit-transform:translate3d(0,0px,0); transform:translate3d(0,0px,0); opacity:1}
.mainNav>ul>li>ul>li>ul>li>a:hover img {}
#menu-item-491 {position: relative}
#menu-item-491 > ul {width:300px; margin: 0; left:auto; right:0;}
#menu-item-491 > ul > li > a {width:100%;}
.searchIcon {float: left;height:35px;border-left:1px solid #adadad;padding:0 0 0 10px;margin: 23px 0 0 20px;cursor: pointer;}
.searchIcon .fa {font-size:20px; line-height: 35px;}
.searchForm {background:#f0f0f0;height: 0px; overflow: hidden;  -o-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;}
.searchForm.openSearch {height:96px}
.searchFormIn {position:relative}
.searchFormIn input[type="text"] {width:100%;display: block;height: 54px;padding: 10px 50px 10px 15px;background:#fff;border: 1px solid #E4E4E4;line-height: 100%;font: 23px/100% 'aleo_italic', Helvetica , Arial,sans-serif;color:#777; }
.searchForm.openSearch .searchFormIn input[type="text"] {background: #dcdcdc; transition: background 0.4s ease-in-out 0.4s;}
.searchFormIn input[type="text"]::-webkit-input-placeholder { color:#B5B5B5; }
.searchFormIn input[type="text"]:-moz-placeholder { color:#B5B5B5;}
.searchFormIn input[type="text"]::-moz-placeholder { color:#B5B5B5;}
.searchFormIn input[type="text"]:-ms-input-placeholder{ color:#B5B5B5;}
.searchFormIn button {display:block;font-size: 0px;line-height: 0;background: transparent;position: absolute;right: 16px;top:50%;width: 25px;height: 25px;margin: -14.5px 0 0;cursor: pointer;}
.searchFormIn button:after {content:"\f002";font: 25px/100% 'FontAwesome';color:#C3C3C3;-o-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-webkit-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;}
.searchFormIn button:hover:after {color:#000}

/* Home Banner */
#bannerSect {overflow: hidden;}

/**** Home Midsection */

/* Homepage */
.innerMidRowHead {text-align: center;padding: 40px 0;}
.innerMidRowHead h2 {display:inline-block;vertical-align: bottom;color: #00346D;line-height: 22px;letter-spacing: 1px;}
.innerMidRowHead h2:before, .innerMidRowHead h2:after {content:"";display: inline-block;vertical-align: bottom;width:45px;height:1px;margin: 0 15px;background: #00346D;}
.innerMidRowHead.whiteRowHead h2 {color:#fff}
.innerMidRowHead.whiteRowHead h2:before, .innerMidRowHead.whiteRowHead h2:after {background: #fff;}
.singleProdIntro {float:left;width:20%; height:300px; position: relative; padding: 20px;}
.singleProdIntro.twoColumnar {width:40%;}
.snProdIntroHead {text-align: center;position: relative;z-index: 10}
.snProdIntroHead h3 {color:#fff;margin: 0 0 15px;font-size: 28px; letter-spacing: 1px;}
.bglessBtn span, .bglessBtn a {display: inline-block;padding: 9px 10px; background: transparent; color:#fff; border:1px solid #fff; text-transform: uppercase; font:13px/1 'aleo_italic', Helvetica , Arial,sans-serif; letter-spacing: 1px;  -o-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-webkit-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;}
.bglessBtn span:hover, .bglessBtn a:hover { background: #fff; color:#000;}
.snProdIntroBody {position: absolute; left:0; bottom:10px; width:100%; }
.prodImgCont {text-align: center}
.prodImgCont img {display: inline; max-width: 100%;}
.dataIntroInner {padding: 40px 0;}
.singleDataIntro {float: left;}
.singleDataIntroIn {padding: 10px 0}
.datIntroTxtOnly {padding: 0 20px 0 0;border-right: 1px solid #DEDEDE; width:30%; }
.datIntroTxtOnly .singleDataIntroHead h3 {color:#525252; margin: 0 0 10px; font-size:30px;  letter-spacing: 1px}
.datIntroTxtOnly .button {margin: 20px 0 0;}
.datIntroGlobe, .datIntroSvg  {padding: 0 20px;border-right: 1px solid #DEDEDE;width:25%;}
.globeCont {text-align: center}
.globeCont img {display: inline; max-width: 100%;}
.dataStats {text-align: center;}
.leftDataStats, .rightDataStats  {display: inline-block; vertical-align: top; margin: 0 5px; text-align: left; position: relative}
.numberDataStats {font:108px/1 'bebas_neuebold', Helvetica , Arial,sans-serif; color:#034ea1}
.textDataStas {padding: 20px 0 0;}
.textDataSpan {display: block; font:20px/100% 'aleo_bold', Helvetica , Arial,sans-serif; text-transform: uppercase; margin: 0 0 6px; color:#034ea1}
.datIntroSvg .rightDataStats {right:5px}
.svgMapCont {max-width: 180px; margin: 0 auto}
.mapKenyaSvg {width: 100%; height: auto}
.datIntroLinks {width:20%; padding: 0 0 0 20px;}
.datIntroLinks li {border-bottom: 1px solid #DEDEDE;}
.datIntroLinks li a {height: 47px; display: block; font: 20px/47px 'bebas_neuebold', Helvetica , Arial,sans-serif;text-transform: uppercase;color:#69696a;position: relative; -o-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-webkit-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;}
.datIntroLinks li a:hover {color: #c81f25;}
.datIntroLinks li a:after {content:"\f105";font: 21px/47px 'FontAwesome'; color:#69696a; display: inline-block;margin: 0 0 0 12px;-o-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-webkit-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;}
.datIntroLinks li a:hover:after {margin: 0 0 0 18px; color: #c81f25;}
.toolsIntro {background:url(images/tools-bg.jpg) no-repeat 0 0; background-size:cover;}
.toolsIntroInner {text-align: center; padding: 0 0 40px;}
.singleToolIntro {width: 27%;display: inline-block;margin: 0 2%;}
.singleToolImg {position: relative;}
.singleToolImg img{width:100%;}
.singleToolImg:after {content:"";display: block;width:60px;height: 60px;background:#c81f25 no-repeat center center;border:4px solid #fff;border-radius: 50%;position: absolute;left: 50%;bottom: 0;margin: 0 0 -30px -30px;}
.recipesTool .singleToolImg:after {background-image: url(images/cutlery-icon.png);}
.guidesTool .singleToolImg:after {background-image: url(images/abc-guides.png);}
.bmiTool .singleToolImg:after {background-image: url(images/heart-icon.png);}
.singleToolBody {background:#fff;}
.singleToolBodyIn {padding: 35px 35px;}
.singleToolBody h3 {font: 30px/100% 'bebas_neuebold', Helvetica , Arial,sans-serif; color:#000; margin:0 0 10px;}
.singleToolBody p {padding:0;}
.singleToolFoot {background: #c81f25; text-align: center}
.singleToolFoot a {color:#fff;font: 14px/1 'aleo_italic', Helvetica , Arial,sans-serif;letter-spacing: 1px;text-transform: uppercase;padding: 17px 10px;display: block;-o-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-webkit-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;}
.singleToolFoot a:hover {background:#003A79}

/* Footer */
.footerNavsCont {padding-top:40px;padding-bottom:40px;text-align: center;background: #f1f1f3;border-top: 1px solid #E6E6E6;}
.footerNavs {display: inline-block;vertical-align: top;text-align: center;margin: 0 4%;}
.footerNavsHead h3 {font-size:18px;margin: 0 0 15px;letter-spacing: 1px;color: #005575;}
.footerNavs li {margin: 0 0 10px;}
.footerNavs li:last-child {margin:0;}
.footerNavs li a {display: block;color: #616161;font-size: 12px;letter-spacing: 1px;text-transform: uppercase;-o-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-webkit-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;}
.footerNavs li a:hover {color:#c81f25}
.miscStuffFooter {position: relative;background: #19262d;height:57px;}
.copyrightText {float:left;padding:0;line-height: 57px;font-size: 12px;text-transform: uppercase;letter-spacing: 1px;color:#fff;}
.copyrightText:after {content:"";display: inline-block;width: 7px;height:1px;background: #fff;vertical-align: top;margin: 0 10px;position: relative;top: 29px;}
.footOtherLinks {float:left; }
.footOtherLinks li {float: left;}
.footOtherLinks li:after {content:"/"; color: #D0D0D0;float: left;line-height: 57px;font-size: 13px;}
.footOtherLinks li:last-child:after {display: none;}
.footOtherLinks li a {float:left;line-height: 57px;font-size: 12px;text-transform: uppercase;letter-spacing: 1px;color: #D0D0D0;padding: 0 7px;}
.footOtherLinks li:first-child a {padding-left: 0px;}
.backToTopCont {position: absolute; right:0; top:0; width:57px; height: 57px;}
.backToTopCont a {display: block;width:100%;height:100%;position: relative;background: #293F4A;}
.backToTopCont a:before {content:"";display:block;width: 9px;height: 9px;position: absolute;left: 50%;top: 50%;margin: -9px 0 0 -4.5px;background:transparent;border-top: 2px solid #fff;border-left: 2px solid #fff;-o-transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.backToTopCont a:after {content:""; display:block;width: 2px;height: 20px;background: #FFFFFF;position: absolute;left: 50%;top: 50%;margin: -10px 0 0 0px;}
.subscribe-sect {background: #f1f1f3;border-top: 1px solid #E6E6E6; padding:0 0 40px;}
.subscribe-intro{width:80%; margin: 0 auto; text-align: center;}
.btn-cta {display: inline-block;}
.subscribe-intro .btn-cta {margin-top: 20px;}
.btn-cta a {background: #c81f25; color:#fff;font: 14px/1 'aleo_italic', Helvetica , Arial,sans-serif;letter-spacing: 1px;text-transform: uppercase;padding: 10px 17px;display: block;-o-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-webkit-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;}
.btn-cta a:hover {background:#003A79}

/**** Inner Pages */
/* Banner */
.innerBannersCont li {position: relative}
.innerBannerTxt {position: absolute; left:0; top:0; z-index: 2; width:100%; height:100%; }
.innerBannerTxtIn {text-align: center; padding:0 390px; color: #fff;}
.innerBannerTxtIn h1 {margin:0 0 10px;font-size: 56px;text-shadow: 1px 1px 1px #000;letter-spacing: 1px;}
.innerBannerTxtIn p {padding:0;font-size: 18px;text-shadow: 1px 1px 3px #000;}
.innerBannerImg {position: relative;background:no-repeat 50% 50%; background-size: cover; width: 100%; height:auto;max-height:338px;overflow:hidden;}
.innerBannerImg:after {content:"";position: absolute;left:0;top:0;z-index: 1;display: block;width:100%;height:100%;}

/* Midsection */
/* About Us Page */
.mvcContItem {width:100%;  margin: 0 auto;}
.mvcTtl, .mvcText{float:left; width:50%; height:100%;  text-align: center;}
.mvcTtl {background: #0C427D;color: #fff;letter-spacing: 2px;position: relative;}
.mvcTtl:after {content:"";position: absolute;top: 50%;right: -12px;margin: -6px 0 0;width: 0;height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-left: 12px solid #0C427D;}
.mvcText {background: #F3F3F3;color: #545454;}
.mvcContItem:nth-child(even) .mvcTtl{float:right}
.mvcContItem:nth-child(even) .mvcTtl:after {right:auto;left: -12px;border-left: none;border-right: 12px solid #0C427D;}
.mvcTextIn {padding:30px 30px;}
.miniMidRow {margin: 0 0 30px;}
.miniMidHead h3 {font-size: 21px;margin: 0 0 20px;letter-spacing: 1px;color: #0C427D;}
.contentLayout blockquote {padding: 22px 65px;border-top:1px solid #bababa;border-bottom:1px solid #bababa;font: 14px/1 'aleo_italic', Helvetica , Arial,sans-serif;margin: 18px 0; position:relative; }
.contentLayout blockquote:before {content:"\201C"; color: #034ea1; position: absolute; left: 2px; top: -4px; font: 132px/100% Helvetica ,Arial,sans-serif;}
.contentLayout blockquote p {padding:0;text-align: center;}
.splitColumnar {margin:0 0 30px;}
.columnarHead h3 {font-size: 21px;margin: 0 0 20px;color: #A9A9A9;letter-spacing: 1px;}
.contentLayout ul, .extendedText ul, .contentLayout ol, .extendedText ol {padding: 15px 0 10px 30px;}
.contentLayout ol, .extendedText ol {list-style: decimal;  list-style-position: inside;}
.contentLayout li, .extendedText li  {margin: 0 0 10px;font-size: 16px; line-height: 180%;}
.contentLayout ul li, .extendedText ul li {padding-left: 23px;position: relative;}
.contentLayout ul li:before, .extendedText ul li:before {content:"";position: absolute;left:0;top:15px;width: 10px;height:1px;display: block;background:#69696a;}
.policiesCont {background:url(images/kasuku-bg.png) no-repeat center center; background-size: cover; padding:0 0 40px}
.contentSlideOut {text-align: center;}
.contentSlide, .contentSlideCntrols {display: inline-block; vertical-align: top;}
.contentSlideList li {overflow: hidden}
.contentSlideList li.inactive {opacity:0; height:0; visibility: hidden}
.contentSlideList li.active {opacity: 1; height:auto; visibility: visible}
.contentSlideCntrols {margin: 0 0 0 50px; display:none;}
.displayCntrs.contentSlideCntrols {display: inline-block;}
.singleContentSlide {overflow: hidden}
.lsingleContentSlide {float: left;}
.policyIcon {width:190px; height: 190px; border-radius: 50%; border:2px solid #fff; margin: 0 20px 0 0; text-align: center;}
.policyIcon img {display: inline}
.rsingleContentSlide {float: left;width:400px;text-align: left;}
.slideInContent {color: #fff}
.slideInContentHead h4 {margin: 0 0 12px;font-size: 23px;letter-spacing: 1px;}
.policiesCont .bglessBtn {margin:10px 0 20px;}
.countSlidesCont {color:#fff;overflow: hidden;margin: 0 0 20px;}
.countSlidesCont span {font: 19px/1 'aleo_italic', Helvetica , Arial,sans-serif;margin-right: 8px;float: left; min-width: 12px;}
.directionSlides ul {overflow: hidden; border:1px solid #fff}
.directionSlides li {float: left}
.directionSlides li span, .dirSlidePop span {display: block; width: 35px; height: 35px; position: relative; background:#fff; cursor: pointer; -o-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-webkit-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;}
.directionSlides li span:after, .dirSlidePop li span:after {content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 14px; height: 14px;  margin: -7px 0 0 -5px; border-left: 1px solid #0C427D;  border-bottom: 1px solid #0C427D; -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -o-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-webkit-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;}
.directionSlides li.rightDirSlide span {background:transparent;}
.directionSlides li.rightDirSlide span:after, .dirSlidePop li.rightDirSlidePop span:after {content:""; border-left: none; border-right: 1px solid #fff; border-bottom: 1px solid #fff;  margin-left: -9px; -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.dirSlidePop li.rightDirSlidePop span:after {border-color:#0C427D}
.directionSlides li span:hover {background:#012B5A !important}
.directionSlides li.leftDirSlide span:hover:after {border-left: 1px solid #fff; border-bottom: 1px solid #fff;}
.show-pop .bge-modal {-o-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
.extendedText {display:block; color:#fff}
.extendedText a {color:#fff; text-decoration: underline;}
.extendedText a:hover {color:#eae0d3;}
.extendedText h5 {font-size: 20px;margin: 0 0 20px;letter-spacing: 2px;text-align: center;}
.extendedText ul li:before {background: #fff}
.bge-modalIn {height: 100%; overflow: auto;}
.pad-bge-modalIn {padding:0 20px;}
.bge-modalIn .policyIcon {margin:0 auto 30px;}
.bge-modalIn .slideInContentHead h4 {font-size: 30px; color:#fff; text-align: center; margin: 0 0 20px; }
.bge-modalIn .extendedText {display: block !important}
.dirSlidePop span {position:absolute;bottom: 50%; margin: -17.5px 0 0;}
.dirSlidePop li.leftDirSlidePop span {left:0}
.dirSlidePop li.rightDirSlidePop span {right:0}
.timelineCont {padding:0 0 40px;}
.timelineItem {width:70%; margin: 0 auto; position:relative;}
.lftSdtimelineItem {position: absolute; left: 1px;top:0;width: 50%;height:100%;}
.timelineItems li {opacity:1; visibility: visible; height:auto;  overflow: hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); ;transition: all ease-in-out 0.6s; }
.timelineItems li.sliced {opacity:0; visibility: hidden;  height:0;  -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0);}
.timelineItems li:nth-child(even) .lftSdtimelineItem  {left:auto; right:0;}
.timelineImg {width:100%; height:100%; background:no-repeat center center; background-size:cover;}
.timelineImg img {width:100%;}
.rgtSdtimelineItem {float: right;width:50%;}
.timelineItems li:nth-child(even) .rgtSdtimelineItem {float: left;margin-left: 1px;position: relative;}
.timelineHead h3 {background: #034ea1; color:#fff; padding:10px; letter-spacing: 1px;}
.timelineBody {padding: 10px 15px;border-left:4px solid #034ea1;}
.timelineDate {margin: 20px 0 10px;}
.timelineDate p {padding:0; color:#034ea1; font: 160px/100% 'aleo_bold', Helvetica , Arial,sans-serif; }
.smallSingular {font-size: 73px;line-height: 100%;}
.loadMoreTimeline {text-align: center; display: none;}
.loadMoreTimeline.show {display: block;}
.loadMoreTimeline span {display: inline-block;position: relative;padding: 68px 0 0;text-transform: uppercase;font-size: 14px;color: #034EA1;cursor: pointer;}
.loadMoreTimeline span:after {content:"";width:4px;height:40px;background:#034ea1;display: block;position:absolute;top:0;left:50%;margin: 0 0 0 1px;}
.loadMoreTimeline span:before {content:"";display:block;width: 16px;height: 16px;background:#034ea1;border-radius: 50%;position:absolute;top: 39px;left:50%;margin: 0 0 0 -5px;}

/* Product Page */
.productLogo {position: absolute;left:0;bottom:0;background:#fff;z-index: 9;padding: 12px 40px;text-align: center;width: 275px;}
.productLogo img {max-width: auto !important;width: auto !important;display: inline;}
.productLogo.Toss-Bright-powder img {
    width: auto;
    max-width: 100%;
}
.prodDetRow {position: relative;}
.lftSideProdDet {float:left; width:40%;}
.inSideProdDet {padding:30px; }
.lftSideProdDet.prodImg {min-height:350px;max-height:350px;background:#eeeeee no-repeat center center;background-size: auto 80%;text-align: center;position: absolute;left:0;top:0; height:100% !important;}
.prodImg img {display: inline; max-width: 100%;}
.rgtSideProdDet {float:right; width:60%}
.prodDetRow:nth-child(even) .rgtSideProdDet {background:#eeeeee}
.inprodDetHead h2, .prodDetaMeta h2 {font-size:30px; margin: 0 0 10px;letter-spacing: 1px;}
.prodIcon {display: inline-block; vertical-align: middle; margin-right: 5px;}
.prodDetaMetaRow {margin: 0 0 25px}
.prodDetaMetaRow:last-child {margin:0;}
.prodDetaMeta h2 {color:#fff;}
.helpfulLinks li {margin: 0 0 10px;}
.helpfulLinks li a {color:#fff;font-size: 15px;text-decoration: underline;}
.prodSocialLinks ul {overflow: hidden}
.prodSocialLinks li {float:left;margin: 0 20px 0 0;}
.prodSocialLinks li a {color:#fff;}
.prodSocialLinks li a:before {font-size: 18px;line-height: 30px;display: inline-block;text-align: center;width:30px;height:30px;border-radius:50%;margin: 0 9px 0 0;border:1px solid #fff;color:#fff;}
.inprodDetBody li {margin: 0 0 10px;line-height: 150%;position: relative;padding-left: 20px;}
.inprodDetBody li:before {content:""; width: 7px; height: 7px; display: block; background: #4870af;border-radius:50%;position: absolute;left: 0;top: 7px;}
.adsRow img {width:100%;}
.contentTabsNav {background:#f9f9f9; text-align: center; padding:40px 0 0}
.contentTabsNav li {display: inline-block}
.contentTabsNav li a {display: block;font: normal 28px/110% 'bebas_neuebold', Helvetica , Arial,sans-serif;color:#323232;letter-spacing: 1px;padding:20px; position: relative}
.contentTabsNav li.active a {background:#eeeeee}
.contentTabsNav li.active a:before {content:""; position: absolute; left:0; top:0; background:#c81f25; width:100%; height:4px; display: block }
.singleContentTabs {overflow: hidden}
.singleContentTabs.active {height:auto; visibility: visible; opacity: 1;}
.singleContentTabs.inactive {height:0; visibility: hidden; opacity: 0;}
.experienceIntro {background: url(images/background-pattern-wood-blu.png) repeat 0 0;}
.gridsElemCont {text-align: center;padding: 0 0 40px;}
.singleGridElem {display: inline-block;width: 22%;margin: 0 1%;vertical-align: top; overflow: hidden}
.singleGridElemHead {position: relative;}
.singleGridElemHead:before {content:""; display: block; width:100%; height:3px;}
.singleGridElemFig img {width:100%;}
.expeCat {position: absolute;left:0;bottom:0;display: block;color:#fff;padding: 5px 10px;font-size: 14px;}
.recipescat .expeCat, .recipescat .singleGridElemHead:before {background:#b632d5;}
.howtocat .expeCat, .howtocat .singleGridElemHead:before {background:#4aa200;}
.lifestylecat .expeCat, .lifestylecat .singleGridElemHead:before {background:#16c5c8;}
.healthcat .expeCat, .healthcat .singleGridElemHead:before {background:#c81f25;}
.singleGridElemBody {position: relative;}
.singleGridElemTtl {background:#fff;padding: 10px 10px 20px;background-color:#fff;min-height: 90px;}
.singleGridElemTtl h3 {color:#323232;font:16px/130% 'aleo_regular', Helvetica , Arial,sans-serif;text-align: left;}
.singleGridRead {position: absolute;left:10px;bottom:-30px;opacity: 0; display: inline-block;vertical-align: middle;font-size: 12px;line-height: 25px;color: #c81f25;text-transform: uppercase; -o-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-webkit-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;}
.singleGridElem:hover .singleGridRead {bottom:0; opacity:1; }
.singleGridRead:after{content:"\f105";font: 14px/25px 'FontAwesome';color: #c81f25;display: inline-block;margin: 0 0 0 5px;vertical-align: middle;opacity:0;-o-transition: all 0.3s ease-in-out 0.3s; -webkit-transition: all 0.3s ease-in-out 0.3s; transition: all 0.3s ease-in-out 0.3s;}
.singleGridElem:hover .singleGridRead:after {opacity:1; margin: 0 0 0 10px;}
.relatedProdRow {padding: 0 0 40px}
.relatedProd {float:left;width: 25%; position: relative; }
.relatedProd:before {content:""; width: 98%; height: 50%; display: block; position: absolute; left:0; bottom:0; background:#eeeeee }
.relatedProd:last-child:before {width: 100%;}
.relatedProdImg {text-align: center;position: relative;display: flex; display: -webkit-flex; -webkit-justify-content: center;justify-content: center; height: auto !important;}
.relatedProdImg img {-webkit-align-self: flex-end;align-self: flex-end;}
.relatedProdTtl {position: relative;}
.relatedProdTtl h3 {text-align: center;color:#000;font-size: 21px;padding: 15px 0 30px;}
.media-container {text-align: center; padding: 50px 0;}
.iframe-cont, .thumbnails-list li {width: 47%; margin: 0 1% 50px; display: inline-block;}
.jp-audio {display: inline-block; text-align: left;}
.pp_social {display: none !important; }


/* Customer Information Page */
.downloadElemsList {text-align: center;padding: 30px 0 40px;}
.downloadElemsList li{display: inline-block;padding:0 !important;margin: 0 15px;}
.downloadElemsList li:before {display: none !important}
.downloadElemsList li a {display: block; position: relative; width:190px; height: 200px;   color:#fff; }
.downlodItemTtlCont {background:#034ea1; position: relative; z-index: 2; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -o-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-webkit-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;}
.downloadElemsList li a:hover .downlodItemTtlCont {background:#323232; transform:translate3d(0,-40px,0); -webkit-transform:translate3d(0,-40px,0)}
.downlodItemTtl {display: block;padding: 5px; }
.downlodItemTtl:after {font: 55px/100% 'FontAwesome';display: block;margin: 20px 0 0;}
.pdfDownload:after {content:"\f1c1";}
.excelDownload:after {content:"\f1c3";}
.downlodItemIconCont {position: absolute; left:0; bottom:0; z-index:1; width:100%; background:#034ea1; height:40px; display: block; text-align: center; font-size: 14px; line-height: 40px;}
.downlodItemIcon {display: inline-block;font: 14px/1 'aleo_italic', Helvetica , Arial,sans-serif;letter-spacing: 1px;text-transform: uppercase;}
.downlodItemIcon:before {content:"\f019";font: 12px/40px 'FontAwesome';margin: 0 9px 0 0;display: inline-block;}
.localOrderFormCont {width:72%; margin: 0 auto;}
.gform_wrapper ul.gform_fields li {padding: 0; position: relative; margin:0 0 25px !important;}
.gform_wrapper .gform_fields .gfield_label {float:none; display: block; color: #717171; font: normal 12px/100% 'aleo_bold', Helvetica , Arial,sans-serif; text-transform: uppercase; width:100%; margin: 0; -o-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s;}
.gform_wrapper .gform_fields .gfield_label.unfocused,  .gform_wrapper .gform_fields .gfield_label.focused  {-webkit-transform: translate3d(0,3px,0); transform: translate3d(0,3px,0); position: absolute; left:0; top:0; z-index: 2;}
 .gform_wrapper .gform_fields .gfield_label.focused { font-size: 11px; -webkit-transform: translate3d(0,-12px,0); transform: translate3d(0,-12px,0); color:#ababab }
 .gform_wrapper .gform_fields input.medium, .gform_wrapper .gform_fields textarea.medium {width:100% !important; display: block; border-bottom:1px solid #ccc; text-indent: 0;padding: 4px; font-size: 15px;}
.gform_wrapper .gform_fields textarea.medium  {border:1px solid #ccc; }
 .gform_wrapper .ginput_container {position: relative; z-index: 1;}
 .gform_wrapper .gform_fields input[type="file"] {opacity:0; height:100%; position: relative; z-index: 1; cursor: pointer;}
.filePath {position: absolute; left:0; top:0; font-size: 14px; display: block; width:100%; padding:0 94px 0 4px; overflow: hidden;
text-overflow: ellipsis; white-space: nowrap;}
.fileWrap {position: relative; border-bottom:1px solid #ccc; height:30px;}
.fileBtn {position: absolute; right: 0; top:0; height: 100%; width:94px; text-align: center; display: inline-block; padding:0 5px; background:#000; color: #fff; font-size: 12px; text-transform: uppercase;}
#extensions_message {font-size:11px; color:#b1b1b1; display: block;}
 .gform_wrapper .gform_footer {padding:0; margin:0; width:100%;}
 .gform_wrapper .gform_footer .button {display: inline-block; cursor: pointer; padding:10px; background:#c81f25; color: #fff; font: 13px/1 'aleo_italic', Helvetica , Arial,sans-serif; letter-spacing: 1px;text-transform: uppercase; -o-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s;}
 .gform_wrapper .gform_footer .button:hover {background:#003A79}
.filteredData {padding:0 60px 60px;}
.facetwp-dropdown {border:1px solid #d0d0d0}
.filteredData table {border-collapse: collapse}
.filteredData table, .filteredData tr {width:100%; text-align: left;}
.filteredData th, .filteredData td {width:25%;font-weight: normal;vertical-align: middle;padding: 13px;}
.filteredData th {font: 13px/1 'aleo_bold', Helvetica , Arial,sans-serif; text-transform: uppercase;}
.filteredData thead {border-bottom: 1px solid #a9a9a9}
.filteredData table p {padding:0; font-size: 15px;}
.filteredData tbody tr {background: #f9f9f9; border-bottom:1px solid #e6e6e6}
.filteredData tbody tr:nth-child(even) {background:#fff}

/* Sustainability Page */
.artGridCont {padding-top:40px;padding-bottom: 30px;}
.singleArtGrid {display: inline-block;width: 23.2%;margin: 0 2% 2% 0;vertical-align: top;}
.singleArtGrid:nth-child(4n) {margin-right:0;}
.headSingArt {position: relative; margin:0 0 20px;}
.singArtImg img {max-width:100%}
.singArtCat {position: absolute;left:0;bottom:0;display: inline-block;padding: 7px;color:#fff; font: 12.5px/1 'aleo_italic', Helvetica , Arial,sans-serif;letter-spacing: 1px;text-transform: uppercase;}
.singArtTtl {margin: 0 0 10px;}
.singArtTtl h2 {font: normal 19px/145% 'aleo_bold', Helvetica , Arial,sans-serif;color: #293F4A;margin: 0 0 5px;}
.singArtDate {font: 11px/1 'aleo_italic', Helvetica , Arial,sans-serif;color: #BBBBBB;text-transform: uppercase;}
.singArtText  {color: #333;}
.singArtText p {line-height: 165%;}
.readMoreGrid {position: relative;display: inline-block;text-transform: uppercase;font: 12.5px/1 'aleo_italic', Helvetica , Arial,sans-serif;color: #c81f25;padding: 0 0 15px;-o-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-webkit-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;}
.readMoreGrid:hover {color:#003A79}
.readMoreGrid:after {content:"";position: absolute;bottom: 0;left:0;display: block;width:100%;height:1px;background:#c81f25;-webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0);-o-transition: all ease-in-out 0.4s;-moz-transition: all ease-in-out 0.4s;-webkit-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;}
.readMoreGrid:hover:after {-webkit-transform: translate3d(0,0px,0);transform: translate3d(0,0px,0); background:#003A79}
.pageNavi {text-align: center;padding: 0 0 40px;}
.pageNavi li {display: inline-block}
.pageNavi li a {display: block;width:40px;border-right: 1px solid #E2E2E2;line-height: 100%;font-size: 14px;color: #005575;}
.pageNavi li.current a {color:#000}
.pageNavi li:last-child a {border-right:none;}
.columnArtSection {width:80%;margin: 0 auto;padding: 40px 0;}
.colArtTtl h2 {font-size: 35px;}
.innerColumnArtSection {position: relative;}
.innerColumnArtSection:before {display: block;width:1px;height: 100%;background:#eee;position: absolute;right: 25%;}
.lcolumnArtSection, .rcolumnArtSection, .colArtTtl  {float: left;width:75%;padding: 0 20px;}
.colArtTtl {padding:0 20px; float: none; margin: 0 0 21px;}
.lcolumnArtSection img {max-width: 100%;padding: 14px 0 20px;}
.rcolumnArtSection { width:25%;}
.briefPostsSideTtl h3 {display: block;padding: 0 0 8px;margin: 0 0 15px;border-bottom: 1px solid #5F5F5F;}
.briefPostsSideNav .singleArtGrid {width:100%;display: block;padding: 0 0 15px;margin: 0 0 20px;border-bottom: 1px solid #eee;}
.briefPostsSideNav li:last-child .singleArtGrid {border-bottom: 0;}
.briefPostsSideNav .singArtTtl {margin: 0;}
.briefPostsSideNav .singArtTtl h2 {font-size:15px;}
.briefPostsSideNav .headSingArt {margin:0 0 10px}

/* Contact Us Page */
#gmapCont {width: 100%; height: 400px; margin:0 0 40px;}
.columnarSection {width:70%; margin: 0 auto 40px;}
.lColumnarSection, .rColumnarSection {float: left; width:50%; padding:0 10px;}
.columnarSectionTtl h2 {font-size:20px; margin: 0 0 15px}
.contactDetails {padding:25px; background:#f4f4f5; border:1px solid #e1e1e1}
.contactDetailsIn {margin: 20px 0 0;}
.contactDetailsIn p,.contactDetailsIn a{line-height: 120%;font-size: 14px;padding: 0 0 7px;color: #333;}
.contactDetailsIn p a {color:#999;}
.contactForm #field_2_5 .ginput_container, .contactForm #field_2_11 .ginput_container {padding: 25px 0 0;}
.contactForm .gform_wrapper .gform_footer {text-align: left; margin: 0; width: 100%;padding: 0;}

/* Experience Page */
.posts-rows {margin-bottom: 40px}
#experience-header {background:#eeeeee; position: relative; }
#experience-header:after, .experience-menus li a:after {content:""; display:block; height:3px; position:absolute; left:0; right:0; bottom:0; background: #bebebe;}
.experience-header-ls {float:left;}
.experience-menus li {float: left; border-right:1px solid #e0e0e0;}
.experience-menus li a {display: block; line-height: 64px; color:#323232; padding:0 20px; font: 15px/64px 'aleo_bold', Helvetica , Arial,sans-serif; position: relative;}
.experience-menus li a:after {z-index: 2; left:-1px; right:-1px;}
.experience-menus li:first-child a {font-size: 0px; line-height: 0; padding-left:0; }
.experience-menus li:first-child a:before {content:"\f015"; font-family:FontAWesome; line-height: 64px; font-size:20px; display: block;}
.experience-menus li:first-child a:after {display: none;}
.experience-header-rs {float:right;}
.filter-label {display: block; font: 15px/64px 'aleo_bold', Helvetica , Arial,sans-serif;}
.filter-label:after {content:"\f1de"; font-family:FontAWesome; line-height: 64px; font-size:28px; display: inline-block; vertical-align: middle; margin: 0 0 0 20px;}
.experience-menus li.purple-color a:after, .purple-color .post-category, .post-flow-item.purple-color:before {background: #5b31af}
.experience-menus li.green-color a:after, .green-color .post-category, .post-flow-item.green-color:before  {background: #47a200}
.experience-menus li.orange-color a:after, .orange-color .post-category, .post-flow-item.orange-color:before {background: #fdab2e}
.experience-menus li.red-color a:after, .red-color .post-category, .post-flow-item.red-color:before {background: #f4532f}
.experience-menus li.cyan-color a:after, .cyan-color .post-category, .post-flow-item.cyan-color:before {background: #08c4cd}
.experience-menus li.blue-color a:after, .blue-color .post-category, .post-flow-item.blue-color:before   {background: #1e60da}
.featured-items {height:400px;}
.featured-items li {float: left; width:25%; height:50%;}
.featured-items li:first-child{width:50%; height:100%;}
.featured-item {position: relative; height:100%;}
.post-media {position: relative; height:185px}
.featured-item .post-media {height: 100%;}
.post-media a {display: block; position: relative; width:100%; height: 100%; background-position: center center; background-size: cover;}
.featured-items .post-media a:after {content:""; position: absolute; left:0; bottom:0; width:100%; height:100%; display: block; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );}
.post-media img {width: 100%;}
.post-category {display: inline-block; padding:0 20px; color:#fff; line-height: 40px}
.featured-item .post-category-cont {position: absolute; left:0; top:0;}
.featured-item .post-content {position: absolute; left:0; bottom:0; width:100%; color: #fff; padding: 0 20px 15px }
.featured-items li:first-child .featured-item .post-content  {padding: 0 30px 20px }
.post-content h2 {font: 17px/130% 'aleo_bold', Helvetica , Arial,sans-serif; margin: 0 0 15px; letter-spacing: 1px;}
.featured-items li:first-child .post-content h2  {font-size: 22px;}
.featured-items .post-content h2 a {color:#fff;}
#post-flow-1-row {margin-bottom: -20px;}
.post-flow-1-items, .post-flow-2-items {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: stretch; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; -ms-flex-wrap: wrap;  -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.post-flow-1-items li {width:23.5%; margin: 0 2% 20px 0 ; background:#f1f1f3; }
.post-flow-1-items li:nth-child(4n){margin-right:0;}
.post-flow-item:before {content:""; display: block; width:100%; height:3px;}
.post-flow-1-item .post-content, .post-flow-2-item .post-content  {padding:10px;}
.post-flow-1-item .post-content, .post-content h2 a {color:#323232;}
.post-content h2 a {color:#323232;}
.post-flow-1-item .post-category-cont, .post-flow-2-item .post-category-cont  {margin-top: -40px; position: relative; z-index: 2;}
.post-flow-2-items {padding:0 0 0 51%; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap;
flex-wrap:wrap; margin-bottom: -30px; position: relative; -ms-align-items: baseline; -moz-align-items: baseline;-webkit-align-items: baseline; align-items: baseline; min-height: 500px;}
.post-flow-2-items li:first-child{position: absolute; left:0; top:0; bottom:30px; width: 49%; margin-bottom: 0;}
.post-flow-2-items li:first-child .post-media {height:300px;}
.post-flow-2-items li { display: inline-block; flex-grow: 1; width:25%;  width: -webkit-calc(100% * (1/2) - 4% - 1px); width: calc(100% * (1/2) - 4% - 1px); background:#f1f1f3; margin: 0 0 30px 0;}
.post-flow-2-items li:nth-child(2n) {margin-right: 4%;}
.post-flow-3-ls {width:70%; float: left;}
.post-flow-3-items li {padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #eaeaea; }
.post-flow-3-items li:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.post-flow-3-item {overflow: hidden}
.post-flow-3-item:before {display: none;}
.post-flow-3-item .post-media { width: 45%; float: left; height: 235px; margin: 0 20px 0 0}
.post-flow-3-item .post-category-cont, .single-featured-item-media .post-category-cont {margin: 0 0 20px;}
.post-flow-3-item .post-content h2 {margin-bottom: 9px;}
.post-flow-3-rs {width:30%; float: left; padding: 0 0 0 50px; margin: 25px 0 0 0;}
.post-flow-3-mods {margin: 0 0 40px;}
.post-flow-3-mods-head h3{font-size: 30px; margin-bottom: 10px;}
.sorted-posts-side a {display: block; position: relative; padding: 15px 10px 15px 30px; color:#333333 }
.sorted-posts-side li {border-bottom:1px solid #eaeaea;}
.sorted-post-number {position: absolute; left:0; top:15px; font: 29px/100% 'bebas_neuebold', Helvetica , Arial,sans-serif;}
.sorted-post-title {font: 17px/130% 'aleo_bold', Helvetica , Arial,sans-serif;}
.ad-cont {position: relative;}
.ad-cont-fig img {width:100%; height:auto;}
.ad-cont-text {position: absolute; left:0; top:0; width:100%; height:100%;}
.ad-cont-text-in {text-align: center;}
.ad-cont-text-in h4 {color: #fff; font: 23px/130% 'aleo_bold', Helvetica , Arial,sans-serif; letter-spacing: 1px; margin: 0 0 20px;}
.btn-cta-2 {padding:13px 25px; display: inline-block; background:#cc3333; color: #fff; font: 29px/100% 'bebas_neuebold', Helvetica , Arial,sans-serif; border-radius: 30px; }
.post-article-full-header {padding-top: 20px;}
.post-article-full-header h1 {font-family: 'aleo_bold', Helvetica , Arial,sans-serif; margin: 0 0 10px; font-size: 30px;}
.post-flow-3-article p {line-height: 25px;}
.header-misc-ls {float: left}
.header-misc-ls .post-category-cont {display: inline-block; vertical-align: middle; margin: 0 10px 0 0 ;}
.header-misc-ls .post-date-cont {display: inline-block; vertical-align: middle;}
.post-date {display: inline-block; font-size: 13px; line-height: 40px; text-transform: uppercase;}
.header-misc-rs {float: right; margin-right: 30px;}
.social-media-share li {float: left; margin-left: 14px;}
.social-media-share li a {display: block; color:#b1b1b1; font-size: 16px; line-height: 40px;}
.header-misc {margin: 0 0 12px;}
.post-full-media img {max-width: 100%; height:auto;}
.post-flow-3-article.contentLayout {width:100%; margin:0;}
.post-flow-3-article img {max-width: 100%; height:auto;}
.post-flow-3-article img.alignright {float:right; margin:0 0 1em 1em}
.post-flow-3-article img.alignleft {float:left; margin:0 1em 1em 0}
.post-flow-3-article img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.post-flow-3-article h1, .post-flow-3-article h2, .post-flow-3-article h3, .post-flow-3-article h4, .post-flow-3-article h5, .post-flow-3-article h6 {font-family: 'aleo_bold', Helvetica , Arial,sans-serif; margin: 0 0 20px;}
.post-flow-2-ttl h3 {font-size: 25px; margin: 0 0 30px}
.featured-item-media-cont {margin: 40px 0 0;}
.single-featured-item-media {overflow: hidden; float:left; width:50%; padding: 0 0 20px; border-bottom: 1px solid #eaeaea; margin: 0 0 20px}
.single-featured-item-media.post-flow-item:before {display: none;}
.single-featured-item-media:first-child {width:50%; float:left; padding:0 30px 0 0; margin: 0;  border-bottom: none;}
.single-featured-item-media:last-child {padding-bottom: 0; border-bottom: none;}
.single-featured-item-media:first-child .featured-item-media {float:none; width:100%; margin: 0 0 20px;}
.featured-item-media {float:left; width:180px; margin: 0 20px 0 0; }
.featured-item-media a {display: block; width:100%; height:130px; background-size: cover; background-position: center center; position: relative;}
.single-featured-item-media:first-child .featured-item-media a {height:260px;}
.featured-item-media a:after {content:""; position: absolute; left:0; bottom:0; z-index: 1; width:100%; height:100%; display: block; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );}
.featured-item-media a:before, .video-items-row .post-media a:before {content:"\f01d";font-family: 'FontAwesome';color:#fff;font-size: 25px;line-height: 41px;background:#c81f25;width: 49px;display: block;position: absolute;left:0;bottom:0;z-index: 2;text-align: center;}
.single-featured-item-media .post-category {line-height:30px; font-size: 14px;}
.media-row-title {position: relative; margin: 0 0 20px}
.media-row-title:before {content:""; position: absolute; left:0; right:0; z-index: 1; top:50%; margin-top: -1px; display: block; height:2px; background:#d6d6d6 }
.media-row-title h2 {display: inline-block; background: #fff; padding-right: 10px; font-size: 26px; position: relative; z-index: 2; }
.media-row-title h2:before {content:"\f144"; font-family: 'FontAwesome'; display: inline-block; margin-right: 10px; vertical-align: middle;}
.video-items-row .post-flow-1-items li {width: 32%; margin-right: 2%;}
.video-items-row .post-flow-1-items li:nth-child(4n) {margin-right: 2%;}
.video-items-row .post-flow-1-items li:nth-child(3n) {margin-right:0;}
.post-full-media .iframe-cont {width:100%;margin: 0;display: block;}
.img-blog-social {width: 30px;}
.img-blog-social:hover {width: 37px;}

/***** Responsive Section */
@media (max-width:1215px) {
    /** Homepage **/
    .numberDataStats {font-size:96px;}
    .textDataSpan {font-size:17px;}

    /**** Innerpages **/
    /** About Us Page **/
    .innerBannerTxtIn {padding:0 150px;}
    .timelineDate p {font-size:90px;}
    .timelineItem {width:85%;}

    /** Depots **/
    .filteredData table p {font-size: 13px; word-wrap: break-word;}
    
    /** Experience **/
    .post-flow-1-item .post-category-cont, .post-flow-2-item .post-category-cont {margin-top: -30px;}
    .post-category {padding: 0 10px; line-height: 30px; font-size: 13px;}
}
@media (min-width:1200px) {
    /** Mobile Responsive **/
    .mobile-menu, .close-menu, .side-menu-mobile {display: none;}
}
@media (max-width:1199px) {
    /** Mobile Responsive **/
    .logoNavSeIn {padding: 14px 0;}
    .logoCont {margin: 0;}
    .mainNav{display: none;}
    .rightPageHeader {padding: 14px 0 0;}
    .searchIcon {border-left:none; border-right: 1px solid #adadad; padding: 0 20px 0 0; margin:0;}
    .mobile-menu, .close-menu {display: block; float:left; text-transform:uppercase; font: 16px/100% 'bebas_neuebold', Helvetica , Arial,sans-serif;letter-spacing: 1px; margin:10px 0 0 20px; cursor: pointer;}
    .mobile-menu:before, .close-menu:before {display:inline-block; content:"\f0c9"; font:17px/100% 'FontAwesome'; margin:0 7px 0 0;}
    .side-menu-mobile {display:block; position:fixed; right: 0; top: 0; z-index: 2; width: 300px; height: 100%; background: #fff; -ms-transform: translateX(300px); -o-transform: translateX(300px); -webkit-transform: translateX(300px);   transform: translateX(300px); -o-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;}
    .menu-open .side-menu-mobile { -ms-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
    .close-menu {float:none; color:#034ea1; margin: 0; padding:0 10px; border-bottom:1px solid #ccc; line-height: 48px;     position: absolute; left: 0; top: 0; z-index: 99; width: 100%; background:#fff;}
   .close-menu:before {content:"\f00d"}
    .side-menu-mobile .mainNav {display: block; float:none; overflow: auto; height: 100%; padding:48px 0 0;}
    .side-menu-mobile .mainNav>ul>li {float:none; margin:0;}
    .side-menu-mobile .mainNav li a {line-height: 120%; padding: 10px; border-bottom: 1px solid #eee; text-align: left; float:none; width:100%;}
    .side-menu-mobile .mainNav>ul>li>ul {position: relative; left:0; top:0; margin:0; width:100%; opacity:1; visibility: visible; -o-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-box-shadow: none; box-shadow: none;}
    .side-menu-mobile .mainNav>ul>li>ul>li>ul {position: relative; width:100%; padding:0; -webkit-box-shadow: none; box-shadow: none; background:transparent;}
    .side-menu-mobile .mainNav>ul>li>ul>li>ul.inactive {opacity:1; visibility: visible;}
    .side-menu-mobile .mainNav>ul>li>ul>li>ul>li {width:100%; display: block; padding:0; margin: 0; border-right:none; height: auto !important;}
    .side-menu-mobile .mainNav>ul>li>ul a {font:17px/100% 'bebas_neuebold', Helvetica , Arial,sans-serif; letter-spacing: 2px;}
    .side-menu-mobile .mainNav>ul>li>ul>li>a {background: transparent; color:inherit;  padding-left: 25px;}
    .side-menu-mobile .mainNav>ul>li>ul>li>ul>li>a>img {display: none !important;}
    .side-menu-mobile .mainNav>ul>li>ul>li>ul>li>a span {opacity: 1; -o-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); padding: 0; margin: 0; text-align: left; padding-left:40px}
    .side-menu-mobile .experience-menus li {float: none; border-right:none;}
    .side-menu-mobile .experience-menus li#menu-item-1135 {display: none;}
    .side-menu-mobile .experience-menus li a:after {display: none;}
    .side-menu-mobile .experience-menus li a {font: 17px/100% 'bebas_neuebold', Helvetica , Arial,sans-serif;
        letter-spacing: 2px; color: #323232;}
    .side-menu-mobile .experience-menus li a:hover, .side-menu-mobile .experience-menus li.current-menu-item a {color: #c81f25;}
    .side-menu-mobile .experience-menus li a span {text-align: left; padding-left:40px; display: block;}
    #experience-header {display: none;}
    #featured-items-sect {border-top: 1px solid #efefef;}

    /** CSR **/
    .singleArtGrid {width:46%; margin: 0 2% 2% 0;}
    
    /** Experience **/
    .post-flow-2-items {min-height: 550px;}
    .post-flow-1-items li, .video-items-row .post-flow-1-items li{width: 48%;}    
    
}

@media (max-width:1000px) {

    /** General **/
    .miscStuffFooter {text-align: center; height: auto; padding: 20px 0;}
    .copyrightText, .footOtherLinks {float:none; line-height: 120%;}
    .footOtherLinks {display: inline-block}
    .backToTopCont {display: none;}
    .innerMidRowHead h2 {line-height: 40px;}
    .innerMidRowHead h2:after, .innerMidRowHead h2:before {display: none;}

    /** Homepage **/
    .singleProdIntro, .singleProdIntro.twoColumnar {width:50%}
    .datIntroTxtOnly, .datIntroGlobe, .datIntroSvg, .datIntroLinks {width:50%;}
    .singleDataIntro {border-right: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE;}

    /** Contact Us **/
    .lColumnarSection, .rColumnarSection {width: 100%;}

    /** Downloads **/
    .downloadElemsList li {margin-bottom: 20px;}

    /** Products **/
    .relatedProdTtl h3 {font-size:19px;}
    
    /** Experience **/
    .experience-menus li a {font-size: 14px; padding: 0 17px;}
    .post-content h2 {font-size: 15px;}
    .featured-items li:first-child .post-content h2 {font-size: 18px;}
    .post-flow-3-ls, .post-flow-3-rs {width:100%; padding: 0;}
    .post-flow-2-items {display:block; padding:0; overflow: hidden; min-height: 0;}
    .post-flow-2-items li {display: inline-block; vertical-align: top; width:30.33% !important; margin: 0 1% 30px !important }    
    .post-flow-2-items li:first-child {position: relative;}
    .post-flow-2-items li:first-child .post-media {height:185px;}
    .post-content p {display: none;}
}

@media (max-width:800px) {
    /** General **/
    .timelineDate p {font-size:81px;}

    /** Products **/
    .relatedProd {width: 100%; margin: 0 0 50px;}
    .relatedProdImg {height:auto !important}
    .iframe-cont {width:100%; margin: 0 0 50px;}

    /** About Us **/
    .innerBannerTxtIn h1 { font-size: 45px;}
    .mvcContItem {height:auto !important;}
    .mvcTtl, .mvcText {width:100%;}
    .mvcTtl h2 {font-size:25px; margin: 0; padding:12px 0;}
    .mvcTtl:after {width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #0C427D; border-bottom:initial; right: auto; left: 50%; top: auto; bottom: -12px; margin: 0;}
    .mvcContItem:nth-child(even) .mvcTtl:after {left:50%; border-left: 12px solid transparent; border-right: 12px solid transparent;}
    .contentLayout, .timelineItem, .loadMoreTimeline {width: 88%; margin: 0 auto;}

    /** Depots **/

    .filteredData table, .filteredData thead, .filteredData tbody, .filteredData th, .filteredData td, .filteredData tr { display: block; width:100%; }
    .filteredData thead tr { position: absolute;top: -9999px;left: -9999px;	}
    .filteredData tr { border: 1px solid #ccc; }
    .filteredData td {border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; }
    .filteredData td:before {position: absolute; top: 13px; left: 13px; width: 45%; padding-right: 10px; white-space: nowrap; font:13px/1 'aleo_bold', Helvetica , Arial,sans-serif; text-transform: uppercase;}
    .downloadInfoText .filteredData td:nth-of-type(1):before { content: "Depot"; }
	.downloadInfoText .filteredData td:nth-of-type(2):before { content: "Country"; }
	.downloadInfoText .filteredData td:nth-of-type(3):before { content: "Address"; }
	.downloadInfoText .filteredData td:nth-of-type(4):before { content: "Contact Details"; }
    
    /** Experience **/
    .featured-items {height: 660px;}
    .featured-items li:first-child {width: 100%; height: 50%;}
    .featured-items li { width: 50%; height: 50%;}
    .single-featured-item-media { width: 100% !important; padding-right:0 !important; border-bottom: 1px solid #eaeaea;}
}

@media (max-width:725px) {
    /** About Us **/
    .innerBannerTxtIn {padding: 0 80px;}
    .singleContentSlide {padding: 0 15px;}
    .lsingleContentSlide {width:100%;}
    .policyIcon {margin:0 auto 50px;}
    .rsingleContentSlide {width:100%;}
    .lftSdtimelineItem {display: none;}
    .rgtSdtimelineItem {width:100%;}
    .timelineItems li:nth-child(even) .rgtSdtimelineItem {margin-left: auto;}
    .timelineItem {border-left: 4px solid #034ea1; border-right: 4px solid #034ea1;}
    .timelineBody{border:none;}
    .timelineDate p {text-align: center;}
    .loadMoreTimeline {border-top:4px solid #034ea1}

    /** Products **/
    .lftSideProdDet {width:100%; position: relative; height:350px;}
    .lftSideProdDet.prodImg {min-height: initial; max-height: initial; position: relative; height: 300px !important;}
    .rgtSideProdDet {width:100%; height:auto !important;}
    .lftSideProdDet.darkBlueBg {height: auto !important}

    /** Contact Us **/
    .columnarSection {width: 90%;}
    .filteredData {padding:0 5px 30px}

    /** CSR **/
    .singleArtGrid {width: 100%; margin: 0 0 2% 0;}
    
    /** Experience **/
    .featured-items {height:auto;}
    .featured-items li:first-child, .featured-items li {width:100%; height:245px;}
    .post-flow-1-items li, .video-items-row .post-flow-1-items li {width: 100%; margin:0 0 50px;}
    .video-items-row .post-flow-1-items li .post-media {height:250px}
    .featured-item-media  {width:100%; margin: 0 0 20px;}
    .featured-item-media a {height: 260px !important;}
    
}

@media (max-width:580px) {

    /** General **/
    #pageWrap {padding:0;}
    .logoCont img {width:200px;}
    .rightPageHeader {padding:5px 0 0;}
    .innerMidRowHead h2, .datIntroTxtOnly .singleDataIntroHead h3 {font-size: 22px;}
    .innerMidRowHead h2:before, .innerMidRowHead h2:after {width:27px;}

    /** Home **/
    .singleProdIntro, .singleProdIntro.twoColumnar {width:100%; }
    .datIntroTxtOnly, .datIntroGlobe, .datIntroSvg, .datIntroLinks {width:100%;}
    .singleDataIntro { padding:20px 0; border-right:none; height:auto !important}
    .singleDataIntro:last-child {border-bottom:none;}
    .dataIntroInner {padding:10px 0;}
    .singleProdIntro {height:255px;}

    /** Inner Pages **/
    .innerBannerTxtIn {padding: 0 10px;}
    .innerBannerTxtIn h1 {font-size: 32px;}

    /** About us Pages **/
    .contentLayout blockquote {padding: 22px 25px;}
    .contentLayout blockquote:before {font-size: 95px;}

    /** Products **/
    .contentTabsNav li a {font-size:20px;}
    .innerBannerImg {height: 290px;}
    .productLogo {width: 220px;}
    .productLogo img {max-width: 51%;}
    .relatedProdImg img {width:auto; height:150px;}

    /** Downloads **/
    .localOrderFormCont {width:100%;}
}

@media (max-width:415px) {
    .centerLayout {padding-left:15px; padding-right:15px;}
    .logoCont img {width: 147px;}
    .rightPageHeader {padding:5px 0 0;}
    .searchIcon {height:25px;}
    .searchIcon .fa {line-height: 25px;}
    .mobile-menu {margin:5px 0 0 13px}
}
.magenta-red .post-category {
	background:#C81F25;
}
.seo-text{
  font-size: 1px; color: #fff;
}

/* custom commments form */
form#commentform {
    border: 1px solid rgba(204, 204, 204, 0.81);
    padding: 10px;
    margin-bottom: 25px;
    box-shadow: 3px 6px 3px rgba(204, 204, 204, 0.81);
    width: 100%;
    max-width: 600px;
}
p.comment-notes {
    margin-bottom: 10px;
}
#commentform label {
    display: block; 
    margin-bottom: 8px;
}
textarea#comment {
    border: 1px solid #ccc;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 4px;
}
.comment-form-author {
    margin-bottom: 15px;
}
input#author {
    padding: 6px 7px;
    border: 1px solid #ccc;
    display: block;
}
.comment-form-email {
    margin-bottom: 15px;
}
input#email {
    padding: 6px 7px;
    border: 1px solid #ccc;
    display: block;
    /* width: 100%; */
}
input#aiowps-captcha-answer {
    border: 1px solid #ccc;
    padding: 7px 5px;
}
.form-submit {
    margin-top: 10px;
    margin-bottom: 15px;
}
input#submit {
    padding: 7px 11px;
    min-width: 130px;
    cursor: pointer;
}

/* responsive latest posts */
@media (max-width: 768px) {
.post-flow-2-items li {
    display: inline-block;
    vertical-align: top;
    width: 100% !important;
    margin: 0 1% 30px !important;
}
.centerLayout {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}
.facebook-media {
  display: none;
}

}
.twoCol{
width:30%;
}
.homeCare{
background: linear-gradient(#EEB02F, #f1c261);
}
.innerBannerImg{
height:300px;
}
.inSideProdDet {
    padding: 10px;
}
.Neptune{
background-size:cover !important;
}
.Cleanrol{
background-size:cover !important;
}
.Softleaf{
background-size:cover !important;
}
.Cooksin3Minutes{
background-color:#fff !important;
}
.Postman-Vegetable-Oil{
display:none !important;
}

.snProdIntroHead {
    z-index: 1;
}

.logoCont {
    max-width: 225px;
}

#icon_wrapper .fuse_social_icons_links .awesome-social {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
}

@media only screen and (max-width: 768px){
    .logoCont {
    	max-width: 190px;
    }
}