#home header .header-top{position: absolute; left: 0; right: 0; z-index: 99;}
#home .header-top .global-map{display: none;}
#home header .header-top #logo {position: relative; z-index: 9; display: none;}
#home header .header-bottom{opacity: 0; visibility: hidden; position:absolute; left: 0; right: 0; top: 120px; z-index: 99; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transform: scaleY(0);}

#menu-icon {position:relative; z-index: 1; float: right; padding:10px 50px 10px 10px;  display: inline-block; margin-top:38px; font-size:110%; font-weight:700; color: #fff; text-decoration: none; background-color: rgba(0,0,0,0.2); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#menu-icon span, #menu-icon span:before, #menu-icon span:after {width: 35px; height:5px; background-color: #fff; display: block; position: absolute; right: 0; top:19px; transition: all 0.3s; border-radius: 5px;}
#menu-icon span{right: 8px;}
#menu-icon span:before {content: ''; top: -10px;}
#menu-icon span:after {content: ''; top: 10px;}
#menu-icon.active span {background-color: transparent;}
#menu-icon.active span:before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); top: 0;}
#menu-icon.active span:after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); top: 0;}

/* banner */
#banner {max-width: 1920px; margin: 0 auto;}
#banner ul {margin: 0; padding: 0; list-style: none; overflow: hidden;}
#banner ul li {background-position: center top !important; background-size: cover !important;}

#banner .banner-txt01 {width:1020px; left:0; right:0; margin:0 auto; opacity:0; top:275px; z-index:12; position:absolute; display: none;}
#banner .banner-txt01.right-text {left: 53%;}
#banner .bx-wrapper .bx-controls-auto{ text-indent:-9999px;}
#banner .bx-wrapper .bx-controls-direction a{width:42px; height:130px; background-repeat:no-repeat; background-position: 0 0; text-indent:inherit; width: 130px; height: 40px; line-height: 40px; background-color: #000; text-align: center; text-decoration: none; text-transform: uppercase; color: #fff; font-weight: 500; letter-spacing: 1px;}
#banner .bx-wrapper .bx-controls-direction a.bx-prev{left:80px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg);}
#banner .bx-wrapper .bx-controls-direction a.bx-next{right:80px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg);}
#banner .bx-wrapper .bx-controls-direction a:hover {background-color: #40a447;}
#banner .banner-txt01 .title{font-family: 'Montserrat', sans-serif; color: #000000; display: inline;}
#banner .banner-txt01 .title span{background-color: rgba(255,255,255,0.8); text-transform:uppercase; font-weight: 200;  padding:5px 10px; line-height: normal;display:inline-block; margin-bottom:3px; }
#banner .banner-txt01 .title .big{font-size: 52px;}
#banner .banner-txt01 .title .small{font-size: 30px;}

@media only screen and (min-width:1441px) and (max-width:1920px){
    #banner .banner-txt01{ width:1470px;}
    #banner .bx-wrapper .bx-controls-direction a.bx-prev{left:150px;}
    #banner .bx-wrapper .bx-controls-direction a.bx-next{right:150px;}
}

/* Our Products */
#our-products {padding: 50px 0 70px;}
#our-products .slider {margin-top: 20px;}
#our-products .item span {display: block;}
#our-products .item .img-container {padding: 15px; height: 300px; position: relative;}
#our-products .item .img-container img {max-width: 75%; width: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;
                                        filter: drop-shadow(1px 1px 5px rgba(0,0,0,0.3));
                                        -webkit-filter: drop-shadow(1px 1px 5px rgba(0,0,0,0.3));
}
#our-products .item .title {text-align: center; font-size: 150%; font-weight: 700; text-transform: uppercase; color: #000; margin: 25px 0;}
#our-products .item .icon {background-color: #3ca446; width: 100px; height: 40px; line-height: 38px; margin: 0 auto; text-align: center;}
#our-products .owl-item:nth-child(even) .item .icon {background-color: #000;}
#our-products .item .icon .arrow {background-position: -132px -3px; width: 25px; height: 16px;}
#our-products .item a {text-decoration: none;}
#our-products .owl-nav, #industries-we-serve .owl-nav {position: absolute; right: 0; top: -100px;}
#our-products .owl-nav .owl-prev, #our-products .owl-nav .owl-next,
#industries-we-serve .owl-nav .owl-prev, #industries-we-serve .owl-nav .owl-next {width:70px; height:50px; text-indent:-9999px; border: 1px solid #5a5a5a; position: relative;}
#our-products .owl-nav .owl-prev:before, #our-products .owl-nav .owl-next:before,
#industries-we-serve .owl-nav .owl-prev:before, #industries-we-serve .owl-nav .owl-next:before {content: ''; background-image:url(../images/sprite.png); background-repeat: no-repeat; width: 33px; height: 20px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
#our-products .owl-nav .owl-prev:before, #industries-we-serve .owl-nav .owl-prev:before {background-position: -44px -1px;}
#our-products .owl-nav .owl-next:before, #industries-we-serve .owl-nav .owl-next:before {background-position: -91px -1px;}
#our-products .owl-nav .owl-prev, #industries-we-serve .owl-nav .owl-prev {float: left;}
#our-products .owl-nav .owl-next, #industries-we-serve .owl-nav .owl-next {float: right; margin-left: -1px;}

#our-products .owl-dots {counter-reset: slides-num; /* Initialize counter. */ position: absolute; right: 166px; top: -95px; font-size: 171%; font-weight: 700;}
#our-products .owl-dots:after {content: " - " counter(slides-num); /* get total number of items - more info on http://www.sitepoint.com/a-little-known-way-to-replace-some-scripts-with-css-counters/ */ 
    display: inline-block; vertical-align: middle; padding-left: 5px;
}
#our-products .owl-dot {display: inline-block; counter-increment: slides-num; /* Increment counter */}
#our-products .owl-dot span {display: none;}
#our-products .owl-dot.active {}
#our-products .owl-dot.active:before {content: counter(slides-num); /* Use the same counter to get current item. */
    display: inline-block; vertical-align: middle; color: #40a447;
}

/* about */
#about-tlb {padding: 60px 0; background: url('../images/about-bg.jpg') center top / cover no-repeat;}
#about-tlb h2.sub-title, #about-tlb h2.sub-title span {color: #fff;}
#about-tlb p {font-size: 169%; font-weight: 100; color: #fff; margin: 30px 0;}
#about-tlb .btn-custom.md {background-color: #40a447; margin-top: 30px; width: 140px; font-size: 157%; font-weight: 300; color: #fff; text-transform: uppercase;}
/**/