@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body{ font-family: 'Poppins', sans-serif !important;  color:#000; font-size:16px;  padding:0px !important;}
/*@font-face {font-family:"Open Sans"; src: url(fonts/OpenSans-Regular.ttf);}*/

.search-bx {
    background-color: #fff;
    box-shadow: 0 2px 3px #333;
    height: auto;
    padding: 10px;
    position: fixed; display:none;
    right: 173px;
    top: 0;
    width: 255px;
    z-index: 9999999;
}
body{
   
}
.topper {
    width: 40px;
    height: 40px;
    position: fixed;
    right: 15px;
    bottom: 20px;
        background-color: #ff6600;
    display: none;
    border: solid 1px #fff;
}
.tab-pic {
    width: 100%;
    height: auto;
    overflow: hidden;
    border: solid 1px #ccc;
}
.tab-pic img{
    width: 100%;
       height: 40vh;

}
.process-unertaken{width:100%; min-height:200px; text-align: left; padding:60px 0px; float:left; background:#ffffff;}
.process-unertaken h4 {
    text-align: left;
    color: #f60;
    font-size: 28px;
    margin: 30px 0px 17px;
    position: relative;
    border-bottom: solid 2px #333;
    display: block;
    width: 240px;
    padding: 0 0 5px;
}
.sabic-lgo{width:100%; height:auto; overflow:hidden;}
.sabic-lgo img{width:100%; height:auto;}
.no-l:before{content: '';
    position: absolute;
    height: 1px; display:none !important;
    background-color: #5a5a5a;
    width: 23px;
    right: -55px;
    top: 52%;}
.process-unertaken h4:before {
    content: '';
    position: absolute;
    height: 1px;
    background-color: #5a5a5a;
    width: 23px;
    left: 45%;
    bottom: -13px;
    transform: rotate(90deg);
}
.process-unertaken ul{text-align:left; margin:0px; padding:0px;}
.process-unertaken ul li {
    display: inline-block;
    /* border: solid 1px #bfbfbf; */
    margin: 0 47px 10px 0;
    width: auto;
    text-align: center;
    background-color: #f60;
    color: #fff;
    font-weight: bold;
    padding: 13px 30px;
    position: relative;
}
.no-line-1 {background-color: #039 !important;}
.no-line-1:after {
    width: 0;
    content: '';
    position: absolute;
    height: 2px;
    width: 23px;
    right: -36px;
    top: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 36px solid #039 !important;
    border-bottom: 22px solid transparent;
}
.no-line: before{display:none;}

.process-unertaken ul li:before {
    content: '';
    position: absolute;
    height: 1px;
    background-color: #5a5a5a;
    width: 23px;
    right: -55px;
    top: 52%;
}
.process-unertaken ul li:after {
    width: 0;
    content: '';
    position: absolute;
    height: 2px;
    width: 23px;
    right: -36px;
    top: 0;
    height: 0;
    border-top: 26px solid transparent;
    border-left: 36px solid #f60;
    border-bottom: 22px solid transparent;
}

}



.process-images{width:100%; height:auto;}
.process-images img{width:100%; height:auto;}
.inner-banner {
    width: 100%;
    min-height: 250px;
    position: relative;
    color: #fff;
}
.process-unertaken h2 {
    font-family: open sans;
    font-size: 40px;
    margin: 0;
    text-align: left;
    padding: 0 0 15px;
    position: relative;
    color: #333;
}
.inner-banner img {
    width: 100%;
    height: auto;
}
.product-text {
    text-align: left;
    margin: 0 0 30px;
}
.abt-us-img{width:100%; height:auto;}
.abt-us-img img{width:100%; height:auto;}
.inner-banner h2 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    top: 45%;
    margin: 0px;
    font-size: 50px;
    text-shadow: 0 2px 3px #555;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    padding: 20px 0px;
}
.product-list-inner{list-style:none; margin:0px; padding:0px;}
.product-list-inner li{display:inline;}
.topper > a{width:100%; height:100%; line-height:40px; color:#fff; display:block; text-align:center; font-size:20px;}
.search-bx input{border-radius:0px;}
.search-bx .btn{border-radius:0px; background-color: #ff343e; border-color:#ff343e; color:#fff;}
.search-bx .btn:hover{background-color: #fff; border-color:#ff343e; color:#ff343e;}
a, a:hover {text-decoration:none; outline:none !important;}
a:active, a:focus {outline:0; text-decoration: none;} 

.fl{ float:left}
.fr{ float: right}
.clear{ clear:both;}
.header-bg {
    background-color: #fff; position:static; transition:.5s all ease-in;
    height: auto;
    left: 0;
    top: 25px;
    width: 100%;
    z-index: 9999;
}
.head-w-c {
    font-family: open sans;
    color: #ffffff; 
    font-size: 40px;
    margin: 0;
    text-align: left;
    padding: 0 0 15px;
    position: relative;
}
.footer-sec .fa{font-size:30px;}

.footer-sec .fa {
    font-size: 30px;
    display: block;
    float: left;
    margin-right: 20px;
    position: relative;
    width: 30px;
    top: 5px;
}
.quality-icns {
    width: 150px;
    height: auto;
    margin: 30px auto;
}
.quality-icns img{width:60%; height:auto;}
.vision-prx {
    width: 100%;
    height: auto;     text-align: center;
    padding: 60px 0px;
    float: left;
    background: #434343;
    background-attachment: fixed;
    background-size: cover;
    color: #fff;
}
.logo {
    width: 300px;
    height: auto;
    float: left;
    padding: 0PX;
    width: 430px;
    margin: 5px 0px;
    transition: .5s all ease-in;
}
.logo img{width:90%; height:auto; overflow:hidden; transition:.5s all ease-in;}
.search-section{width:auto; float:right; width:58%;}

.overlay-new{width:100%; height:100%; position:absolute; left:0px; top:0px; z-index: 999;}


.form-control{width:100%; height:auto; height:44px;     border-radius: 30px;}
.nav-bar-wrap {
    width: auto;
    height: auto;
    float: right;
    margin: 0;
    transition: .5s all ease-in;
}
.nav-bar {
    width: 100%;
    height: auto;
    margin: 0;
    float: left;
}
.phone {
    color: #ce4532;
    text-align: right;
    margin: 9px 10px 9px 0;
    display: inline-block;
}
.phone:last-child{margin-right:0px !important;}
.phone-wrap{color: #ce4532;
    text-align: right;
    margin: 9px 0;
    float: left;}
	
.phone a{color:#333333;}
.scroll-down-wrap{width:30px; height:0px; position:relative; background-color:#ff343e; margin:0 auto;}
.scroll-down{position:absolute; left:0px; display:none; top:0px; height:17px; width:30px; background-color:#ff343e; border-radius: 0 0 5px 5px;}
.scroll-down .fa {
    color: #fff;
    display: block;
    font-size: 16px;
    text-align: center;
}
.search-btn {
    background-color: #333;
    height: 40px;
    position: fixed;
    right: 0; display:none;
    text-align: center;
    top: 28px;
    width: 40px;
    cursor: pointer;
    z-index: 999;
}
.search-btn .fa{display:block; text-align:center; line-height:40px; color:#fff;}
#mobile-menu{ display: block;}
#menu{ display: none;}
.slicknav_menu{ display: none;}
/*----------------------------------------------new menu-----------------------------------------*/
#nav_wrapper {
    display: block;     background-color: #ffffff;
    float: left;     color: #fff!important;
    width: 100%;
}
#nav_wrapper ul{}
#nav_wrapper ul.menu{margin:0; padding:0; width:100%; float:right ; }
#nav_wrapper ul.menu li{list-style-type:none; padding:0; display:block;  float:left; margin:0;}



.sabic-logo-wrap {
    width: 300px;
    height: auto;
    overflow: hidden;
}
.sabic-logo-wrap {
    width: 100%;
    height: auto;}
    
ul.top-lst {
    list-style: none;
    margin: 15px 0px;
    padding: 0px;
}
ul.top-lst li {
    padding: 3px 0 3px 20px;
    background: url(../images/squ-bullet.png);
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: 0 center;
}

#nav_wrapper ul.menu li a {
    color: #000 !important;
    display: block;
    font-size: 16px;
    line-height: 75px;
    margin-right: 0px;
    padding: 0 10px;
    text-decoration: none;
    font-weight: 600;
}






#nav_wrapper ul.menu li a > span {
    display: block;
    line-height: 0;
    position: relative;
    text-align: center;
    top: -18px;
    width: 100%;
}
#nav_wrapper ul.menu li:hover a, #nav_wrapper .menu li.current-menu-item a,
 #nav_wrapper .menu li.current-menu-ancestor a, #nav_wrapper .menu li.current-page-ancestor a{color: #015aaa !important;
    background-color: transparent; }

/*---sub-menu------*/
#nav_wrapper ul.menu li{position:relative;}
#nav_wrapper ul.menu li ul.sub-menu{display: none; width:225px;  background:#333333; padding:5px; margin:0; position:absolute; top:100%; left:0px; background-color: #333333; z-index:999999;}
#nav_wrapper ul.menu li:hover ul.sub-menu{display:block;}
#nav_wrapper ul.menu li ul.sub-menu li{padding:0; display:block; z-index:9999; float:none; margin:0 auto;}
#nav_wrapper ul.menu li ul.sub-menu li a{font-size:12px; line-height:20px; text-transform: none !important; display:block;	padding:3px 2px 3px 8px; margin:0; color:#fff !important; border:none; height: auto;}
#nav_wrapper ul.menu li ul.sub-menu li:hover a{ color:#5b0f70;}
#nav_wrapper ul.menu li ul.sub-menu li.current-menu-item a, #nav_wrapper ul.menu li ul.sub-menu li.current-menu-ancestor a, #nav_wrapper ul.menu li ul.sub-menu li.current-page-ancestor a{ color:#5b0f70;}
#nav_wrapper ul.menu li:last-child ul.sub-menu{right:0;	left:inherit;}

/*----------------------------------------------new menu-----------------------------------------*/


.cycle-slideshow img{ width:100%; height: auto; position:relative;}
.center{ position:absolute; top:45%; z-index:999; width:100%;}
#multiple {position: relative; height: auto; overflow: hidden; float: left; width: 100%;}
#multiple .prevControl{width:50px; height:50px; float: left; background-color:transparent;}
#multiple .prevControl:hover .fa{color:#fff;}
#multiple .nextControl:hover .fa{color:#fff;}
#multiple .nextControl{width:50px; height:50px; float: right; background-color:transparent;}
.icn-holder .prevControl .fa {color: #fff; cursor: pointer; display: block; float: left; font-size: 50px; text-align: center; width: 50px;}
.icn-holder .fa {color: #fff; cursor: pointer; font-size: 50px; margin-right: 25px; text-align: center; width: 50px;}
.cycle-slide{ width:100%;}
.banner-overlay {position: absolute; top: 55%; width: 100%; z-index:999;}
.banner-overlay h2{ background: url(../images/heading-bg.png) right  center no-repeat; text-align: left;  text-transform:uppercase; margin:0px; color:#FFF;  font-family: 'Ubuntu', sans-serif; font-weight:bold; font-size:44px; color:#fff; width: 550px; background-color:rgba(0, 176, 240, 0.8); padding: 23px;}
.banner-overlay h2 span{ color:#FFF; font-size:46px; font-weight:700;}
.icn-holder{width:100%; top:45%; position:absolute; z-index:999; height:50px;}
.banner-img-1{width:100%; min-height:600px; background:url('images/banner-1.png'); background-size:cover; background-attachment:fixed; overflow:hidden; }
.banner-img-2{width:100%; min-height:600px; background:url('images/banner-2.png');  background-size:cover; background-attachment:fixed; overflow:hidden; }
.banner-img img{width:100%; height:auto;}
#multiple h2{font-size:65px; font-family: 'Ubuntu', sans-serif; font-weight:600; margin:0 0 20px; color:#fff;}
#multiple h3{font-size:28px; font-family: 'Ubuntu', sans-serif; font-weight:500; margin:0 0 20px; color:#fff;}
#multiple p{font-family: 'Ubuntu', sans-serif; margin:0 0 20px; font-size:18px; font-weight:300; color:#fff;}
.shape-1{width:100%; height:auto; overflow:hidden; position:absolute; bottom:0px; left:0px;}
.shape-1 img{width:100%; height:auto;}
.get-down {
    width: 100%;
    position: absolute;
    z-index: 999;
    text-align: center; bottom: 35%;
    font-size: 40px;
    color: #fff;
    text-shadow: 0 2px 5px #000;
}
.banner-title {
    position: absolute;
    top: 40%;
    text-align: center;
    width: 100%;
}
.banner-title h4 {
    font-size: 50px;
    color: #ffffff; font-weight: 700;
    text-align: center;
    text-shadow: 0 2px 8px #000;
}



.close:focus, .close:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 1;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background-color: transparent;
    border-left: none;
    border-right: none;
    transition: .5s all ease-in;
    position: relative;
    border: solid 3px #00356c;
    box-shadow: none;
    color: #00356c;
    font-weight: 600;}
	
.nav-tabs {
    border: none;
    text-align: left;
}
	
.nav-tabs>li.active>a:before, .nav-tabs>li.active>a:focus::before, .nav-tabs>li.active>a:hover::before	{top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(39,174,97,0);
    border-top-color: #00356c;
    border-width: 10px;
    margin-left: -10px;}
	
.nav-tabs>li {
    float: none;
    margin-bottom: -1px;
    display: inline-block;
}
	
.tab-content h4 {
    font-size: 18px;
    text-align: left;
    border-bottom: solid #f60;
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
	
.nav-tabs>li>a{border-left: none;
    border-right: none; border-radius:0px;
    background-color: transparent;
    text-shadow: none;
    border: solid 3px #d8d8d8;
    box-shadow: none;
    transition: .5s all ease-in;
    text-transform: uppercase;
    color: #c7c7c7;
    margin: 0 5px 30px;
    font-weight: 200;
    font-family: open sans;
    font-size: 20px;
    padding: 10px 20px;}

.about-founder h2 {
    color: #282828;
    font-size: 40px;
    font-family: 'Ubuntu', sans-serif;
    margin: 0px 0 15px;
    font-weight: 700;
}
.about-founder h4{font-size: 20px; margin: 0 0 30px;}
.about-founder h2 span {
    color: #f23f42;
}
.products {
    width: 100%;
    height: auto;
    float: left; 
    padding: 60px 0px;
    position: relative;
    text-align: center;
    background-color: #f3f3f2;
}
.products h4 {
    text-align: left;
    padding: 0 0 15px;;
    margin: 0px;
    color: #1c393d;
    font-size: 24px;
}
.prod-txt{width:100%; height:auto; padding:15px;}
.product-wrap {
    width: 100%;
    height: auto;
    box-shadow: 0 0px 6px #bbb;
    background-color: #fff;
}
.products p{text-align:left;}
.products p a{color:#ff6600; text-align:left;}
.products p > span{}
.product-pic {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin: 0;
}
.product-pic img{width:100%; height:auto;}
.prod-info {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #097c65a8;
    bottom: -77%;
    padding: 0 15px 15px 15px;
    text-align: left;
    color: #fff;
    opacity: 1;
    transition: .5s all ease-in;
}
.btn-clr {
    font-size: 16px;
    background-color: #FF6600;
    color: #fff;
    border-radius: 25px;
    width: 140px;
    line-height: 45px;
    padding: 0px;
    border: solid 2px #ff6600;
    margin-top: 20px;
}
.btn-whi {
    font-size: 16px;
    background-color: transparent;
    color: #097c65;
    border-radius: 0px;
    width: 150px; border:solid 1px #097c65;
    line-height: 50px;
    padding: 0px;
}
.prod-info h4{margin:15px 0px; font-size:22px;}
.product-pic:hover .prod-info{bottom:0px; transition: .5s all ease-in;}*/
.foot-section h1{margin:0 0 20px; color:#727272; font-size: 26px; text-transform: uppercase;}
.foot-blks #twt{list-style:none; padding:0px; margin:0px;}
.foot-blks #twt li{margin: 0 0 10px; background: rgba(0, 0, 0, 0) url("images/tweet.png") no-repeat scroll 0 9px; padding: 0 0 0 20px;}
.foot-blks #twt li:hover{background: rgba(0, 0, 0, 0) url("images/tweet-h.png") no-repeat scroll 0 9px;}
.foot-blks #twt li a{font-size:12px; color:#7d7d7d;}
.foot-blks #twt li a > span{display:block; font-size:14px; color:#333;}
#g-f{list-style:none; margin:0px; padding:0px;}
#g-f li {margin-bottom: 10px; color: #333; font-size: 13px; display: inline-block; width: 35.3%;}
#g-f li .fa{margin-right:10px; color:#ec3000;}
.photo{width:100%; height:auto; float:left; margin-bottom: 30px; position:relative; background-color:#333;}
.photo img{width:100%; height:100%;}
.photo:hover img{opacity:0.5; transition:.5s all ease-in;}
.photo:hover .icon-wrap{opacity:1; transition:.5s all ease-in;}
.photo .icon-wrap {
    width: 30px; opacity:0;
    height: 30px; transition:.5s all ease-in;
    position: absolute;
    top: 40%;
    left: 45%;
    z-index: 999;
    text-align: center;
    line-height: 30px;
    color: #fff;
}
.phone-wrap {
    width: 100%;
    height: auto;
}
.phone-wrap img{width:100%; height:auto;}
.marker{width:100px; height:auto; overflow:hidden; margin:0 auto 30px;}
.marker img{width:100px; height:auto;}
.modal{z-index:9999999;}
 .modal-backdrop.in{ padding-right:0px !important;}
.photo .icon-wrap a{color:#fff;}
.photo .icon-wrap a .fa{text-shadow:0 2px 3px #000; font-size: 40px;}
.copy-right {
    background-color: #333333;
    height: auto;
    padding: 15px 0px;
    width: 100%;
    float: left; text-align:center;
}
.copy-right p{margin:0px; color:#fff;}
.tital-van{width:214px; height:79px; margin:0 auto 40px;}
.tital-van img{width:100%; height:auto;}
.copy-right ul{margin:0px; padding:0px; list-style:none; text-align:center;}
.copy-right ul li{display:inline-block; margin:0 10px;}
.copy-right ul li a{color:#fff; font-family:open sans; font-size:16px;}
.cpy-ri{ text-align:center; color:#fff;}
.cpy-ri p{margin:0px;}
.foot-links{float:right;}
.foot-links ul{list-style:none; margin:0; padding:0px;}
.foot-links ul li{display:inline-block; padding:0 10px; position:relative;}
.foot-links ul li:after{content:"."; position:absolute; left:0; top: -5px; color:#fff; height: 5px; width:5px;}
.foot-links ul li a{color:#fff; text-transform:uppercase;}

#owl-demo-3 .owl-prev{
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0px;
    background-color: #ff6600;
    font-size: 16px;
}
#owl-demo-3 .owl-item>.item {
    padding: 0 15px;
    margin: 20px 0;
}
#owl-demo-3 .owl-next{
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0px;
    background-color: #ff6600;
    font-size: 16px;
}
.footer-sec {
    width: 100%;
    min-height: 200px;
    background: #222222;
    float: left;
    color: #fff;
    padding: 40px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    margin: 15px 0 0;
}
.inner-banner {
    width: 100%;
    font-size: 14px;
    position: relative;
    min-height: 150px;
    color: #fff;
}
.inner-banner h2 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    top: 33%;
    margin: 0px;
    font-size: 40px;
    text-shadow: 0 2px 3px #555;
    font-weight: 600;
    font-family:"Open Sans";
    background-color: rgba(0,0,0,0.2);
    padding: 10px 0px;
}
.footer-sec h3 {margin: 0 0 25px; padding: 0 0 15px; border-bottom: solid 1px #fff;}
.footer-sec p {font-size: 16px; margin: 0 0 20px;}
.footer-sec ul {margin: 0px; padding: 0; list-style:none;}
.footer-sec ul li {display: inline-block; border: solid 1px #fff; padding: 5px 10px; margin: 4px 2px;}
.footer-sec ul li a{color:#fff; font-size:14px;}
.net-weight{font-size: 14px; color: #a0a0a0; font-family: open sans; margin: 0 0 30px;}
.pre-price{font-size: 14px; color: #a0a0a0; font-family: open sans; margin: 0 0 10px;}
.curr-price{font-size: 14px; color: #222222; font-family: open sans; margin: 0 0px;}
.sec-2 .btn {width: 123px; height: 33px; line-height: 30px; transition:.5s all ease-in; border-radius: 30px; padding: 0; background-color: #fe0002; color: #ffffff; border: solid 1px #fe0002;}
.sec-2 .btn:hover{background-color:#ffffff; color:#fe0002; transition:.5s all ease-in;}
.add-cart-wrp{width:100%; height:auto; overflow:hidden;}
.sec-1{width:30%; height:auto; float:left;}
.sec-2{width:70%; height:auto; float:left; text-align:right;     padding: 3px 0px;}
.prod-pic{width:130px; height:auto; overflow:hidden; margin:15px auto;}
.prod-pic img{width:100%; height:auto; }
.price-offer {width: 60px; padding height: 26px; border: solid 1px #919191; text-align: center; line-height: 26px; border-radius: 6px; font-size: 12px; color: #fe0002;}
.cont{font-size:14px; color:#8f8f8f;}
.from-blog h1 span:before {
  right: 100%;
  margin-right: 15px;
}
.from-blog h1 span:after {
  left: 100%;
  margin-left: 15px;
}
.mobile-only{display:none;}
.pic-wrap{width:100%; height:auto; overflow:hidden; margin: 0 0 20px; position:relative; background-color:#333; transition:.5s all ease-in;}
.pic-wrap .pic-text {position: absolute; text-align: center; color: #fff; z-index: 9999; top: 0; left: 0px; width: 100%; top: 35%; transition:.5s all ease-in;}
.rm{margin-bottom:0px; font-size:12px;}
.rm a{color:#ef2f02; }
.pic-wrap .pic-text .btn-default {
    color: #fff;
	    position: relative;
    bottom: -20px;
    opacity: 0; transition:.5s all ease-in;
    background-color: transparent;
    border-color: #fff;
    border-radius: 30px;
    border: solid 2px;
    padding: 10px 30px;
}
.pic-wrap img{width:100%; height:auto; opacity: 0.5; filter: alpha(opacity=50); transition:.5s all ease-in;}



.abt-us{
    background-image: url(images/electrical-bg.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: 100%;}

.abt-us {
    width: 100%;
    height: auto;
    float: left;
    padding: 50px 0;
    color: #333333;
    /* background: #fff; */
    text-align: left;
}
.abt-us-inner {
    width: 100%;
    height: auto;
    float: left;
    padding: 50px 0;
    color: #333333;
    /* background: #fff; */
    text-align: left;
}
.certificate-img {
    width: 100%;
    height: auto;
    float: left;
    border: solid 1px #ccc;
    box-shadow: 0 2px 8px #b1b1b1;
}
.certificate-img{width:100%; height:auto; float:left;}
.certificate-img img{width:100%; height:auto; float:left;}
.vision-mission-blk{width:100%; height:auto; overflow:hidden; color:#333;      background-color: #f5f5f5;}
.vision-mission-blk h3 {
    font-size: 30px;
    margin: 0 0 30px;
    border-bottom: solid 1px #333333;
    padding: 0 0 16px;
}
.vm-img{width:100px; height:auto; float:left;}
.vm-img img{width:100%; height:auto;}
.abt-us-inner h2{
    margin: 40px 0 20px; position:relative;
    padding-bottom: 15px; 
    border-bottom: solid 1px #ccc;
}
.abt-us-inner h2:before {
    position: absolute;
    content: '';
    width: 115px;
    height: 3px;
    background: #f60;
    bottom: -2px;
    left: 0;
}
.client-inner-wrp {
    width: 100%;
    height: auto;
    float: left;     padding: 20px;
    box-shadow: 0 0px 5px #bababa;
    margin: 15px 0px;
}
.frm-wrp {
    width: 100%;
    height: auto;
    background: #003399;
    padding: 15px;
}
.cont-lst-1 {
    text-align: left;
    margin: 0 0 30px;
    padding: 0px;
    list-style: none;
}
.cont-lst-1 li {
    padding: 0 0 10px;
    margin: 0 0 10px;
    padding-left: 75px;
}
.cont-lst-1 li:nth-child(1) {
    background: url(images/placeholder.png);
    background-size: 50px; line-height: 50px;
    background-repeat: no-repeat;
}
.cont-lst-1 li:nth-child(2) {
    background: url(images/mail.png);
    background-size: 50px;
    background-repeat: no-repeat;
    line-height: 50px;
}
.cont-lst-1 li:nth-child(3) {
    background: url(images/mobilel-head.png);
    background-size: 50px;
    background-repeat: no-repeat;
    line-height: 50px;
}
.frm-wrp .form-control {
    border-radius: 0px;
    background-color: transparent;
    border-color: #fff;
    color: #ffffff;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}
.fancy-button {
    color: #fff;
    display: block;
    width: 100%;
    background: #003399;
    text-align: center;
    transition: .5s all ease-in;
    line-height: 43px;
    text-decoration: none;
    border: solid 3px #fff;
}
.fancy-button:hover {
    color: #ff6600;
    border: solid 3px #ff6600;
    text-decoration: none;
    transition: .5s all ease-in;
    background: #fff;
}
.client-inner-wrp img{width:100%; height:auto;}
.q-p-list {
    list-style: none;
    margin: 0 0 20px;
    padding: 0px;
}
.q-p-list li {
    background: url(images/checkmark-b.png);
    background-repeat: no-repeat;
    padding-left: 20px;
    background-size: 9px;
    background-position: 0px 7px;
    margin: 0 0 5px;
}
.vision-mission-blk-1{width:50%; float:left; min-height:205px; overflow:hidden; padding: 40px;}
.vision-mission-blk-2{width:50%; float:left; min-height:205px; overflow:hidden; padding: 40px;}
.abt-us-inner{
    width: 100%;
    height: auto;
    float: left;
    background-color: #ffffff;
    padding: 50px 0;
    color: #333333;
    background-size: cover;
    background-position: center center;
}
.contact-section {
    width: 100%; background-color:#f5f5f5;
    height: auto;
    padding: 60px 0;
    float: left;
    position: relative;
}

.contact-blks {
    width: 100%;
    z-index: 2;
    min-height: 80px;
    float: left;
    position: relative;
}
.inner-list{margin: 0 0 30px; padding:0px; list-style:none;}
.inner-list li {color: #333333; background: url(images/checkmark-b.png); padding: 0 0 0 20px; background-position: left 5px; background-repeat: no-repeat; background-size: 12px; margin: 0 0 10px;}
.certificate-wrap{width:100%; height:auto; overflow:hidden;}
.certificate-wrap img{width:100%; height:auto;}
.certificate-wrap:hover img{opacity:0.5; transition:.5s all ease-in;}
.certificate-wrap:hover .icon-wrap{ opacity:1; transition:.5s all ease-in;}


.inner-head-2{margin: 0 0 30px; font-family:open sans; color: #222; position:relative; padding: 0 0 15px;}
.inner-head-2:before{content:''; bottom:0px; left:0px; width:100px; height:3px; background-color:#097c65; position:absolute;}
.testing-inner-h4{text-align:center; color:#097c65; font-size:20px; font-weight:600;}
.testing-facilities-inner{width:100%; height:auto; float:left;}
.testing-pics {
    width: 100%;
    height: auto;
    margin: 20px 0 0;
}
.sub-head {
    color: #097c65;
}
table{color:#333;}
.table-head-inner {
    background-color: #097c65;
    color: #fff;
    text-align: center;
}
.testing-pics img{width:100%; height:auto;}
.testing-inner{width: 100%;
    background-color: #f5f5f5;
    height: auto;
    padding: 60px 0;
    float: left;
    position: relative;}
	.products-inner{width: 100%;
    background-color: #f5f5f5;
    height: auto;
    padding: 50px 0;
    float: left;
    position: relative;}
.products-inner:nth-child(odd){background-color:#fff;}

.products-inner p{color:#333;}	
.contact-blks ul {
    padding: 0px;
    padding: 0px;
    list-style-type: none;
}
.contact-blks ul li {
    padding-left: 50px;
    color: #333333;
    position: relative;
    font-family: open sans;
    line-height: 40px;
    margin-bottom: 15px;
}
.form-wrap {
    width: 100%;
    background-color: transparent;
    height: auto;
    padding: 0px;
    overflow: hidden;
    margin: 0 auto;
}
.form-wrap .form-control {
    box-shadow: none;
    color: #222222;
    border-radius: 0px;
    outline: 0!important;
    border: solid 1px #097c65;
    background: transparent;
}
.contact-blks ul li .fa {
    position: absolute;
    left: 0px;
    font-size: 20px;
    border: solid 1px #fff; color:#fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #097c65;
}

.contact-blks .form-control::-moz-placeholder {
color:#333;
opacity:1
}
.contact-blks .form-control:-ms-input-placeholder {
color:#333;
}
.contact-blks .form-control::-webkit-input-placeholder {
color:#333;
}



.abt-us-head {
        font-weight: 100;
    font-size: 24px !important;
    margin: 0 0 0px !important;
    color: #909090;
    font-family: open sans light !important;
}
.abt-us p {
    font-size: 16px;
    font-family: open sans;
    /* margin: 0 0 40px; */
    line-height: 32px;
}

.head-w{
        font-family: open sans;     color: #333333;
    font-size: 40px;
    margin: 0; text-align:left;
    padding: 0 0 15px;
    position: relative;
}

.client-logos{width:100%; height:auto; border: solid 1px #e8e8e8;}
.client-logos img{width:100%; height:auto;}

.clients-section{    width: 100%;
    height: auto;
    float: left;
    padding: 60px 0px;
    position: relative; background-color:#ffffff;}
.icon-wrap a{color:#fff; font-size:30px;}
.icon-wrap a .fa{text-shadow:0 2px 3px #000;}


.abt-us h2 {
    font-family: open sans;
    font-size: 40px;
    margin: 0;
    padding: 0 0 15px;
    position: relative;
}
.lil-lgo{width:50px; height:auto; overflow:hidden; margin:0 auto 30px; position:relative;}
.lil-lgo img{width:100%; height:auto;}
.pic-wrap:hover .btn-default{bottom: 0px; transition:.5s all ease-in;
    opacity: 1;}
.owl-item>.item{padding:0 15px;}
.clients-section .owl-prev {
    height: 40px;
    right: 55px;
    position: absolute;
    width: 40px;
    border-radius: 0px !important;
    padding: 0px !important;
    line-height: 40px !important;     top: -60px;
}
.clients-section .owl-next {
    height: 40px;
    right: 10px;
    position: absolute;
    width: 40px;
    border-radius: 0px !important;
    padding: 0px !important;
    line-height: 40px !important;
    top: -60px;
}

.owl-pagination{display:none !important;}
/* Tablet Portrait size to standard 1024 (devices and browsers) */
@media only screen and (min-width: 1024px) {

.banner { background:url(images/banner-img.jpg) no-repeat scroll center top / 120% auto; height: auto; position: relative; width: 100%;}

}
@media only screen and (min-width: 767px) 
{
.sticky{position:fixed; top:0; left:0px; transition:.5s all ease-in; z-index:999999; transition:.5s all ease-in; box-shadow: 0 2px 3px #888;}
.sticky .phone{display:none;}
.sticky .logo {padding: 0; transition: .5s all ease-in; width: 123px;     margin: 9px 0px;}
.sticky #nav_wrapper ul.menu li a{ height: 43px; line-height: 43px; transition: .5s all ease-in; }

.sticky .scroll-down{display:none;}

}
/* Tablet Portrait size to standard 1024 (devices and browsers) */
@media only screen and (min-width: 992px) and (max-width: 1024px) {
.logo{ width:280px;}
.process-unertaken ul li {
    display: inline-block;
    /* border: solid 1px #bfbfbf; */
    margin: 0 47px 10px 0;
    width: auto;
    text-align: center;
    background-color: #f60;
    color: #fff;
    font-weight: bold;
    padding: 13px 20px;
    position: relative;
    font-size: 12px;
}
.process-unertaken ul li:after {
    width: 0;
    content: '';
    position: absolute;
    height: 2px;
    width: 23px;
    right: -36px;
    top: 0;
    height: 0;
    border-top: 21px solid transparent;
    border-left: 37px solid #f60;
    border-bottom: 22px solid transparent;
}

#nav_wrapper ul.menu li a{padding: 0 10px;}
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {

.process-unertaken ul li {
    display: inline-block;
    /* border: solid 1px #bfbfbf; */
    margin: 0 47px 10px 0;
    width: auto;
    text-align: center;
    background-color: #f60;
    color: #fff;
    font-weight: bold;
    padding: 13px 20px;
    position: relative;
    font-size: 12px;
}
.process-unertaken ul li:after {
    width: 0;
    content: '';
    position: absolute;
    height: 2px;
    width: 23px;
    right: -36px;
    top: 0;
    height: 0;
    border-top: 21px solid transparent;
    border-left: 37px solid #f60;
    border-bottom: 22px solid transparent;
}

}





@media only screen and (min-width: 768px) and (max-width: 991px) {
.logo{ width: 200px;}
.banner-title h4 {font-size: 24px;}
#nav_wrapper ul.menu li a {
    font-size: 13px;
    padding: 0 5px;
    height: auto;
    line-height: 62px;
}
.sticky .logo {width: 113px;}
.sticky #nav_wrapper ul.menu li a {
    height: 40px;
    line-height: 40px;
    transition: .5s all ease-in;
}
.inner-banner img {
    width: 100%;
    height: 100%;
    position: absolute;
}

}






/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 767px) {
.nav-bar-wrap {
    width: 100%;
    height: auto;     top: 15px;
    position: relative;
    right: 0%;
    z-index: 10;
}
.get-down i.fa.fa-arrow-circle-down {
    font-size: 30px;
}
.cont-lst-1 li:nth-child(1){line-height: 25px;}
.cont-lst-1 li:nth-child(2){line-height: 25px;}
.cont-lst-1 li:nth-child(3){line-height: 25px;}
.footer-sec .fa{float:none; margin:0 0 30px;}
.footer-sec iframe{width:100%;}
.frm-wrp{margin:0 0 30px;}
.vision-mission-blk-1{width:100%;}
.vision-mission-blk-2{width:100%;}
.footer-sec h3 {
margin: 10px 0 25px;}
.get-down{bottom:0%;}
.icn-holder{display:none;}
.banner-title h4{font-size:18px;}
#nav_wrapper ul {
    padding: 10px 0 0;
    margin: 10px 0 0;
    background: #039;
    position: relative;
    top: 10px;
}
.owl-pagination{display:block !important;}
.logo {
    position: absolute; width: 180px;
	z-index:11;
    top: 5px;
}
.abt-us{padding:30px 0px;}
.header-bg{position:static; }
.header-bg .container{position:static; padding:0px;}
.inner-banner h2{top:25%; font-size:30px; font-family: 'Open Sans', sans-serif;}
.inner-banner{min-height:105px;}
.inner-banner img {
    width: 100%;
    height: 100%;
    position: absolute;
}
.mobile-only {
    display: block !important;
    position: absolute !important;
    top: 10px !important;
    font-size: 16px !important;
    text-align: center !important;
    width: 100% !important;
    line-height: 35px !important;
}
.mobile-only span {
    font-size: 28px !important;
}
.overlay-new h4{display:none;}
.slicknav_nav a{color:#ffffff !important;}
.search-btn{top:107px;}
.search-bx{left:0px;}
.mobile-pic {
    margin: 0 auto;
    position: relative;
}
.nav-bar {
    width: 100%;
    min-height: 70px;
}
.slicknav_menu{ display: block; color:#59595c;}
#nav_wrapper ul.menu{ display: none;}


.from-blog h1 span::before, .from-blog h1 span::after{width:130px;}

.social-wrap {
width: 100%;}
.social-wrap ul{text-align:center;}
.social-wrap ul li {
    display: inline;
    margin-right: 10px; float:none;
}
.search-group {
    margin: 10px auto;
    float: none; width:255px;
}
.play-str {margin: 10px auto;
    float: none;
}

.icns {width: 30px;}
.foot-links ul{text-align:center;}
.foot-links ul li a{font-size:13px;}
.cpy-ri{float:none; font-size:15px; text-align:center;}
.foot-links{float:none; width:100%;}
.search-section {
    float: none;
    width: 100%;
    text-align: center;
}
}
@media only screen and (max-width: 500px)
{
.phone{display:none;}
.search-btn{top:66px;}
.from-blog h1 span::before, .from-blog h1 span::after{display:none;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 302px) and (max-width: 400px) {}
@media only screen and (max-width: 375px) {
    .tab-pic img {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 10px;
}
    .abt-us-inner {
    width: 100%;
    height: auto;
    float: left;
    background-color: #ffffff;
    padding: 30px 0;
    color: #333333;
    background-size: cover;
    background-position: center center;
}
    .footer-sec .fa {
    float: none;
    margin: 0 12px 0px;
    float: left;
}
    .footer-sec ul li {
    display: inline-block;
    border: solid 1px #fff;
    padding: 3px 25px;
    margin: 4px 1px;
}
    .vision-prx p {
    font-size: 14px;
}
    .head-w-c {
    font-family: open sans;
    color: #ffffff;
    font-size: 27px;
    margin: 0;
    text-align: center;
    padding: 0 0 15px;
    position: relative;
}
.head-w {
    font-family: open sans;
    color: #333333;
    font-size: 27px;
    margin: 0;
    text-align: center;
    padding: 0 0 15px;
    position: relative;
}
    .process-unertaken h2 {
    font-family: open sans;
    font-size: 27px;
    margin: 0;
    text-align: center;
    padding: 0 0 15px;
    position: relative;
    color: #333;
}
    .abt-us-head {
    font-weight: 100;
    font-size: 17px !important;
    margin: 0 0 0px !important;
    color: #909090;
    font-family: open sans light !important;
}
}
@media only screen and (max-width: 320px) {
    .footer-sec p {
    font-size: 13px;
    margin: 0 0 15px;
}
    .footer-sec .fa {
    float: none;
    margin: 0 12px 0px;
    float: left;
}
    .footer-sec ul li {
    display: inline-block;
    border: solid 1px #fff;
    padding: 3px 14px;
    margin: 4px 1px;
}
    .vision-prx p {
    font-size: 14px;
}
    .head-w-c {
    font-family: open sans;
    color: #ffffff;
    font-size: 27px;
    margin: 0;
    text-align: center;
    padding: 0 0 15px;
    position: relative;
}
.head-w {
    font-family: open sans;
    color: #333333;
    font-size: 27px;
    margin: 0;
    text-align: center;
    padding: 0 0 15px;
    position: relative;
}
    .process-unertaken h2 {
    font-family: open sans;
    font-size: 27px;
    margin: 0;
    text-align: center;
    padding: 0 0 15px;
    position: relative;
    color: #333;
}
    .abt-us-head {
    font-weight: 100;
    font-size: 17px !important;
    margin: 0 0 0px !important;
    color: #909090;
    font-family: open sans light !important;
}
}