.root {
  font-family:Arial, Helvetica, sans-serif;
}

.landing_dots_align {position: absolute; left: 0; bottom: 5%; display: inline-block; z-index: 99999;}
.landing_banner .banner01 {background: url(../images/home/landing_banner/01_a_legacy_continued_through_generations.jpg) no-repeat center center; background-size: cover;}
.landing_banner .banner02 {background: url(../images/home/landing_banner/02_bridging_gaps_across_the_globe.jpg) no-repeat center center; background-size: cover;}
.landing_banner .banner03 {background: url(../images/home/landing_banner/03_sourcing_chemicals_from_a_vast_portfolio.jpg) no-repeat center center; background-size: cover;}

.about_us_banner {padding: 120px 0;}
.our_performance h3 {display: block; font-family: 'Gotham-Bold'; font-size: 65px; line-height: 105px; color: #38424F;}
.our_performance h5 {display: block; font-family: 'Gotham-Book'; font-size: 28px; line-height: inherit; color: #fff;}
.our_performance h5 {font-size: 21px; line-height: 26px;}
.our_performance h2 {margin-top: 8px;}
.our_product h2 {margin-bottom: 10px;}

.services_box h6 {display: block; font-family: 'Gotham-Medium'; font-size: 21px; line-height: inherit; color: #231f20; margin-bottom: 19px;}
.services_box p {display: block; font-size: 15px; line-height: 26px; color: #606060;}

.weoffer {padding: 120px 0;}
.weoffer .services_box {padding-left: 10px;}
.services_desc { padding-right: 20px; }
.weoffer .col-md-1 {padding: 0 !important;}


.our_product {padding: 116px 0 82px; background: url(../images/home/banner_our_product.jpg) no-repeat center center; background-size: cover;}
.our_product h6 { color: #38424F; padding: 30px 0 2px 0; line-height: 26px; margin-bottom: 8px;}
.our_product .services_box { padding: 0px 30px 42px 30px; }
.our_product .services_box p { color: #fff; }
.bg_polygon {display: inline-block; width: 99px; height: 118px; font-size: 0; background: url(../images/home/bg_polygon.png) no-repeat center center; background-size: cover; position: relative;}
.bg_polygon img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: inline-block; width: 70px; height: 70px;}


.brands {padding: 120px 0 100px;}
.brands img {padding: 15px 25px; border: 1px solid #dedede; width: 100%; float: left;}
.brands .services_boxtitle{margin-bottom: 12px;}
.brands #supplier_slider .services_box:first-child{margin-bottom: 60px;}
.brands .services_box h6 {width: auto; display: inline-block; float: left; letter-spacing: 3px;}
.brands .owl-dots{float: left; margin:1px 0 0 34px;}
.brands .owl-dots .owl-dot {margin-right: 20px; display: inline-block; background: url(../images/home/dot_blk.png) no-repeat center center !important; background-size: cover !important;}
.brands .owl-dots .owl-dot.active {background: url(../images/home/active_dot.png) no-repeat center center !important; background-size: cover !important;}
.brands .knowmore a {border-color: #38424F; color: #000;}

.clients {background: #38424F; padding: 80px 0 130px;}
.clients_desc {background: rgba(255,255,255,0.2); padding: 50px 50px; text-align:left; margin: 12px 0;}
.clients_desc .quotes {position: absolute; left: 50px; top: -11px; display: inline-block; width: 28px !important; z-index: 99;}
.clients_desc p {color: #231f20; font-size: 15px; line-height: 26px; margin-bottom: 30px;}
.owl-carousel .owl-item .client_img_name img {width: 100px; float: left; border-radius: 50%; display: inline-block;}
.client_img_name .desc{float: left; padding-left: 24px; }
.client_img_name h5 {display: block; font-family: 'Gotham-Bold'; color: #000; font-size: 21px; line-height: inherit; margin:20px 0 6px; text-align: left;}
.client_img_name h6 {display: block; color: #000; font-size: 18px; line-height: inherit; text-align: left;}
.clients .owl-dots{position: absolute; left: 50%; bottom:-66px; transform: translateX(-50%);}
.clients .owl-dots .owl-dot {width: 16px; height: 16px; float: left; margin:0 10px; display: inline-block; background: url(../images/home/dot_blk.png) no-repeat center center !important; background-size: cover !important; font-size: 0;}
.clients .owl-dots .owl-dot.active {background: url(../images/home/active_dot_blk.png) no-repeat center center !important; background-size: cover !important;}


#testimonials { background: #38424F; padding: 50px 0px 50px 0px; }
.testimonial {
  background: #38424F;
  padding: 50px 50px 50px 50px;
}
#testimonials .owl-dots {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 70px;
}

#testimonials .owl-dot {
  background: url(../images/home/dot_black.png) no-repeat center center !important;
  background-size: cover !important;
  margin: 0px 10px !important;
}
#testimonials .owl-dot.active {
  background: url(../images/home/active_dot_black.png) no-repeat center center !important;
  background-size: cover;
}