html { height:100%}
*{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-shadow:none;text-rendering: optimizeLegibility;}
 
 
body{color:#5a5a5a;font-family:"Roboto", sans-serif; font-size:13px;}
a:hover, a:active, a:selected, a:focus { text-decoration:none ;}

.navbar-wrapper{top:0;right:0;left:0;z-index:20;position:relative; background:#2b9a08; height:100px;}
.navbar-wrapper>.container{padding-right:0;padding-left:0;}
.navbar-wrapper .navbar{padding-right:15px;padding-left:15px; z-index:21; background:#fff;}
.navbar-wrapper .navbar .container{width:auto;}


.carousel{margin-bottom:10px; height:450px;}
.carousel img {margin:0 auto;}
.carousel-inner { position:absolute;}
.carousel .fa { font-size:50px;}
.carousel-caption{z-index:10;}
.carousel-indicators { bottom:60px;}
.carousel-indicators li { border-radius:0; height:3px; margin:10px; background:#fff;}
.carousel-indicators .active { margin:10px; background-color: #14FF00; border:none; height:2px;}
.productscroller li { display:inline-block; float:left; background:#f4f4f4; width:250px; }
.productscroller li .holder {padding:20px;height:220px; font-size:12px;}
.productscroller li .holder p{ width:80%; line-height:16px; text-align:left;}
.productscroller a { background:url(../img/view-li-bg.png) no-repeat right; color:#fff; display:block; padding:10px; text-align:center;font-family:"Roboto Condensed", sans-serif; font-weight:700; font-size:13px; text-transform:uppercase;}
.productscroller a:hover {background:url(../img/view-li-bg-hover.png) no-repeat right; -ms-transform: translate(0,-10px);	-webkit-transform: translate(0,-10px); transform: translate(0,-10px);}

p{text-align:justify;line-height:20px;}
h1,h2, h3,h4 { text-transform:uppercase; font-family:"Roboto Condensed", sans-serif; font-weight:700; }
h4 { text-transform:none; color:#2b9a08; font-family:"Roboto", sans-serif; font-size:16px; margin:0}
h3 { font-size:16px; color:#2b9a08; margin:0 0 20px 0;}
h2{text-transform:uppercase; font-size:22px;font-weight:700;color:#000; background:url(../img/h1-bg.png) no-repeat bottom left; padding:0 0 30px 0; margin:30px 0 0 0;}
.navbar { border:none;}
.navbar-nav{float:left; padding-left:50px;}
.navbar-brand{padding:10px 0;}
.navbar-nav > li{ }
.navbar-nav > li > a{ font-size:14px; padding:40px 20px; font-weight:700; font-family:"Roboto Condensed", sans-serif;text-transform:uppercase; color:#000;  background:url(../img/menu-dot.png) no-repeat left center;  }
.navbar-default .navbar-nav > li > a:hover{color:#2b9a08 ;}
.navbar-default .navbar-nav > li > a { color:#000}
.navbar-nav > li.active > a{color:#2e3192 ;  }

.dropdown-menu {  width:380px; border-top:solid 3px #2b9a08 ; }
.dropdown-menu > li { float:left; width:48%;  }
.dropdown-menu > li > a { font-size:12px;padding:5px 10px; border-bottom:1px solid #eee; margin:0 10px; background:url(../img/dd-bg.png) no-repeat left; }
.dropdown-menu > li > a:hover { background:#2b9a08; color:#FFF;}

.smalldd { width:180px; }
.smalldd > li { width:100%;}
   
footer{background:#fff; padding:10px 0;}
footer p{font-size:12px; color:#898588; padding-top:5px;}
footer a { display:inline-block; padding:0 3px; color:#898588;}
footer a:hover {color:#3c3b6f ; }

.pad0 { padding:0;}
.pad40 { padding:40px 0}
.pad20 { padding:20px 0}
.pad10 { padding:10px 0}

.topbar { background:#f7f8fa; }
.socialicons a { color:#fff; padding:5px;   font-size:19px}
.socialicons a:hover { color:#f0434a}
.white { color:#fff;}
.small { font-size:11px;}

.industrylist { padding:0; margin:0;}
.industrylist li { display:block; float:left; padding:15px 0; border-bottom:solid 2px #d6d6d6;}
.industrylist .indimg { width:50%; float:left}
.indimg img { border:solid 5px #fff;} 
.indtext { width:50%; float:left;}
.indtext a { color:#333;}
 

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {background-color: #ffffff;  border: 1px solid #cccccc;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; }
label, input, button, select, textarea {  font-size: 12px;  font-weight: normal;  line-height: 20px;}
input[type="checkbox"], input[type="radio"] { margin-top:-3px;}
label {  margin-bottom: 5px;  margin-right: 10px;  padding: 5px;}
 

.bannerbelowholder { position:relative; min-height:200px; padding:0 18px; }
.bannerbelow { margin-top:-50px;  position:absolute; }

.footertop { background:url(../img/footer-bg.jpg); background-size:cover; padding:20px 0; text-align:center; margin-top:20px;}
.footertop * {text-align:center;}
.footertop p { color:#bababa;}
.footergreen { background:#2b9a08; padding:10px 0;}
.footergreen input{ background:#266312; color:#fff; border:none; padding:5px 10px;}
input.newsletterbutton { background:#20211e;}
.currencyrates {}

 .grey { background:#f6f6f6; border-bottom: solid 1px #e7e7e6; border-top: solid 1px #e7e7e6;  position: relative; margin:20px 0; padding-bottom:10px;}
 .grey:after {  content: " ";  position: absolute;  z-index: -1;  top: 1px;   bottom: 1px;  border: 1px solid #e7e7e6;}
 
 .greynomargin{ margin:0; padding-top:20px;}
 
 .videobg {  background: rgba(0, 0, 0, 0) url("../img/video-bg.png") no-repeat scroll left top;  padding: 13px;    min-height: 260px; }

.brandscroller img { margin:0 auto; }
.brandscroller li { display:inline-block;  width:110px; vertical-align: middle; float: none !important;;}

.innerscroll { margin:20px 0; padding:10px 0; background:#fbfbfb}
.innerscroll .bannerbelow { margin-top:0; position:relative;}

.breadcrumb { margin:0 0 5px 0; padding:0;font-size:11px; background:url(../img/home.png) no-repeat left; padding-left:25px;}
.breadcrumb a { font-size:11px;}

.innerbanner { padding:0; min-height:160px;}
.innerbanner img { position:absolute; width:100%;}

.getquote p{ font-size:21px; text-align:center; padding-top: 20px;}
.getquote a {display:inline-block; background:#2b9a08; color:#FFF; font-size:15px; padding:10px 20px; margin-left:20px;}

.productsholder { width:20%; padding:10px; height:280px; float:left; margin-bottom:30px;}
.productsholder .holder { position:relative}
.productsholder h4 { background:rgba(0, 0, 0, 0.5) ; padding:8px; font-size:14px; position:absolute; bottom:0; width:100%;}
.productsholder a.learn { color:#2b9a08; background:url(../img/greenarrow.png) no-repeat left; padding-left:10px;}
.productsholder a.learn:hover {-ms-transform: translate(0,-10px);	-webkit-transform: translate(0,-10px); transform: translate(0,-10px);}

.mapbanner { min-height:250px;}
.mapbanner iframe { margin-top:-25px;}

.brands { padding:0; margin:0;  }
.brands li {   float:left; background:#f9f9f9; display:inline-block;  border:solid 1px #d3d3d3; width:160px; height:160px;  margin:15px; padding:10px;  vertical-align: middle; text-align: center; }
.brands li span {   height:140px; vertical-align:middle; width:140px}
 .brands li img {
margin: auto;
vertical-align: middle; 
max-width: 100%;
 
}  


.prolist { padding:0; margin:0;  }
.prolist li { display: table-cell; float:left; background:#f9f9f9;  border:solid 1px #d3d3d3; width:190px; height:190px;  margin:10px;  vertical-align: middle; text-align: center;  position:relative}
.prolist li img {   }  
.prolist p { position:absolute; bottom:0; padding:3px; width:100%;background:rgba(0, 0, 0, 0.5) ; color:#FFF; margin:0;}


.sublinks { padding:0; margin:0;}
.sublinks li { display:block;}
.sublinks li a { padding:10px; border:solid 1px #e8e8e8; color:#444444; display:block; margin:2px 0; text-transform:uppercase; font-family:"Roboto Condensed", sans-serif; font-size:14px;}
.sublinks li a:hover { color:#fff; background:#2b9a08; }

.prolinks li a { margin:1px; padding:5px; background:#F8F8F8}
.prolinks li ul {margin:0; padding:0 0 0 20px;;}
.prolinks li ul li a { padding:2px 5px; border:none; color:#444444; display:block; margin:1px 0; text-transform:uppercase; font-family:"Roboto Condensed", sans-serif; font-size:12px; background:none; border-right: solid 1px #fff;}



.innerheadings { font-size:18px; margin:15px 0; text-transform:uppercase; color:#333;}

.brochure { float:right; margin:0 0 15px 15px}
.contactpage h4 { text-transform:uppercase; margin:15px 0 15px 0; }
.contactpage .fa { color:#2b9a08}
.contactpage .table td { border:none;font-family:"Roboto Condensed", sans-serif; font-size:15px;}
.otheroffice table {  float: left;  width: 38%;  border: solid 1px #ddd;  margin-right: 10px;  height: 230px; background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(244, 244, 244, 1) 0%, rgba(125, 185, 232, 0) 100%) repeat scroll 0 0}
.contactform td { padding:10px;}
.btn { background:#2b9a08; color:#FFF; border:none;}
input.form-control, textarea.form-control { box-shadow:none;}

a.activemenu { background:#2b9a08 !important; color:#FFF !important;}

/* animations; */

 a{
-webkit-transition: background-color 0.2s ease-out;-moz-transition: background-color 0.2s ease-out;-o-transition:background-color 0.2s ease-out;-ms-transition: background-color 0.2s ease-out;transition: background-color 0.2s ease-out;  outline: 0;

-moz-transition: all 200ms ease-out;  -webkit-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out;  transition: all 200ms ease-out;
 
 }
 
 
.animation-element {  opacity: 0;  -moz-transition: all 700ms ease-out;  -webkit-transition: all 700ms ease-out;  -o-transition: all 700ms ease-out;  transition: all 700ms ease-out;  -moz-transform: translate3d(0px, 200px, 0px);  -webkit-transform: translate3d(0px, 200px, 0px);  -o-transform: translate(0px, 200px);  -ms-transform: translate(0px, 200px);  transform: translate3d(0px, 200, 0px);  -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  backface-visibility: hidden;}

.in-view  {  opacity: 1;  -moz-transform: translate3d(0px, 0px, 0px);  -webkit-transform: translate3d(0px, 0px, 0px);  -o-transform: translate(0px, 0px);  -ms-transform: translate(0px, 0px);  transform: translate3d(0px, 0px, 0px);}

 
@media only screen and (min-width:960px){
/* styles for browsers larger than 960px; */
 }
@media only screen and (min-width:1440px){
/* styles for browsers larger than 1440px; */
}
@media only screen and (min-width:2000px){
/* for sumo sized (mac) screens */
}
@media only screen and (max-device-width:480px){
/* styles for mobile browsers smaller than 480px; (iPhone) */
}
@media only screen and (device-width:768px){
/* default iPad screens */

}
@media only screen and (max-width:960px){
/* styles for browsers lesser than 960px; */
.navbar-wrapper .container{padding-right:15px;padding-left:15px;}
.navbar-wrapper .navbar{padding-right:0;padding-left:0; margin:0;}
.carousel-caption p{margin-bottom:20px;font-size:21px;line-height:1.4;}
.navbar-nav { width:100% ;}
.navbar-nav li {padding:0; margin:0; clear:both;}
.navbar-nav li a{ border:none ; font-size:12px; padding:5px; margin:5px;} 
.dropdown-menu li a { font-size:16px;}
.carousel { height:auto; }
.carousel-inner { position:relative;}
.bannerbelow { position:relative; margin-top:0; }
.navbar-wrapper { height:auto; padding-bottom:20px;}
.navbar-brand { padding-left:10px;}
.carousel-indicators, .carousel-control { display:none;}
.navbar-nav > li > a { background:none;}
.dropdown-menu li a { font-size:12px; padding-left:10px !important;padding:0 0 0 10px !important;}
.dropdown-menu { padding:0 !important; }
.dropdown-menu li { padding:0 0 0 10px !important; width:100%;}
.footergreen input { display:block; margin:3px;}
.innerbanner {height:auto; min-height:1px;}
 .innerbanner img { position:relative}
.brands li { height:135px; width:135px;}
.brands li span { height:110px;}
.brochure {  float: right;  width: 100%;  text-align: center;  margin: 10px auto;}
.contactform td { display:block;}
.contactform input { width:100%;}
.otheroffice table{ width:100%;}
.getquote a { display:block; margin:10px auto;}
.productsholder { width:219px;}
.brands li span { display:block; width:110px}
.brands li {display:block;}
.navbar-toggle { top:25px;}
.bottomlinks { display:none;}
.certifi { text-align:center;}
.newsletterbox { padding-top:20px;}
.newsletterbox .white{ font-size:16px;}
 }
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
/* For portrait layouts only */

}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
/* For landscape layouts only */
}
@media print {
.noprint {display:none !important;}
-webkit-print-color-adjust:exact;
body { margin:0;}
a:link:after, a:visited:after {display: none;  content: "";    }
*{ position:unset !important; }
.col-lg-1, .col-md-1, .col-sm-1, .col-xs-1 { width:8% !important; float:left;}
.col-lg-2, .col-md-2, .col-sm-2, .col-xs-2{ width:15% !important;float:left;}
.col-lg-3, .col-md-3, .col-sm-3, .col-xs-3{ width:23% !important;float:left;}
.col-lg-4, .col-md-4, .col-sm-4, .col-xs-4{ width:32% !important;float:left;}
.col-lg-5, .col-md-5, .col-sm-5, .col-xs-5{ width:40% !important;float:left;}
.col-lg-6, .col-md-6, .col-sm-6, .col-xs-6{ width:49% !important;float:left;}
.col-lg-7, .col-md-7, .col-sm-7, .col-xs-7{ width:57% !important;float:left;}
.col-lg-8, .col-md-8, .col-sm-8, .col-xs-8 {width: 65% !important;float:left;}
.col-lg-9, .col-md-9, .col-sm-9, .col-xs-9{ width:74% !important;float:left;}
.col-lg-10, .col-md-10, .col-sm-10, .col-xs-10{ width: 82% !important;float:left;}
.col-lg-11, .col-md-11, .col-sm-11, .col-xs-11{ width:90% !important;float:left;}
.col-lg-12, .col-md-12, .col-sm-12, .col-xs-12{ width: 100% !important;float:left;}
.container , .row { clear:both !important; width:100% !important;float:left;}
.navbar-toggle { display:none;    }
.navbar { display: block;float:left;        border-width:0 !important;}
img { max-width:100%;}
}


.bx-wrapper{position:relative;zoom:1;margin:0 auto 60px;padding:0;}
.bx-wrapper img{ max-width:100%;display:block;}
.bx-wrapper .bx-viewport{ }
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%;}
.bx-wrapper .bx-loading{min-height:50px;background:url(../img/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000;}
.bx-wrapper .bx-pager{text-align:center;font-size:.85em; font-weight:700;color:#666;padding-top:20px;}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{zoom:1;display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:0 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#000;}
.bx-wrapper .bx-prev{left:10px;background:url(../img/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next{right:10px;background:url(../img/controls.png) no-repeat -43px -32px;}
#slider-thumbs .bx-wrapper .bx-prev{left:-40px;}
#slider-thumbs .bx-wrapper .bx-next{right:-20px;}
.bx-wrapper .bx-prev:hover{background-position:0 0;}
.bx-wrapper .bx-next:hover{background-position:-43px 0;}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:999;}
.bx-wrapper .bx-controls-direction a.disabled{display:none;}
.bx-wrapper .bx-controls-auto{text-align:center;}
.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(../img/controls.png) -86px -11px no-repeat;margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(../img/controls.png) -86px -44px no-repeat;margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px;}
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:rgba(80,80,80,0.75);width:100%;}
.bx-wrapper .bx-caption span{color:#fff; display:block; padding:10px;}