*{font-family: 'Raleway', sans-serif;font-size: 13.5px;line-height: 20.2px; }

:-moz-placeholder {opacity: 1;color: #fff}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:    #fff;}
::-moz-placeholder{opacity: 1;color: #fff;}
:-ms-input-placeholder{opacity: 1;color: #fff;}
*:focus{outline: none;}
body,header{margin: 0px;padding: 0px;background-color: transparent;}
a{text-decoration: none;}
.br{margin-bottom: 10px; }
.clear{clear: both}
.floatLeft{float: left}
.floatRight{float: right}
.alignLeft{text-align: left !important}
.alignRight{text-align: right !important}
.alignCenter{text-align: center !important}
.menuIco{position: absolute;float: right;right: 10px;top:55px;cursor: pointer;z-index: 100;display: none;}
#respMenu{width: 80%;height: auto;position: absolute;top:0px;left: -100%;background: #fff;z-index: 1001;display: none;padding:100px 0px 50px;border-top:0px; -webkit-box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.5);-moz-box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.5);box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.5);}
#respMenu li{display: block;width: 98%;height: 30px;border-bottom: 1px solid #ccc;margin:2%;}
#respMenu li a{text-decoration: none;font-size: 16px;font-weight: 600;color:#009b43;width: 100%;display: block;height: 25px;}
#langBarResp{margin: 0px 20px 30px;}
#logo{margin-left: 29px;margin-top: 38px;height: auto;}
#headerMenus{width: 475px;height: 143px;float: right;}
#langBar{margin: 23px 60px 53px;}
button,.button{width: 160px;height: 40px;background: #fff;border: 1px solid #009b43; color:#009b43;}
.button{display: block;margin: 0 auto;height: 28px;padding-top:12px;cursor: pointer}
button:hover,.button:hover{background: #009b43;color:#fff;}
.pageHTML{color: #7a7a7a}
.h2Ttl{margin-top:70px; font-size: 40px;text-transform: uppercase;line-height: 30px;}
h2{font-size: 20px;}
.txtGreen{color:#009b43;}
.txtGray{color:#7a7a7a;}
.txtWhite{color:#fff;font-weight: 600;}
.prodDtlTtl{text-align: center;max-width: 500px;margin: 0 auto;padding: 20px;}
.prodDtlDesc{text-align: justify;padding:20px;max-width: 880px;margin: 0 auto;font-size: 15px;}
.prodDtlPacking{font-size: 15px;text-align: center;}
.blockIco,.submit,.icons,.navPrev-w,.navNext-w,.navPos-w,.navCurPos-w,.socialMedia li,.backToTop{background: transparent url(../images/ico.png) top center no-repeat;}
.navNext-w{background-position: -145px -75px;width: 16px;height: 25px;display: block;margin: 0px 5px;cursor: pointer}
.navPrev-w{background-position: -14px -75px;width: 16px;height: 25px;display: block;margin: 0px 5px;cursor: pointer}
.navPos-w{background-position: -45px -75px;width: 16px;height: 25px;display: block;margin: 0px 5px;cursor: pointer}
.navCurPos-w{background-position: -92px -75px;width: 16px;height: 25px;display: block;margin: 0px 5px;cursor: pointer}

.searchDiv{width:182px;margin:-10px -7px 0px 20px;background: white url(../images/srch.png) 182px -1px no-repeat;height: 30px;padding-right: 30px;}
.searchDivFocus{background: white url(../images/srch.png)  182px -32px  no-repeat !important;}
.inptSearch{width: 180px;height: 26px;border:0px;border-bottom: 1px solid #aaa;color:#009b43;}
.inptSearch:focus{border-bottom-color: #009b43;-webkit-transition: all 500ms ease-out;-moz-transition: all 500ms ease-out;-ms-transition: all 500ms ease-out;-o-transition: all 500ms ease-out;transition:  all 500ms ease-out;}
#top{width: 100%;position: absolute;z-index: 100;top:0px;}
header{max-width:1170px;height: 143px;margin:0 auto;background: #fff;}
.topMenu,.mainMenu {float: right;margin-right: 52px;}
.mainMenu{margin-top:4px;}
.topMenu li,.mainMenu li {float: left; padding: 7px 0px 7px 18px;}
.mainMenu li {padding-left: 24px;}
.topMenu a{color:#7a7a7a; font-weight: 400;font-size: 15px;}
.mainMenu a {color:#009b43;font-size: 19px;font-weight: 600;}
#txtSlide{height: 195px;max-width:1170px;margin:0 auto;background: rgba(0,0,0,0.8);}
#txtSlideHeader{padding-top: 25px;padding-bottom: 15px;text-align: center;font-size: 36px;}
#txtSlideDetails{max-width: 766px;margin: 0 auto;text-align: justify;color: #fff;font-size:15px;font-weight:400;}
#txtSlideNav{width: 160px;margin: 0 auto;}
ul,li {margin: 0;padding: 0;list-style: none;}
.h1{margin:0px;padding: 0px;text-align: center;padding-top: 20px;font-size: 26px;}
.pageHTML h1{color: #009c44}
hr{margin:0 auto;border:0px;margin-top:10px;width: 65px;}


.overview,.brands{max-width: 1190px;margin: 0 auto;}
.overview{margin-top: 29px;}
.block{width:30%;min-width: 374.66px;height:364px;float: left;padding:0px;margin:10px;border: 1px solid #ccc;float: left;}
.block:hover{border : 1px solid #009b43;}
.block .blockIco{width: 57px;height: 57px;background-position: -0px -0px;margin: 0 auto;margin-top: 35px;margin-bottom:25px;}
.block .txtGreen{font-size: 26px;text-align: center;}
.block .txtGray{margin: 20px;text-align: center;font-size: 14px;line-height: 22px;height: 110px;}

.block .overviewIco{background-position: -10px -0px;}
.block .mission{background-position: -85px  -0px;}
.block .history{background-position: -155px -5px;}

.featured{max-width:1190px;height:463px;display:block;margin:0 auto;margin-top: 10px;margin-bottom: 10px;}
.featuredBorder{margin: 0px 10px;height:463px;display:block;border: 1px solid #ccc;}
.featured hr,.brands hr{border-top: 1px solid #ccc;}
.featuredProductTtl{direction: ltr;padding:0px 5px;font-size: 15px;}
.featuredProductP{direction: ltr}
.brands article{width: 100%;max-width: 573px;height:412px;margin:10px;display:block;border: 1px solid #ccc;float: left;}
.brandDesc{max-width: 50%;height: 82px;margin: 10px;font-size: 15px;line-height: 16px;text-align: justify;overflow: hidden;}

.brandImg{width: 32%;height: 80px;margin: 10px;margin-left: 35px;}
.article2 .brandImg{width: 20%;height: 120px;margin: 10px;margin-left: 35px;}
.article2 .brandDesc{max-width: 60% !important;height: 125px;margin: 10px;line-height: 22px;}

#cntct,.pageTtl{height: 475px;width: 100%;background: #009b43 url(../images/cntct_bg.png) bottom left no-repeat;background-attachment: fixed;border-top: 1px solid #fff;}
#cntct{margin-top:29px;}
.cntctDiv{max-width:1162px;margin: 0 auto;color: #fff;padding-left: 10px;}
.cntctDiv h1{margin-top: 25px;}
.cntctDiv hr{border-top: 1px solid #fff;}
#cntctNote{margin: 0 auto;max-width:755px;text-align: center;font-size: 15px;}
#cntctForm{width: auto;max-width: 965px;margin: 0 auto;padding-right: 10px;}
#cntctForm .icons{float: left;width: 50px; height: 206px;background-position:-347px -0px;margin-right: 25px;}
#cntctFormParent{max-width: 465px;width: 100%;}
#cntctForm input,#cntctForm button,#cntctForm textarea{width: 220px;background: #009c44;border:1px solid #fff;font-size: 15px;color: #fff;}
#cntctForm input{height: 38px;}
#cntctForm textarea{width: 100%;max-width: 463px;height: 110px;resize:none;display: block;padding: 0px;margin: 0px;padding-top: 10px}
#cntctForm button{width: 158px;height: 38px;}
#cntctForm *:focus{background: #fff;color:#009b43;border: 1px solid #009b43}
.validInput{background-color: #fb9494 !important;box-shadow: 0 0 5px #d45252 !important;border-color: #ff4a4a !important;}
#mapTtl{width: 275px ;height: 60px;position: absolute;z-index: 1;background: black;background: rgba(0, 0, 0, 0.8); left: 50%;margin-left: -137.5px;font-size: 24px;text-align: center;padding-top:20px }
#mapTtl .floatLeft{font-size: 26px;margin-left: 50px;}
#mapTtl .navNext-w{margin-right: 25px;margin-top: 5px;}
#mapTtl a{display: block;text-decoration: none;color: #fff;height: 55px;}
#map{height: 651px;z-index: 1}
footer{position: relative;display: block;height: 77px;background: rgba(0, 0, 0, 0.8); margin-top: -77px;z-index: 2;}
#footerDiv{max-width: 1075px;margin: 0 auto;padding-top: 25px;}
#footerDiv .floatLeft{font-size: 20px;font-weight: 400;color: #fff;margin-left: 15px;margin-top: 10px;}
#footerDiv .floatRight{width: 222px;height: 39px;}
.accordion {width: 100%;height: 650px;overflow: hidden;}
.accordion ul {width: 100%;display: table;table-layout: fixed;margin: 0;padding: 0;}
.accordion ul li {display: table-cell;vertical-align: bottom;position: relative;width: 16.666%;height: 650px;background-repeat: repeat-x;background-position: top left; transition: all 500ms ease;}
.accordion ul li div {display: block;overflow: hidden;width: 100%;}
.accordion ul li div a {position: absolute;background: rgba(0, 0, 0, 0.8);bottom: 65px;left: 0px;width: 303px;height: 70px;display: block;z-index: 3;padding: 15px 20px;box-sizing: border-box;color: #fff;text-decoration: none;}
.accordion ul li div a * {margin: 0;text-overflow: ellipsis;position: relative;z-index: 5;white-space: nowrap;overflow: hidden;}
.accordion ul li div a h2 {text-overflow: clip;font-size: 24px;/*  text-transform: uppercase;*/height: 100px;margin-top: 8px;float: left;width: auto;}
.accordion ul li div a span{ margin-top: 9px;margin-left: 10px;float: right}

.accordion ul:hover li { width: 8%; }
.accordion ul:hover li:hover { width: 18%; }
.accordion ul:hover li:hover a { background: rgba(0, 0, 0, 0.8); }

#flexiselDemo1{display:none;}
.nbs-flexisel-container {position:relative;max-width:1110px;margin:0 auto;}
.nbs-flexisel-ul {position:relative;width:99999px;margin:0px;padding:0px;list-style-type:none;text-align:center;padding-left:65px; }
.nbs-flexisel-inner {overflow: hidden;float:left;width: 100%;}
.nbs-flexisel-item {border:1px solid #ccc;max-width: 205px;height:350px;float:left;margin:0px;padding:0px;padding-top:10px;cursor:pointer;position:relative;margin-right: 15px;}

.nbs-flexisel-item:hover{border:1px solid #009b43;}
.nbs-flexisel-item img {cursor: pointer;position: relative;margin-top: 10px;margin-bottom: 10px;}
.nbs-flexisel-nav-left,.nbs-flexisel-nav-right {width: 24px;height: 36px;position: absolute;cursor: pointer;z-index: 100;background: url(../images/ico.png) no-repeat;}
.nbs-flexisel-nav-left {left: -15px;background-position:-230px -18px;}
.nbs-flexisel-nav-right {right:-25px;background-position:-270px -18px;}
.nbs-flexisel-nav-left:hover,.nbs-flexisel-nav-right:hover {opacity: 0.5;}

.overview p{font-size: 15px;text-align: justify;padding:0px 20px;}
.pageTtl{height: 180px !important;padding-top:10px  !important;position: relative  !important;}
.slogan{font-size: 20px;text-align: right;font-weight: normal;font-style: italic;}
.prodImg{margin-top:15px;height: 200px;}
.prodImg img{max-height: 200px}
.prodTtl{height: 30px;padding:3px;font-size: 22px !important;padding-bottom: 10px;}

.prodDesc{height: 20px !important;margin: 0 !important;padding:7px 7px 15px;}
.cntctDiv nav{font-weight: 400;position: absolute;bottom:20px;}
.cntctDiv nav span{color: #fff;font-size: 17px;}

#filterProducts{position: absolute;right: 150px; top:100px;background: #009b43;height: auto;border: 1px solid #fff;-webkit-box-shadow: 19px 21px 5px -19px rgba(0,0,0,0.46);-moz-box-shadow: 19px 21px 5px -19px rgba(0,0,0,0.46);box-shadow: 19px 21px 5px -19px rgba(0,0,0,0.46);z-index: 1000;}
#filterProducts ul{display: block;border: 1px solid #009b43;width: 250px;padding: 15px 0px 3px;display: none;}
#filterProducts ul li{height: 30px;width: 100%;font-size: 20px;padding: 2px 0px;}
#filterProducts ul a,#listTrg{text-decoration: none;color: #fff;display: block;height: 27px;width: 220px;padding:8px 15px 0px;}
#listTrg img{margin-top: -4px;}
#listTrg{background: #009b43;}
#filterProducts ul a:hover{background: #fff;color: #009b43;}

.pagination {display: inline-block;padding-left: 0;margin: 20px 0px 0px 10px;border-radius: 4px;}
.pagination > li {display: inline;}
.pagination > li > a,.pagination > li > span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #009c44;text-decoration: none; background-color: #fff;border: 1px solid #ccc;}
.pagination > li:first-child > a,
.pagination > li:first-child > span { margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span { border-top-right-radius: 4px;  border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus { color: #009c44;background-color: #eee;border-color: #ccc;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {z-index: 2;color: #fff;cursor: default;background-color: #009c44;border-color: #009c44;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {color: #999;cursor: not-allowed;background-color: #fff;border-color: #ccc;}
.pagination-lg > li > a,
.pagination-lg > li > span {padding: 10px 16px;font-size: 18px;}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span { border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
.pagination-sm > li > a,
.pagination-sm > li > span {padding: 5px 10px;font-size: 12px;}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.newsTtl{font-size: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsSmry{font-size: 15px;font-weight: 400;line-height: 16px;}

.socialMedia{width: 222px;height: 39px;padding:0px;margin:0px;}
.socialMedia li:first-child{margin-right: 0px;}
.socialMedia li:last-child{margin-left: 0px;}
.socialMedia li{float: right;margin: 0px  9px;}
.socialMedia li a{height: 39px;width:40px;display: block}
.socialMedia li:hover{opacity: 0.7;}
.twitter{background-position: -177px -123px !important;}
.facebook{background-position: -121px -123px !important;}
.youtube{background-position: -66px -123px !important;}
.instagram{background-position: -10px -123px !important;}
.backToTop{height: 50px;width: 50px;background-position: -265px -148px;padding:0px !important;margin: 0 auto !important;;margin-top: 40px !important;display: none;cursor: pointer;opacity: 0.7;outline: none;}
.backToTop:hover{opacity: 1}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    *{line-height:21px;}
    .block .txtGray{line-height:23px;}    
    .brandDesc{line-height:17px;}    
    .article2 .brandDesc{line-height:23px;}    
    .prodTtl{line-height: 26px;}    
    .newsSmry{line-height: 17px;}    
    .searchDiv{background: white url(../images/srch.png) 180px -1px no-repeat;}    
}
.txtSlidePos{display: none;}
.navCurPos{display: block !important}
@media only screen and (max-width: 1205px) {
    .block{width:30%;min-width: 0;margin:1.55%;}
    .featuredBorder{width:96.6%;margin:1.55%;}
    .brands article{width:46.599%;margin:1.55%;max-width: none;}
}
@media only screen and (max-width: 1166px) {
    .nbs-flexisel-nav-left {left: 20px;}
    .nbs-flexisel-nav-right {right:20px;}
    .nbs-flexisel-ul {padding-left:190px; }    
}
@media only screen and (max-width: 1056px) {
    #headerMenus{display: none;}
    .menuIco{display: block;}
    .block,.brands article{float: none;width:96.6%;margin:1.55%;}
    .pagination {margin:1.55%;}    
    .searchDiv{float: none;margin-left: 0px;margin-bottom: 10px;}

}
@media only screen and (max-width: 823px) {
    #cntct,.pageTtl{height: 850px}
    #cntctFormParent{float: left;margin-top: 20px;width:100%;max-width: none;max-width: 525px;}
    #cntctFormParent .floatLeft,#cntctFormParent .floatRight{float: none;width: 100%;margin-bottom: 10px;}
    #cntctFormParent .cntctSendBt{text-align: right;}
    #cntctFormParent input ,#cntctFormParent textarea{width: 100%;max-width: none; }   
    footer{height: 300px;margin-top: 0px;background: black}    
    #footerDiv div{float: none;}        
    #footerDiv .floatLeft,#footerDiv .floatRight{margin:0 auto;text-align: center;padding:10px;}
    .backToTop{display: block}
    .h2Ttl{margin-top:70px; font-size: 40px;}
    #filterProducts{left: 11px;width: 250px; }
}
@media screen and (max-width: 600px) {    
    body { margin: 0; }
    #txtSlide{background: #000;}
    .accordion { height: auto; margin-top:337px;}
    .accordion ul li,
    .accordion ul li:hover,
    .accordion ul:hover li,
    .accordion ul:hover li:hover {position: relative;display: table;table-layout: fixed;width: 100%;height: 350px;-webkit-transition: none;transition: none;}
    #cntctFormParent .floatRight{margin-right: -2%;}
    #map{height: 400px;}
}
@media only screen and (max-width: 523px) {
    .brands article{height: 420px;width: auto;}
    .brands article *{float: none;}
    .article2 .brandImg{margin: 0 auto;vertical-align: middle;text-align: center;display: table-cell;}
    .brandImg{margin: 0 auto;}
    .brandDesc{max-width:98%;margin: 0 auto;}
    .article2 .brandDesc{max-width: 98% !important;}
    .article2 {height: 610px !important;text-align: center !important;}
 }
@media only screen and (max-width: 480px) {
    #logo{width: 270px;margin-left: 5px;margin-top: 45px;}
    #txtSlideHeader{font-size: 20px;}
    .h2Ttl{margin-top:40px; font-size: 35px;}    
    
}