@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700&display=swap');

/************************** font_family end here *********************************/

p,h1,h2,h3,h4,h5,h6,ul{margin: 0;padding: 0;}
p{font-family: 'Montserrat', sans-serif;}
a:hover{text-decoration: none;}
body{font-family: 'Montserrat', sans-serif;}
li{list-style: none;}
a{transition: 0.45s;}



.padd_70{padding: 70px 0px !important;}
.padd_t_70{padding-top: 70px !important;}
.padd_b_70{padding-bottom: 70px !important;}
.padd_40{padding: 40px 0px !important;}
.padd_t_40{padding-top: 40px !important;}
.padd_b_40{padding-bottom: 40px !important;}
.m_t_40{margin-top: 40px;}

/************************** mardin_padding end here *********************************/


.topheader1{ background-color:#0d55b6; padding:0 0;}
.toptext{ padding:9px 0px;}
.toptext strong{ font-weight:600;}
.toptext p{ font-family: 'Montserrat', sans-serif; font-weight:400; font-size:14px; color:#fff; margin:0 0 0 0; padding:0 0px;}

.topsocial{ text-align:right;}
.topsocial ul{ margin:0 0 0 0; padding:0 0 0 0;}
.topsocial ul li{ list-style:none; display:inline-block; margin:0 0 0 0; padding:0 0px;}
.topsocial ul li a{ display:inline-block; margin:0 0 0 0; padding:0 0 0 0;}
.topsocial .fbt{ font-size:14px; color:#fff; margin:0 0 0 0; padding:0 0 0 0; width:25px; height:40px; line-height:40px; display:inline-block; text-align:center; transition:all 0.5s;}
.topsocial .fbt:hover{ background:#1877F2;}
.topsocial .twt{ font-size:14px; color:#fff; margin:0 0 0 0; padding:0 0 0 0; width:25px; height:40px; line-height:40px; display:inline-block; text-align:center; transition:all 0.5s;}
.topsocial .twt:hover{ background:#1DA1F2;}
.topsocial .inst{ font-size:14px; color:#fff; margin:0 0 0 0; padding:0 0 0 0; width:25px; height:40px; line-height:40px; display:inline-block; text-align:center; transition:all 0.5s;}
.topsocial .inst:hover{ background:#E4405F;}
.topsocial .skt{ font-size:14px; color:#fff; margin:0 0 0 0; padding:0 0 0 0; width:25px; height:40px; line-height:40px; display:inline-block; text-align:center; transition:all 0.5s;}
.topsocial .skt:hover{ background:#00AFF0;}
.topsocial .wtt{ font-size:14px; color:#fff; margin:0 0 0 0; padding:0 0 0 0; width:25px; height:40px; line-height:40px; display:inline-block; text-align:center; transition:all 0.5s;}
.topsocial .wtt:hover{ background:#25D366;}
 


/*language drop down*/
.topright ul li ul{ display:none; position:absolute; transition:all 0.3s; z-index:9999999; background:#6c6c6c; width:84px; left:42%; padding:0 0 0 0px;}
.topright ul li:hover ul{ display:block; text-align: center !important;}
.topright ul li ul li{ padding: 0 0 0 0; display: list-item;}
.topright ul li ul li a{ color:#000; font-size:16px; display: list-item;}
.topright ul li ul li:first-child{ border: none; line-height: 0; height: 0; left: 0; padding: 0 0 0 0;}

.toplogo{ padding:17px 0;}
.toplogo img{}


/*
293a92
font-family: 'Montserrat', sans-serif;
*/


.navcont2{ position:static !important;}
.navcont1{ background:#44ae34; padding:0 0px; left:0; right:0; z-index:999;}

.nav_win{ padding:0 0;}
.main_navs{ position:relative;}
.top_navs{}
.top_nav_items{}
.top_nav_items ul{ padding:35px 0; text-align:right;}
.top_nav_items ul li{ display:inline-block; position:relative; transition:0.45s all; padding:0 0 0 0px;}
.top_nav_items ul li:last-child{ color:#252525; font-size:16px;}
.top_nav_items ul li a{ font-family: 'Montserrat', sans-serif; color:#252525; font-size:18px; font-weight:400; display:inline-block; position:relative; height:40px; line-height:40px; padding:0 8px;
 text-transform:uppercase; margin:0 0 0 0px; text-decoration:none !important;}
.top_nav_items ul li a:hover{ background:#1d86d7; border-radius:3px}
.top_nav_items ul li:hover{ background:#1d86d7 !important; border-radius:3px;}
.top_nav_items ul li:hover a{ background:#1d86d7; color:#fff; border-radius:3px}


.top_nav_items ul li ul.l2_ul{ position:absolute; top:100%; left:0px; right:0px; display:none; width:250px; z-index:999; background:#eff3f6; border:0px solid #e4e4e4; padding:0 0 0 0; border-bottom:0px; 
 border-radius:6px}
.top_nav_items ul li ul.l2_ul li.l2_li{ display:block; text-align:left; width:100%; background:transparent; transition: 0.0s; border-bottom:1px solid #d2d2d2; position: relative;}
.top_nav_items ul li ul.l2_ul li.l2_li a{ display:block; text-align:left; width:100%; color:#000; background:transparent; position:relative; font-size:13px; padding:0px 15px; height:40px; line-height:40px;
 font-weight:500; text-transform:capitalize;}

.top_nav_items ul li ul.l2_ul li.l2_li:hover{}
.top_nav_items ul li ul.l2_ul li.l2_li:hover a{ color:#fff;}

/*
red: c3272d
blue: 293a92
font-family: 'Montserrat', sans-serif;
*/


/*short about start*/

.shortaboutcont{ padding:60px 0;}
.shortaboutleft{ padding:0 0;}
.shortaboutleft img{}

.shortaboutright{}
.shortaboutright h4{ color:#293a92; font-size:24px; font-weight:500; margin:0 0 0 0; padding:0 0 10px 0; text-transform:capitalize;}
.shortaboutright h2{ color:#252525; font-size:42px; font-weight:800; margin:0 0 0 0; padding:0 0 12px 0; text-transform:capitalize;}
.shortaboutright p{ color:#252525; font-size:14px; font-weight:500; margin:0 0 0 0; padding:0 0 0 0; text-transform:capitalize;}
.shortaboutright a{ width:170px; height:60px; line-height:60px; text-align:center; background:#ebebeb; color:#0b1f52; font-size:14px; font-weight:500; margin:20px 0 0 0; padding:0 0 0 0; display:inline-block;
 text-transform:capitalize; transition:all 0.5s;}
.shortaboutright a:hover{ background: #1d86d7;
    color: #fff;}

/*manufacturing*/ 
.manufacutringcont{ background:#ebebeb; padding:0 0 50px 0}
.supplier{ text-align:center; transition:all 0.5s;}
.supplier img{ background:#3c4da7; border-radius:0 0 20px 20px; padding:24px 30px 16px 24px; transition:all 0.5s;}
.supplier:hover img{ background:#1d86d7;}
.supplier h4{ color:#0b1f52; font-size:16px; font-weight:600; margin:0 0 0 0; padding:20px 0 12px 0; text-transform:uppercase;}
.supplier p{ color:#595959; font-size:14px; font-weight:400; margin:0 0 0 0; padding:0 0 0 0; line-height:22px;}



/*categores*/ 
.cate_main { padding:0 0 60px 0;}
.cate_main .inner-cate{ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;  -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative;
 padding-top:40px;}
.cate_main .inner-cate .cate-name h4{ font-size:18px; font-weight:700; color:#252525; margin:0 0 0 0; padding:0 0 10px 0;}
.cate_main .inner-cate .cate-name p{font-size:13px; font-weight:500; color:#252525; padding-bottom:25px;}
.cate_main .inner-cate .cate-name a{ display: inline-block; font-size:14px; color:#0b1f52; font-weight:600; width:157px; height:50px; line-height:50px; text-align:center; background:#ebebeb;}

.cate_main .inner-cate .cate-name:hover a { background:#1d86d7; border-radius:0;color:#fff;}
.cate_main .inner-cate .cate-name:hover ~ .cate-img img { -webkit-transition: all 5s cubic-bezier(0, 0, 0.1, 1); transition: all 5s cubic-bezier(0, 0, 0.1, 1); -webkit-transform: rotate(0) scale(1.1);
 transform: rotate(0) scale(1.1);}
.cate_main .inner-cate .cate-img { overflow:hidden;}
.cate_main .inner-cate .cate-img img{ overflow: hidden; -webkit-transition: all 5s; transition: all 5s; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1);}
.custom-flex{ -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important;}

/*why choose us*/
.whychooscont{ background:#081e50; padding:60px 0;}
.chooseone{}
.chooseone h4{ color:#fff; font-size:16px; font-weight:600; margin:0 0 0 0; padding:20px 0 12px 0; text-transform:uppercase;}
.chooseone p{ color:#fff; font-size:14px; font-weight:400; margin:0 0 0 0; padding:0 0 0 0; line-height:22px;}
.chooseone span{ color:#fff; font-size:14px;}
.chooseone ul{ margin:0 0 0 0; padding:20px 0 0 0;}
.chooseone ul li{ color:#fff; font-size:14px; font-weight:400; margin:0 0 0 0; padding:0 0 0 0; line-height:34px; list-style:none;}

.ouprod{}
.ouprod h4{ color:#fff; font-size:16px; font-weight:600; margin:0 0 0 0; padding:20px 0 12px 0; text-transform:uppercase;}
.ouprod p{ color:#fff; font-size:14px; font-weight:400; margin:0 0 0 0; padding:0 0 0 0; line-height:22px;}
.ouprod img{ padding:50px 0 0 0;}



/*
red: c3272d
blue: 293a92
font-family: 'Montserrat', sans-serif;
*/

.featurecont{ padding:60px 0 40px 0;}
.featureheaidng{ text-align:center; padding:0 0 30px 0;}
.featureheaidng h4{ color:#252525; font-size:42px; font-weight:800; margin:0 0 0 0; padding:0 0 0 0; text-transform:capitalize;}
.featureheaidng p{ color:#252525; font-size:13px; font-weight:500; margin:0 0 0 0; padding:0 0 0 0; line-height:22px;}

.featuremm{ border:1px solid #dbdbdb; padding:12px 0 14px 0px; text-align:center; transition:all 0.5s;}
.featuremm:hover{ border:1px solid #293a92;}
.featuremm h4{ color:#252525; font-size:14px; font-weight:500; margin:0 0 0 0; padding:16px 0 6px 0; transition:all 0.5s;}
.featuremm p{ color:#293a92; font-size:14px; font-weight:600; margin:0 0 0 0; padding:0 0 0 0; line-height:22px;}
.featuremm:hover h4{ letter-spacing:1px; color:#1d86d7;}
.mbb-30{ margin:0 0 30px 0;}

.certificatescont{ background:#0d55b6; padding:60px 0;}
.crti{}
.crti img{}

.footercont{ background:#081e50; padding:0 0;border-bottom: 1px solid #fff;}
.usefull{ padding:60px 0;}
.usefull h4{ color:#fff; font-size:14px; font-weight:600; margin:0 0 0 0; padding:0 0 20px 0; text-transform:uppercase; transition:all 0.5s;}
.usefull ul{ margin:0 0 0 0; padding:0 0 0 0;}
.usefull ul li{ list-style:none; margin:0 0 0 0; padding:0 0 0 0;}
.usefull ul li a{ color:#fff; font-size:13px; font-weight:400; display:inline-block; margin:0 0 0 0; padding:0 0 8px 0; text-transform:capitalize; transition:all 0.5s;}
.usefull ul li a:hover{ text-decoration:underline;}
.usefull p{ color:#fff; font-size:13px; font-weight:400; margin:0 0 0 0; padding:0 0 12px 0; line-height:22px;}
.usefull form{ position:relative;}
.usefull input{ position:relative; width:100%; height:60px; line-height:60px; background:#0d55b6; margin:0 0 0 0; padding:0 0 0 6px; outline:none; border:none; font-size:13px; color:#6d83f4;}
.usefull button{ position:absolute; right:0; width:58px; height:60px; line-height:60px; background:#1d86d7; color:#fff; text-align:center; margin:0 0 0 0; padding:0 0 0 0; outline:none; border:none;
 transition:all 0.5s;}
.usefull button:hover{ background:#fff; color:#1d86d7;}
.footeradress{ background:#081e50; padding:60px 25px;}
.footeradress h4{ color:#fff; font-size:14px; font-weight:600; margin:0 0 0 0; padding:0 0 20px 0; text-transform:capitalize;}
.foot-con{}
.foot-body{}

.foot-con{ display: -webkit-box; display: -ms-flexbox; display:flex; -webkit-box-align:baseline; -ms-flex-align:baseline; align-items:baseline;}
.foot-con strong{ color:#fff; font-size:14px; font-weight:600; margin:0 0 0 0; padding:0 0 3px 0; text-transform:capitalize;}
.foot-con i{ font-size:13px; color:#fff;}
.foot-con span{ font-size:13px; color:#fff;}
.foot-con .foot-body{ padding-left:5px;}
.foot-con .foot-body p{ font-size:13px; color:#fff; font-weight:400; margin:0 0 0 0; padding:0 0 16px 0;}
.foot-con .foot-body p a{ font-size:13px; color:#fff; font-weight:400;}
.foot-body p a:hover{ text-decoration:underline;}

.copyrightcont{ background:#081e50; padding:40px 0;}
.copyleft{}
.copyleft p{ color:#fff; font-size:13px; font-weight:400; margin:0 0 0 0; padding:0 0 0 0;}

.copyright{ text-align:right;}
.copyright p{ color:#fff; font-size:13px; font-weight:400; margin:0 0 0 0; padding:0 0 0 0;}
.copyright a{ color:#fff; font-size:13px; font-weight:400; margin:0 0 0 0; padding:0 0 0 0; transition:all 0.5s;}
.copyright a:hover{ text-decoration:underline;}


/*
red: c3272d
blue: 293a92
font-family: 'Montserrat', sans-serif;
*/


.site_h_r{ text-align:right; line-height:97px;}
.site_h_r ul{}
.site_h_r ul li{ display:inline-block; padding:0 5px; position:relative;}
.site_h_r ul li a{ font-size:21px; display:inline-block; width:42px; transition:0.45s; height:42px; line-height:42px; text-align:center;color:#fff; background:#0f0f0f;}
.site_h_r ul li:first-child a{ font-size:18px;}
.site_h_r ul li:first-child{ padding-left:0px;}
.site_h_r ul li:nth-child(3){ padding-right:0px;}
.site_h_r ul li a:hover{ border-radius:50%; background:#bc1c18; color:#fff;}
.mobile_menus{ display:none !important;}
#mySidenav{ display:none;}


/* seach start */
.searchtop{ text-align: right; padding: 12px 0;}
.searchtop form{ position: relative;}
.searchtop input{ position:relative; width:288px; height:42px; line-height:42px; padding:0 0 0 8px; background:none; outline:none; border:1px solid #2d2d2d; border-radius:3px; font-size:13px; color:#8f8f8f;}
.searchtop button{ position: absolute; right: 12px; top: 10px; z-index: 999; background: none; outline: none; border: none; font-size: 16px; color: #fff;}

/*
red: c3272d
blue: 293a92
font-family: 'Montserrat', sans-serif;
*/




 /*owl slider styline*/
.products_inner:hover{ border-color:#a6a6a6;}
.c_slider_1 .item{ padding:0px 14px;}
.c_slider_1 .owl-nav{display: block !important;}
.c_slider_1 .owl-nav .owl-prev{ position:absolute; top:44%; left:-49px; transform:translateY(-30%);width:46px; height:43px; line-height:43px; border:1px solid #fff; text-align: center;transition: 0.45s;
 color:#1e1e1e; border-radius:4px;}
.c_slider_1 .owl-nav .owl-prev i{ display:block; color:#1e1e1e; font-size:60px; text-align:center; padding:10px 0; transition:0.45s all;}
.c_slider_1 .owl-nav .owl-prev:hover{ color:#f3aa4e;}
.c_slider_1 .owl-nav .owl-prev:hover i{ color:#eb1e27;}
.c_slider_1 .owl-nav .owl-next{ position:absolute; top:44%; right:-49px; transform:translateY(-30%); border:1px solid #fff; width:46px; height:43px; line-height:43px; text-align:center; transition:0.45s; 
 color:#1e1e1e; border-radius:4px;}
.c_slider_1 .owl-nav .owl-next i{display:block; color:#1e1e1e; font-size:60px; text-align:center; padding:10px 0; transition: 0.45s all;}
.c_slider_1 .owl-nav .owl-next:hover i{ color:#eb1e27;}
.c_slider_1 .owl-nav .owl-next:hover{ color:#f3aa4e;}

 /*owl slider styline 2*/
.products_inner:hover{border-color:#a6a6a6;}
.c_slider_2 .item{padding:0px 0px;}
.c_slider_2 .owl-nav{display: block !important;}
.c_slider_2 .owl-nav .owl-prev{ position:absolute; top:44%; left:-49px; transform:translateY(-30%);width:46px; height:43px; line-height:43px; border:1px solid #000; text-align: center;transition: 0.45s;
 color:#fff; border-radius:4px;}
.c_slider_2 .owl-nav .owl-prev i{ display:block; color:#000; font-size:20px; text-align:center; padding:10px 0; transition:0.45s all;}
.c_slider_2 .owl-nav .owl-prev:hover{ background-color:#f3aa4e; color:#fff;border-color: #101010;}
.c_slider_2 .owl-nav .owl-next{ position:absolute; top:44%; right:-49px; transform:translateY(-30%); border:1px solid #000; width:46px; height:43px; line-height:43px; text-align:center; transition:0.45s; 
 color:#fff; border-radius:4px;}
.c_slider_2 .owl-nav .owl-next i{display:block; color:#000; font-size:20px; text-align:center; padding:10px 0; transition: 0.45s all;}
.c_slider_2 .owl-nav .owl-next:hover{ background-color:#f3aa4e; color:#fff; border-color:#101010;}



/*Search*/
.open-search{background:rgba(0,0,0,0.9); position:fixed; top:0px; left:0px; right:0px; z-index:9999; bottom:0px; height:100%;}
.open-search .search-target{position:absolute; top:50%; left:15%; right:15%; text-align:center; transform:translateY(-50%);}
.open-search .search-target form{position:relative;}
.open-search .search-target form input{display:block; padding-left:20px; width:100%; outline:none; border-radius:5px; font-size:16px; height:60px; background:transparent; color:#ffffff; border:none; 
 border-bottom:1px solid #fff; border-radius:0;}
.open-search .search-target form button{ border:none; display:block; outline:none; border-radius:0px 5px 5px 0px; height:60px; position:absolute; top:0px; right:0px;  color:#fff; font-size:17px; 
 background:transparent; padding:0px 40px;}
.open-search .search-target form button:hover{}
.search-wrapper01{position:absolute; top:20px; right:20px; z-index:999; cursor:pointer; padding:10px;}
.search-wrapper01::after{display:block; content:""; background:#fff; height:45px; width:2px; transform:rotate(-45deg);}
.search-wrapper01::before{display:block; content:""; background:#fff; height:45px; width:2px;  transform:rotate(45deg); position:absolute;}
.search-wrapper01:hover::after,
.search-wrapper01:hover::before{background:#f3aa4e;}
/******************************************/


/*
red: c3272d
blue: 293a92
font-family: 'Montserrat', sans-serif;
*/

.moblink{ display:none;}





/* responsive start here */


@media screen and (min-width: 1700px) {
  .container-lg { max-width: 1600px; margin:0 auto;}
}

@media screen and (max-width: 1699px) {
  .container-lg { max-width: 100%;}
}

@media screen and (max-width: 1200px) {
.top_nav_items ul li a{ padding:0 8px;}
.home_abot_text h2 { font-size: 37px;}
.about_left ul li { /* min-width: 160px; */ min-height: 121px;}
.service_list {padding: 70px 25px 50px 25px;}
.service_list h6 { min-height: 106px;}

}

@media (max-width: 992px) {
/*menu css*/
.mobile_menus i{ font-size:18px; color:#fff; background:#ec2024; padding:8px 9px; border-radius:50px;}
.navcontmain{ position:static;}
.navcont{display: none;}
.mobile_menus {display: inline-block !important;}
#mySidenav {display: block;}
#mySidenav { display: block;}
.sidenav { height: 100%; width: 0; position: fixed; z-index: 9999; top: 0; right: 0; background-color: #000; overflow-x: hidden; transition: 0.5s; padding-top: 60px;}
#mySidenav li{list-style: none !important;}
.sidenav hr {margin: 0;border-color: #1e4145;}
.sidenav a { padding: 8px 8px 8px 32px;text-decoration: none; font-size: 13px; color: #aaa; display: block; text-transform: uppercase; transition: 0.3s; font-weight: 400;letter-spacing: 0.5px;}
.sidenav a:hover{ color:#bc1c18;}
.sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;}
.mobile_menus{ float:right; margin:21px 12px 0 0px;}
.mobile_menus a{ padding: 0px; float: left;}
.searchcont .cart22{ font-size:20px; float: left;}
.cart_liust ul li:last-child a { width: 35px; height: 35px; line-height: 35px; border: 0px solid #fff; padding: 0px; text-align: center; margin-left: 11px; border-radius: 50%; transform: translateY(0px); 
 transition: 0.45s;}
.dropdown { position: relative;}
.dropdown-menu{ display: none;}
.toggle, .dropdown-menu { width: 100%;}
.is-active .dropdown-menu { display: block;}
.dropdown { position: relative; line-height: 18px;}
.my_drop{position: static;background: #000;}
.my_drop li{ background: #272727; color:#fff; border:0px; border-bottom:1px solid #5d5d5d; margin-bottom:0px;text-transform:uppercase; padding:10px 15px 10px 50px;font-size: 13px;letter-spacing: 0.5px;
 cursor: pointer; transition: 0.45s;}
.my_drop li:hover{background: #fff;color: #000;}
.catlink{ display:none;}

 }
/*menu css*/


@media screen and (max-width: 768px) {

.toptext{ text-align:center;}
.topsocial{ display:none;}
.top_nav_items ul{ display:none;}
.shortaboutcont{ padding:20px 0;}
.shortaboutleft{ padding:0 0 20px 0;}
.shortaboutright h2{ font-size:25px;}
.custom-flex{ flex-direction: column !important;}
.cate_main .inner-cate{ padding:20px}
.cate_main .inner-cate .cate-name a{ margin:0 0 15px 0;}
.cate_main{ padding: 0 0 20px 0;}
.whychooscont{ padding:20px 0;}
.featurecont{ padding:20px 0;}
.featureheaidng h4{ font-size:25px;}
.certificatescont{ padding:20px 0px;}
.mar-pad-4{ padding:0 3px}
.crti{ padding:0 0 6px 0;}
.usefull{ padding:10px 0;}
.copyleft p{ text-align:center; font-size:12px;}
.copyright{ text-align:center;}
.copyrightcont{ padding:20px 0;}
.footeradress{ padding:20px;}




.c_slider_1 .owl-nav .owl-next{ display:none;}
.c_slider_1 .owl-nav .owl-prev{ display:none;}

.c_slider_2 .owl-nav .owl-next{ display:none;}
.c_slider_2 .owl-nav .owl-prev{ display:none;}

.moblink{ display:block; text-align: center; margin:6px 0; border-top:1px solid #e8e8e8;}
.moblink ul{ margin:0; padding:0;}
.moblink ul li{ list-style:none; display:inline-block; margin:0 0 0 0px; padding:0 0 0 0px;}
.moblink ul li a{ font-size:16px; color:#000; background:#fff; display:inline-block; width:32px; line-height:32px; height:32px; text-align:center;
 margin:0 0 0 0px; padding:0 0 0 0px; transition:all 0.5s;}
.moblink ul li a:hover{ background:#293a92; color:#fff;}


}
