@charset "utf-8";
@font-face{font-family:OpenSans;src: url('open-sans.ttf'),url('Sansation_Light.eot'); /* IE9 */}
@font-face{font-family:Muli;src: url('muli-light-unhinted.ttf'),url('Sansation_Light.eot'); /* IE9 */}
@font-face{font-family:Roboto;src: url('roboto-regular_0.ttf'),url('Sansation_Light.eot'); /* IE9 */}
@font-face{font-family:Lato;src: url('lato-regular.ttf'),url('Sansation_Light.eot'); /* IE9 */}
body,html{width:100%;height:100%;font-family:Lato;}

.section{width:100%;height:auto;float:left;}
.shiro{display:none;}
.i-transform{transform: rotate(90deg);}
.ofhidden{overflow: hidden;}
.a-btn{padding:10px 0;padding-left: 25px;padding-right:0px; background: #3daf00;color: #fff;text-transform: uppercase;font-size: 16px;text-decoration: none;font-weight: bold;border-radius: 5px;transition: all 0.3s;}
.a-btn:hover{background: #45bd04; padding-left: 20px;transition: all 0.3s;}
.a-btn:after{content: ">";opacity: 0; margin-left:5px;margin-right: 10px; transition: all 0.3s;}
.a-btn:hover:after{content: ">";opacity: 1; margin-left: 15px;margin-right: 15px;transition: all 0.4s;font-family: cursive;}
.hover-box .hvr-float .ofhidden img{transition: all 0.4s;}
.hover-box .hvr-float:hover .ofhidden img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transition: all 0.4s;}
.title-box{text-align: center;}
.title-box .h1{font-size: 36px;color:#23387f;font-family:Muli;text-transform: uppercase;}
.h3{font-size: 24px;color:#333;font-weight: bold;margin-bottom: 3%;}
.h5{font-size: 16px;color:#888;margin-bottom: 3%;}

.banner{background: #f2f3f8;padding:2% 0;background: linear-gradient(to bottom,#f2f3f8 81%,#e1e3ef 117%);}
.banner .col-md-6 img{width: 100%;}
.banner .text-box{text-align:left;}
.banner .text-box .h1{font-size: 36px;color:#23387f;font-family:Muli;}
.banner .text-box p{font-size: 16px;color:#1c1c1b;width: 80%;margin: 3% 0;}
.banner .text-box a{display: block;cursor: pointer;text-decoration: none;}
.banner .carousel-indicators{bottom: -6%;}
.banner .carousel-indicators li{margin:0 10px;width: 10px;height: 10px;border-radius: 50%;background-color: #39a7ee;opacity: 1;}
.banner .carousel-indicators li.active:before{border-radius: 50%;content: ".";display: block;margin-top: -5px;margin-left: -5px;width: 20px;height: 20px;border: 1px solid #39a7ee;background: none;}

.our-capabilities{padding: 2% 0;background: #f7f7f7;}
.our-capabilities .title-box{margin-bottom: 10px;}
.our-capabilities .col-md-4{padding:2% 3%;}
.our-capabilities .hvr-float{border-bottom: 1px solid #8c96ba;}
.our-capabilities .hvr-float .text-box{padding:10px 0;}
.our-capabilities .hvr-float .text-box h3{margin-bottom: 15px;margin-top: 10px;color:#23387f;font-size: 24px;text-align: center;}
.our-capabilities .hvr-float .text-box dd dl{margin-bottom: 0px;font-size: 16px;text-align:center;}
.our-capabilities a{color:#333;text-decoration: none;}

.manufacturing-partner .title-box{padding: 1% 0;}
.manufacturing-partner .row{margin: 0;padding: 0;background:#23387f;}
.manufacturing-partner .row .col-md-6{padding:0;position: relative;}
.manufacturing-partner .row .col-md-6 .iconplay{animation-name:gificonplay;animation-iteration-count:infinite;animation-timing-f3unction:ease-in;animation-duration: 4s;position: absolute;right: 3%;bottom: 20%;z-index: 100;border: 1px solid rgb(61 175 0 / 0%);padding: 8px;border-radius: 50%;cursor: pointer;}
@keyframes gificonplay{
0% {border: 1px solid rgb(61 175 0 / 20%);}
50% {border: 1px solid rgb(61 175 0);}
100% {border: 1px solid rgb(61 175 0 / 20%);}
}
.manufacturing-partner .row .col-md-6:nth-child(2){padding: 3%;padding-left: 2%;}
.manufacturing-partner .row .col-md-6:nth-child(2) img{width: 28%;}
.manufacturing-partner .card-box h3{font-size: 18px;color:#fff;margin-bottom: 2%;font-family:Muli;}
.manufacturing-partner .card-box hr{height: 2px;border:none;background: #5eb132;width: 10%;margin:0;margin-bottom: 2%;}
.manufacturing-partner .card-box h5{font-size: 23px;color:#fff;}
.manufacturing-partner .card-box h6{font-size: 14px;color: #aaafc6;margin-bottom: 2%;}
.manufacturing-partner .card-box p{font-size: 16px;color:#fff;width: 100%;}
.manufacturing-partner .card-box .row{padding:0;margin:0;text-align: center;margin-top:5%;width: 100%;margin-left: -8%;}
.manufacturing-partner .card-box .row .col-md-3{padding:2%;}
.manufacturing-partner .card-box .row .col-md-3:before{content: " ";display: inline-block;width: 40px;height: 80px;position: absolute;z-index:50;top: 10%;right: -7%;background: url(../images/lx.png);background-size: cover;}
.manufacturing-partner .card-box .row .col-md-3:last-child:before{display: none;}
.manufacturing-partner .card-box .row .text-box{text-align: center;margin-top: -20%;}
.manufacturing-partner .card-box .row .col-md-3 img{width: 35%;margin:auto;}
.manufacturing-partner .card-box .row .text-box h3{font-size: 29px;font-weight: bold;color:#fff;margin-bottom: 5px;}
.manufacturing-partner .card-box .row .text-box h3 span{font-size: 14px;margin-left: 5px;font-weight:inherit;}
.manufacturing-partner .card-box .row .text-box p{font-size: 14px;color: #aaafc6;width: 100%;margin-bottom: 0;}
#grefeeVideo{background: rgb(0 0 0 / 0.7);}
#grefeeVideo .modal-dialog{max-width: 60%;}
#grefeeVideo .modal-body{position: relative;padding: 0;box-shadow: 0px 0px 48px 16px rgb(0 0 0 / 0.7);}
#grefeeVideo .modal-content{background-color: none;}
#grefeeVideo .modal-body .close{position: absolute;right: -5%;top: 0%;z-index: 9999;opacity: 0.8;transition: all 0.3s;border: none;}
#grefeeVideo .modal-body .close span{color: #f7b809;opacity: 1;font-size: 40px;font-family: cursive;}
#grefeeVideo .modal-body .close:hover{transform: rotate(180deg);transition: all 0.3s;opacity: 1;}
#grefeeVideo .embed-responsive{background: #000;}

.rapid-delivery .title-box{padding-top:3%;}
.rapid-delivery .row{text-align:center;}
.rapid-delivery .row .col-md-4{padding:3%;}
.rapid-delivery .row .card-box h3{font-size: 26px;color:#23387f;font-weight: bold;margin-bottom: 2%;font-family:Muli;margin-top: 5%;}
.rapid-delivery .row .card-box h4{font-size: 20px;color:#1f1f1f;margin-bottom: 3%;}
.rapid-delivery .row .card-box p{margin-bottom: 0;color:#777;font-size: 16px;}
.rapid-delivery a{margin-bottom: 4%;text-decoration: none;}
.rapid-delivery a .a-btn{margin:auto;}

.partner{background: #f7f7f7;padding-bottom: 3%;}
.partner .title-box{padding: 2% 0;}
.partner .row{text-align:center;}
.partner .row .col-md-3{padding:2% 3%;}

.companies-information{padding:2% 0;}
.companies-information .col-md-4{padding:2% 3%;}
.companies-information .col-md-4 .hvr-float .txtbox{border-bottom: 1px solid #919bbf;}
.companies-information .col-md-4 .hvr-float a{text-decoration: none;}
.companies-information .col-md-4 .hvr-float h3{font-size: 22px;color:#23387f;margin-bottom: 7%;font-family:Muli;text-align: center;font-weight: bold;}
.companies-information .col-md-4 .hvr-float h4{font-size: 18px;color:#23387f;margin: 4% 0;text-align: center;}
.companies-information .col-md-4 .hvr-float p{font-size: 16px;color:#666;text-align: center;}

.clients-message{position: relative;}
.clients-message .clientsmessage{width: 100%;position: absolute;left: 0;top: 0;height: 100%;z-index: 99;align-items: center;display: flex;text-align: center;}
.clients-message .clientsmessage-zz{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 98;background: rgb(13 41 95 / 70%);}
.clients-message .clients-message-bg{position: relative;z-index: 97;margin: auto;width: 100%;}
.clients-message #clientsMessage{margin:auto;padding: 0 6%;}
.clients-message #clientsMessage .carousel-control-prev,.clients-message #clientsMessage .carousel-control-next{width: 50px;height: 50px;border-radius: 50%;border: 1px solid #fff;background-color: #fff0;margin-top: 2%;}
.clients-message #clientsMessage .text-box{color:#fff;}
.clients-message h3{font-size: 36px;color:#fff;font-family:Muli;text-transform: uppercase;margin-bottom: 3%;}
.clients-message #clientsMessage .text-box p{font-size: 18px;}
.clients-message .userbox h4{font-size: 24px;color:#fff;margin-left: 10px;}
.clients-message .userbox p{font-size: 16px;color:#ccc;margin-left: 10px;margin-bottom: 0;}

.connect{padding:4% 0;background: #f7f7f7;display: block !important;}
.connect .title-box{margin-bottom: 2%;}
.connect .a-btn{border:none;padding-top: .375rem;padding-bottom: .375rem;}
.homecontact{background: #23387f;padding:10px;}
.homecontact a{display: block;color:#fff;font-size: 18px;margin: 0 2%;text-decoration: none;transition: all 0.3s;cursor: pointer;}
.homecontact a i{margin-right:5px;}

.social-media{position: fixed;z-index: 122;top: 30%;}
.social-media a{display: block;color:#fff;width: 50px;height: 50px;line-height: 50px;text-align: center;cursor: pointer;transition: all 0.4s;}
.social-media a i{margin: 0;padding: 0;}
.social-media a:hover{transition: all 0.4s;background: rgb(93 125 235 / 80%);}
.social-media .leftbox{background: rgb(7 15 43 / 0.8);margin-left:0px;transition: all 0.4s;position: relative;}
.social-media .rightbox{position: absolute;top: 42%;right: -24px;width: 24px;height: 50px;align-items: center;display: flex;text-align: center;z-index: 99;border-top-right-radius: 10px;border-bottom-right-radius: 9px;background: rgb(7 15 43 / 0.8);cursor: pointer;transition: all 0.4s;}
.social-media .rightbox i{color:#fff;font-size: 12px;transition: all 0.4s;margin: auto;}
.social-media .rightbox:hover i{font-size: 14px;transition: all 0.4s;}
.social-media .hiddonf{margin-left:-50px;transition: all 0.4s;}
.social-media .click-off{display: none;}
.social-media .click-on{display: block;}
.social-media .hiddonf .click-on{display: none;}
.social-media .hiddonf .click-off{display: block;}



.contact .lm-banner{background: #f7f7f7;padding:6% 0;}
.lm-banner .h1{font-size: 36px;color: #ffffff;font-family:Muli;text-transform: uppercase;}
.lm-banner .position,.lm-banner .position i{color:#ccc;}
.lm-banner .position a,.lm-banner .position i{color: #ccc;transition: all 0.3s;font-size: 15px;}
.lm-banner .position a:hover{color:#fff;letter-spacing: 1px;transition: all 0.3s;cursor: pointer;}
.contact-information{background:url(../../../uploads/home/contactbg1.jpg) no-repeat center 0;padding:2% 0;}
.contact-information .title-h1{font-size: 30px;color:#333;margin-bottom: 10px;}
.contact-information dl dd{margin-right: 2%;}
.contact-information dl dd a{font-size: 16px;font-weight: bold;color:#366eb5;}

.inquiry a{display: block;}
.inquiry a span{padding: 20px 30px;background: #23387f;color:#fff;font-size: 16px;text-transform: uppercase;cursor: pointer;transition: all 0.3s;}
.inquiry a span:hover{background: #3c56af;transition: all 0.3s;}
.inquiry a span i{margin-right: 5px;transition: all 0.3s;}
.inquiry a span:hover i{margin-right:10px;transition: all 0.3s;}
.inquiry .input-box{padding:20px;background: #fff;justify-content: space-start;display: flex;}
.inquiry .input-box i{margin-right: 10px;color:#666;}
.inquiry .input-box input,.inquiry .input-box textarea{border:none;}
.inquiry .form-control{border-radius: 0;background-color:#f1f1f1;padding: 20px 10px;margin-bottom: 10px;}
.inquiry .input-box textarea{padding: 10px;}
.inquiry .col-md-12 .form-group{background: #f1f1f1;padding: 8px;border-radius: 0;}
.inquiry .form-control-file,.inquiry .form-control-range{color: #888;font-size: 14px;}
.inquiry .mescon input::-webkit-input-placeholder,.inquiry textarea::-webkit-input-placeholder{color:#f44242;font-size: 14px;}
.inquiry .col-md-12 i{margin-top: 15px;}
.inquiry h5{font-size: 15px;color: #ec1717;}
.inquiry button{padding: 1% 6%;background: #23387f;color:#fff;font-size: 16px;text-transform: uppercase;cursor: pointer;transition: all 0.3s;border:none;}
.inquiry button:hover{background: #3c56af;transition: all 0.3s;}
.inquiry .row .col-md-6,.inquiry .row .col-md-12{margin-bottom: 2%;}
.inquiry .message{padding: 16px 10px;}
.inquiry .send-btn{width: 100%;padding:8px;}
.inquiry .w-100{margin-top: 14px;margin-top: 25px;}
.inquiry .mescon p{color:#333;font-size: 16px;}
.contact-bottom .title-h1{font-size: 30px;margin-bottom: 20px;}
.contact-bottom-yy a{color:#666;font-size: 16px;margin-bottom: 5px;}
.contact-bottom-yy p{margin-bottom: 4px;}
.contact-bottom-yy p a{color:#3daf00;font-size: 16px;}
.contact-bottom-yy a b{color:#333;}

.about-article .title-h1{font-size: 30px;color:#333;font-weight: bold;margin-bottom: 20px;text-align: center;}
.about-article .title-h3{font-size: 18px;color:#666;margin-bottom: 50px;}
.about-article-box .row .col-md-6{padding:1% 3%;}
.about-article-box .conbox .title-h3{text-align: center;margin-bottom: 10px;}
.about-article-box .conbox .title-h3 a{font-size: 25px;color:#333;font-weight: bold;}
.about-article-box .conbox p{color:#666;font-size: 16px;margin-top: 10px;}

.article-all .py-md-5{padding-top:3% !important;padding-bottom: 3% !important;}
.article-all .colnum-ban .ofhidden{position: relative;}
.article-all .colnum-ban .ofhidden img{width: 100%;}
.article-all .colnum-ban .ofhidden .banzz{position: absolute;top: 0;left: 0;width: 100%;height: -webkit-fill-available;background: rgba(0, 0, 0, 0.2);}
.article-all .colnum-ban .ofhidden .banzz2{position: absolute;top: 0;left: 0;width: 100%;height: -webkit-fill-available;background: rgba(0, 0, 0, 0.4);}
.article-all .colnum-ban .ofhidden .colbox{position: absolute;bottom:40%;text-align: left;}
.article-all .colnum-ban .ofhidden .colbox .title-h3{color: #fff;text-transform: uppercase;font-size: 26px;font-weight: bold;margin-bottom: 5px;}
.article-all .colnum-ban .ofhidden .colbox .title-p{margin-bottom: 15px;font-size: 16px;color:#fff;}
.article-all .colnum-ban .ofhidden .colbox a,.article-all .colnum-ban .ofhidden .colbox .a-btn{text-decoration: none;font-size: 15px;}
.article-all .colnum-ban .colurl{position: absolute;right:0; bottom: 10px;}
.article-all .colurl,.article-all .colurl a,.article-all .colurl i{color:#fff;transition: all 0.3s;font-size: 15px;}
.article-all .colurl a:hover{color:#8ee75e;letter-spacing: 1px;transition: all 0.3s;cursor: pointer;}
.article-all .colnum-ban .txtbox{position: absolute;bottom:38%;text-align: center;}
.article-all .colnum-ban .txtbox .title-h3{color:#fff;font-size: 30px;font-weight: bold;}
.article-all .colnum-ban .txtbox .colurl{position: relative;}
.article-all .txtbox .colurl a, .article-all .txtbox .colurl i{color:#ddd;}

.article-all .txtbox .title-h3{font-size: 22px;color:#333;font-weight: bold;margin-bottom: 15px;}
.article-all .txtbox .title-p{color:#666;font-size: 16px;line-height: 24px;margin-bottom: 10px;}
.services .txtbox ul{font-size: 16px;color:#666;margin-bottom: 6px;}
.services .row{margin-bottom:5%;}
.color-bule{color:#9284de;}
.all-contact{background:url(../../../uploads/home/contactbg.jpg) no-repeat center 0;}
.all-contact .title-h3{font-size: 25px;color: #7d7d60;margin-bottom: 15px;}
.all-contact a{text-decoration: none;cursor: pointer;background: rgb(100 196 49);padding: 10px 30px;font-size: 18px;border-radius: 30px;color: #fff;border: 8px solid rgba(243, 255, 239, 0.6);transition: all 0.5s;}
.all-contact a:hover{background: rgb(100 196 49 / 0.5);border: 8px solid rgba(255, 255, 255, 0.53);transition: all 0.5s;}
.services a{text-decoration: none;}
.services .prev-next{position: absolute;width: 100%;left: 0;bottom: 50px;justify-content: space-between!important;display: flex!important;}
.services .prev-next .carousel-control-prev{background: #fff;display: block;width: 50px;line-height: 60px;height: 50px;opacity: 0.8;text-align: center;}
.services .prev-next .carousel-control-next{background: #fff;display: block;width: 50px;line-height: 60px;height: 50px;opacity: 0.8;text-align: center;}
.services .carousel-control-prev-icon,.article-about .carousel-control-next-icon{width: 40px;height:40px;}
.services .prev-next a i{color: #7b664f;font-size: 25px;}
.services .row .col-md-6:nth-child(odd){padding-right: 3%;}
.services .row .col-md-6:nth-child(even){padding-left: 3%;}
.past-projects{background: #f5f5f5;}
.past-projects .hvr-float{padding:2%;}
.past-projects .hvr-float .txtbox{background: #fff;box-shadow: 0px 1px 5px 0px rgb(204 204 204 / 0.3);transition: all 0.3s;}
.past-projects .hvr-float:hover .txtbox{box-shadow: 0px 5px 10px 0px rgb(204 204 204 / 0.6);transition: all 0.3s;}
.past-projects .hvr-float .txtbox p{font-size:16px;color:#666;padding:10px;margin-bottom: 0;}
.past-projects .pc-justify-end a,.past-projects .pc-justify-end i{color:#333;text-decoration: none;}
.past-projects .pc-justify-end a span{transition: all 0.3s;}
.past-projects .pc-justify-end a:hover span{margin-left: 10px; transition: all 0.3s;}

.colnum-list .title-h1{font-weight: bold;font-size: 30px;color:#333;}
.colnum-list .title-p{font-size: 16px;color:#666;}
.colnum-list .hvr-float{padding:2%;}
.colnum-list .hvr-float .conbox{box-shadow: 0px 0px 2px 0px #ccc;}
.colnum-list .hvr-float:hover .conbox{box-shadow: 0px 0px 2px 0px #ccc;}
.colnum-list .hvr-float .conbox .txtbox{padding: 10px;}
.colnum-list .hvr-float .conbox .txtbox .title-h3{font-size: 20px;font-weight: bold;color:#333;margin-bottom: 5px;height: 53px;overflow: hidden;line-height: 25px;}
.colnum-list .hvr-float .conbox .txtbox .title-p{font-size: 16px;color:#666;height: 80px;overflow: hidden;line-height: 25px;}
.colnum-list .hvr-float .conbox .txtbox a{text-decoration: none;}
.colnum-list .hvr-float .conbox .txtbox a .a-btn{padding-top: 8px;padding-bottom: 8px;font-size: 14px;border-radius:0;width: 100%;text-align: center;}
.all-form{background: #f9f9f9;}
.all-form input{padding:6px 16px;}
.all-form button{background: #3daf00;color:#fff;border:none;padding:6px 30px; text-transform: uppercase;}

.article-all .faq-ul{list-style: none;font-size: 16px;width: 100%;}
.article-all .faq-ul h6{background: #fff9fa;color: #333;}
.article-all .faq-ul .clickbg{background: #23387f;color: #fff;}
.article-all .faq-ul .hvr-float:hover{transition: all 0.5s;box-shadow: 0px 2px 6px 0px #e8e8e8;}
.article-all .faq-ul .flip{border:1px solid #eee;width: 100%;cursor: pointer;text-align: left;box-shadow: 0 1px 1px 0 rgba(37, 60, 126, 0.01);}
.article-all .faq-ul .flip .span-tb::before{content: " ";display: inline-block;width: 24px;height: 24px;z-index:50;top: 5px;right: 10px;background: url(../images/plus.png);background-size: cover;}
.article-all .faq-ul .flip .span-tb2::before{content: " ";display: inline-block;width: 24px;height: 24px;z-index:50;top: 5px;right: 10px;background: url(../images/minus.png);background-size: cover;}
.article-all .faq-ul .flip .span-tbb::before{content: " ";display: inline-block;width: 24px;height: 24px;z-index:50;top: 5px;right: 10px;background: url(../images/minus.png);background-size: cover;}
.article-all .faq-ul .flip .span-tbb2::before{content: " ";display: inline-block;width: 24px;height: 24px;z-index:50;top: 5px;right: 10px;background: url(../images/plus.png);background-size: cover;}
.article-all .faq-ul .flip .panel{display: none;padding:20px;}
.article-all .faq-ul .flip .panel p{font-size: 16px;color:#666;}
.article-all .faq-ul .flip:nth-child(1) .panel{display: block;}

.colnum-article h3{font-size: 25px;font-size: 30px;font-weight: bold; color:#333;}
.colnum-article p{font-size: 16px;color:#666;line-height: 24px;}
.product-list .txtbox .title-h3{margin: 5px 0;}
.product-list .txtbox .title-h3 a{font-size: 25px;font-weight: bold; color:#333;text-decoration: none;}
.product-list .txtbox .title-p a{color:#666;font-size: 16px;text-align: center;margin-top: 10px;text-decoration: none;}
.product-list .txtbox a{text-decoration: none;}
.product-list .txtbox a .a-btn{font-size: 14px;width: 100%;text-align: center;}
.product-list .row .col-md-4{padding: 2%;}
.product-article-top ul{margin: 0;list-style: none;padding-left: 0;font-size: 16px;line-height: 26px;color: #666;}
.product-article-top ul li{word-break:break-all;}
.product-article-top .carousel-indicators{bottom: 10%;}
.proconvideo .carousel-indicators,#carouselServicesOne .carousel-indicators,#carouselServicesTwo .carousel-indicators{bottom: -14%;}
.product-article-top .carousel-indicators li,.proconvideo .carousel-indicators li,#carouselServicesOne .carousel-indicators li,#carouselServicesTwo .carousel-indicators li{margin: 0 5px;width: 12px;height: 12px;border-radius: 50%;background-color: #666;opacity: 1;}
.product-article-top .carousel-indicators li.active,.proconvideo .carousel-indicators li.active,#carouselServicesOne .carousel-indicators li.active,#carouselServicesTwo .carousel-indicators li.active{background-color: #f78102;}
.pro-screening .row .col-md-12.active a{border:1px solid #3daf00;color:#3daf00;;}
.pro-screening .row .col-md-12 a{width:93%;font-size: 0.9rem;background: #fff;color:#666;border:1px solid #d1e0ef;margin: 5px 0;}
.pro-screening .row .col-md-12 a:hover{border-color: #62a73d;background: #76d146;color:#fff;}
.pro-screening .row .col-md-12 .active{border-color: #83a7ad;background: #91d2dc;color:#fff;}
.pro-introduction{line-height:180%;}
.pro-screening .card .card-header{background: #23387f;color:#fff;}
.listbox .hvr-float a{font-size: 16px !important;color: #666 !important;font-weight: initial !important;} 
.listbox .hvr-float .title-h3{text-align: center;background: #faf4f4}
.listbox .hvr-float .title-h3 a{display: block;padding: 5px;}

.pro-introduction .title-h1{font-size: 30px;color: #23387f;font-weight: bold;}
.pro-introduction .title-p p{font-size: 18px;color:#666;line-height: 24px;}
.pro-introduction hr{height: 4px;border:none;background: #5eb132;width: 20%;margin:0;margin-bottom: 3%;}
.pro-article.bg1{background: #f9f9f9;}
.pro-article.bg2{background:url(../../../uploads/industries/artbg.jpg);padding: 4% 0;}
.pro-article.bg2 .title-h3{color:#fff;font-size: 30px;text-align: center;font-weight: bold;margin-bottom: 20px;}
.pro-article.bg2 .title-p{width: 70%;text-align: center; margin:auto; font-size: 18px;line-height: 30px; color:#fff;}
.pro-article a{cursor: pointer; text-decoration: none; display: block;text-align: center;padding:8px;margin: 8px 0;font-size: 16px;border:1px solid #ccc;color:#23387f;background: #fff;transition: all 0.3s;}
.pro-article a:hover{transition: all 0.3s;color:#3daf00;border: 1px solid #3daf00;}
.pro-article h3{font-size: 30px;color: #23387f;font-weight: bold;margin-bottom: 0;}
.pro-article ul{font-size:16px;color:#666;}
.proarticlebox .pro-introduction .title-h1{font-weight: inherit;margin-bottom: 10px;padding-bottom: 10px;border-bottom:1px solid #eee;}

.page21 .title-h3{font-weight: bold;font-size: 30px;color:#333;margin-bottom: 1%;}
.page21 .title-p{font-size: 16px;color:#666;margin-bottom: 3%;}
.page21 .conbox .col-md-6{margin-bottom: 5%;}

.page22 h4{color: #333;font-size: 25px;font-weight: bold;margin-bottom: 5px;}
.page22 p{margin-bottom: 15px;font-size: 16px;color:#666;}
.mission-and-vision{font-size: 18px;color:#666;}
.mission-and-vision h3{font-size: 30px;color:#333;text-align: center;font-weight: bold;margin-bottom: 3%;}
.mission-and-vision h4{font-size: 22px;color:#666;text-align: center;width: 50%;margin:auto;line-height: 30px;}
.mission-and-vision.bg1{background: #333e48;color:#fff;}
.mission-and-vision.bg1 h3{text-align: center;color:#fff;margin-bottom:3%;}
.mission-and-vision.bg1 .col-md-6{margin-bottom: 10px;}
.mission-and-vision.bg2{background: #f5f5f5;}
.mission-and-vision.bg2 h5{font-size: 22px;color:#666;text-align: center;margin:auto;line-height: 30px;}
.mission-and-vision .img1{width: 60%;margin:auto;}
.about-article .team h3{font-size: 30px;color:#333;font-weight: bold;margin: 2% 0;}
.about-article .team p{font-size: 16px;color:#666;}
.about-article .team .col-md-4{padding: 2%;}
.about-article .team .conbox h3{font-size: 22px;color:#333;margin:10px 0;}
.visit h3{font-size: 30px;color:#333;font-weight: bold;margin: 2% 0;}
.visit p{font-size: 16px;color:#666;}
.visit .mescon{margin-top: 3%;}
.visit .mescon .col-md-4{padding:1%;}
.visit .mescon h4{font-size: 18px;color:#333;}
.visit .mescon input,.visit .mescon textarea{font-size: 14px;}
.visit .mescon p{font-size: 16px;color:#666;}
.visit .a-btn{border:none;}
.visit .w-100{margin: 3% 0;}

.colnum-ul{background: #fff; box-shadow: 0 15px 15px 1px rgba(238, 238, 238, 0.4);}
.colnum-ul ul li{display: block;width: 100%;transition: all 0.3s;}
.colnum-ul ul li:hover{background: #f9f5f5;transition: all 0.3s;}
.colnum-ul ul li a{transition: all 0.3s;display: block;text-align: center;border-right:1px solid #eee;color:#888;text-decoration: none;padding:12px 0;font-size: 16px;}
.colnum-ul ul li:last-child a{border-right:0;}
.colnum-ul ul li:hover a{transition: all 0.3s;font-weight:bold;color:#444;}

.pagination li .page-link{position: relative;display: block;padding: .5rem .75rem;margin-left: -1px;line-height: 1.25;color: #3daf00;background-color: #fff;border: 1px solid #3daf00;}
.pagination .active .page-link{background: #3daf00;border-color: #3daf00;color:#fff;font-weight: initial;}
.pagination li .pageinfo{position: relative;display: block;padding: .5rem .75rem;margin-left: -1px;line-height: 1.25;color: #6c757d;background-color: #fff;border: 1px solid #dee2e6;}
.page-item.disabled .page-link{border-color: #3daf00;color: #3daf00;}
.pagination li .page-link:hover{color:#162b73;border-color: #3daf00;}
.prenext{margin-top: 6%;padding:0;padding-top: 2%;border-top: 1px solid #eee;font-size: 16px;list-style: none;font-weight: bold;}
.prenext a{color: #666;text-decoration: none;font-weight: 500;font-size: 15px;margin-left: 5px;}
.prenext a:hover{color: #ff0101;text-decoration: underline;}

.gotop{position: fixed;right:20px;bottom: 60px;z-index: 999;cursor: pointer;text-align: center;}
.gotop i{width: 40px;height: 40px;line-height: 40px;border-radius: 50%;color: #fff;font-size: 1.5rem;background: #3daf00;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;}
.gotop i:hover{transform: translateY(-5px);box-shadow: 0 5px 20px 0 rgb(241 97 38 / 50%);}

.footer{padding: 3% 0;background: #292929;color:#999;position: relative;z-index: 2;}
.footer .container-hsf{position: relative;z-index: 2;}
.footmap{position: absolute;left: 0;bottom: 10%;opacity: 0.5;z-index: 1;}
.footer .col-foot{-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
.footer h3{font-size: 24px;color:#808080;margin-bottom: 15px;}
.footer dl dd,.footer a,.footer p{font-size: 16px;color:#ccc;transition: all 0.4s;cursor: pointer;margin-bottom: 5px;}
.footer dl dd:hover,.footer a:hover{color:#fff;transition: all 0.4s;letter-spacing: 1px;}
.footer a{color:#ccc;text-decoration: none;transition: all 0.4s;cursor: pointer;}
.footer p:hover{color:#fff;transition: all 0.4s;}

.pcarousel .embed-responsive{display: none;}
#lbOverlay{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer}
#lbBottomContainer,#lbCenter{position:absolute;z-index:9999;overflow:hidden;background-color:#fff}
.lbLoading{background:#fff url(../images/loading.gif) no-repeat center}
#lbImage{position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat}
#lbNextLink,#lbPrevLink{display:block;position:absolute;top:0;width:50%;outline:0}
#lbPrevLink{left:0}
#lbPrevLink:hover{background:transparent url(../images/prevlabel.gif) no-repeat 0 15%}
#lbNextLink{right:0}
#lbNextLink:hover{background:transparent url(../images/nextlabel.gif) no-repeat 100% 15%}
#lbBottom{color:#666;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none}
#lbCloseLink{display:block;float:right;width:66px;height:22px;background:transparent url(../images/closelabel.gif) no-repeat center;margin:5px 0;outline:0}
#lbCaption,#lbNumber{margin-right:71px}
#lbCaption{font-weight:700}
.zoomWindowContainer div{margin-left: 20px;}

.contact .lm-banner{background:#fff url(../images/contact-bg2.jpg) no-repeat center center;}
@media (min-width:768px){
	.container-hsf{width: 76%;margin:auto;max-width: 1300px;}
	.banner,.colnum-ban,.lm-banner{margin-top: 14vh;}
	.clients-message #clientsMessage{width: 70%;}
	.pc-align-items{align-items: center;display: flex;}
	.pc-align-items-end{display: flex;-ms-flex-align: end;align-items: flex-end;}
	.pc-justify-end{justify-content: flex-end;display: flex;}
	.pc-justify-between{justify-content: space-between;display: flex;}
	.pc-justify-around{justify-content: space-around;display: flex;}
	.pc-justify-start{justify-content: space-start;display: flex;}
	.pc-justify-center{justify-content: center;display: flex;}
	.pc-justify-baseline{align-items: baseline;display: flex;}
	
	.colnum-ul ul{display: flex;justify-content: space-between;list-style: none;}
	.navbom .logo img{width: 75%;margin-top: 6%;}
	.app-down{display: none;}
	.navbar-toggler{display: none;}
	.navbom .logo{position: absolute;left: 0;z-index: 300;}
	.footer .col-foot{padding:0 12px;}
	.all-form .row,.connect .mescon{margin-left: 10%;}
	.product-article-top .protitle-h1{font-size: 30px;color: #23387f;font-weight: bold;margin-top: 12%;}

}
@media (max-width:768px){
	.container-hsf{width: 90%;margin:auto;}
	.banner,.colnum-ban{margin-top:16vh;}
	.app-align-items{align-items: center;display: flex;}
	.title-box .h1{font-size: 26px;}
	.a-btn{padding:8px 12px;font-size: 14px;}
	.app-disnone{display: none;}

	.navtop .pc-justify-end{justify-content: space-between;display: flex;}
	.navtop .nav-link{padding:5px;}
	.navbom{padding-top:15px;padding-bottom: 10px;}
	.navbom .pc-justify-between{justify-content: space-between;display: flex;}
	.navbom .logo{text-align: center;}
	.navbom .logo img{width: 70%;}
	.navbom i{font-size: 25px;color: #fff;}
	.navbom .navbar-dark .navbar-toggler{border:none;}
	.navbar{padding:0;}
	.navbar-nav{margin-top:3%;}
	.navbom .navbar-nav li{padding:10px;margin-bottom: 10px;background: #1d2f6b;}
	.navbom .navbar-nav .nav-link{padding:10px 0;display: initial;}
	.navbom .nav-link i{display: none;}
	.app-down{display: block;position: absolute;top: 12px;right: 10px;}
	.app-down i{display: block;color:#6485f5;font-size: 20px;}
	.navbom .navbar-nav .dropdown-menu{position: relative;background: none;border:none;margin-top: 3px;background: #1d2f6b !important;padding: 5px !important;}
	.navbom .navbar-nav .hvr-underline-from-left:before{height: 0;}
	.navbom .navbar-nav .dropdown-menu .dropdown-item{color:#fff;font-size: 16px;padding:5px 10px;font-size: 14px;border-bottom: 1px solid #334992;}
	.navbom .navbar-nav .dropdown-menu .dropdown-item:first-child{border-top: 4px solid #324890;}

	.banner .text-box .h1{font-size: 25px;}
	.banner .text-box p{width: 96%;line-height: 22px;margin: 4% 0;}
	
	.banner .col-md-6{padding:0;}
	.banner .col-md-6 img{width: 80%;}
	.banner .col-md-6 .text-right{margin-top:-2%;}
	.our-capabilities .hvr-float .text-box h3{margin-top: 0px;color:#23387f;font-size: 24px;}
	.our-capabilities .hvr-float .text-box dd dl{margin-bottom: 0px;font-size: 16px;}
	.manufacturing-partner .row .col-md-6 .iconplay{right: 40%;bottom: 40%;width: 60px;}
	.manufacturing-partner .card-box img{width: 70%;}
	.manufacturing-partner .card-box p{width: 100%;}
	.manufacturing-partner .row .col-md-6:nth-child(2){padding:5%;}
	.rapid-delivery .card-box img{width: 25%;}
	.rapid-delivery .row .col-md-4{margin-bottom: 3%;}
	.rapid-delivery .row .card-box h3{font-size: 18px;}
	.rapid-delivery .row .card-box h4{font-size: 16px;}
	.rapid-delivery .row .card-box p{font-size: 13px;line-height: 18px;}
	.clients-message h3{font-size: 24px;}
	.clients-message #clientsMessage .text-box p{font-size: 14px;}
	.clients-message #clientsMessage .carousel-control-prev, .clients-message #clientsMessage .carousel-control-next{width: 40px;height:40px;top: 40%;}
	.clients-message .carousel-control-next-icon,.clients-message .carousel-control-prev-icon{width: 14px;}
	.connect .col-md-3{margin-bottom: 2%;}
	.connect .a-btn{display: block;width: 100%;}
	.homecontact a{margin-bottom: 10px;}
	.manufacturing-partner .card-box .row{margin-left: 0;}
	.manufacturing-partner .card-box .row .col-md-3:nth-child(even):before{display: none;}
	.footer .col-foot{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	.navtop .navabout .aboutbox{display: none !important;}
	.banner,.our-capabilities,.rapid-delivery,.partner,.companies-information,.connect,.footer{padding:5% 0;}

	.article-all .colnum-ban .ofhidden{position: relative;padding:30px 0;background: linear-gradient(to left,#191b32,#20154f);}
	.article-all .colnum-ban .ofhidden .colbox{display:none;}
	.article-all .colnum-ban .colurl{position: relative;right:0;text-align: center;bottom: auto;}
	.article-all .colnum-ban .ofhidden img{display: none !important;}
	.pro-article.bg2 .title-h3{margin-bottom: 10px;}
	.pro-article.bg2 .title-p{width: 100%;text-align: center;margin:auto;font-size: 16px;line-height: 24px;color:#fff;}
	.proconvideo{padding-bottom: 8%;}
	.proconvideo .carousel-indicators{bottom: -20%;}
	.all-form .mescon .col-md-3{margin-bottom: 15px;}
	.all-form button{width: 100%;text-align: center;}
	.services .row .col-md-6:nth-child(odd){margin-bottom: 5%;}
	.contact-information{background: #e1e1e1;}
	.services .row .col-md-6{margin-bottom: 3%;}
	.pro-article .tabrow .col-md-3{padding:5px;}
	.pro-article .tabrow a{padding: 5px;font-size: 14px;margin: 0;}
	.app-off{display: none;width: 25px;}
	.app-on{display: block;width: 25px;}
	.btn-onoff .app-on{display: none;}
	.btn-onoff .app-off{display: block;}
	.pro-screening .row .col-md-12{padding:5px;}
	.pro-screening .row .col-md-12 a{font-size: 12px;width: 100%;margin: 0;padding: 5px;}
	.page-item.disabled .page-link,.pagination li .page-link{font-size:14px;}
	.listbox .hvr-float .title-h3 a{font-size: 12px !important;}
	.proconvideo .carousel-indicators, #carouselServicesOne .carousel-indicators, #carouselServicesTwo .carousel-indicators{bottom:-20%;}
	.product-article-top .carousel-indicators li, .proconvideo .carousel-indicators li, #carouselServicesOne .carousel-indicators li, #carouselServicesTwo .carousel-indicators li{width: 10px;height: 10px;}
	.pro-introduction .title-h1{font-size: 25px;}
	.product-article-top .protitle-h1{font-size: 25px;}
	.article-all .colnum-ban .txtbox{bottom:-5%; }
	.social-media a{display: block;color:#fff;width: 45px;height: 40px;line-height: 50px;text-align: center;cursor: pointer;transition: all 0.4s;}
	.social-media a i{margin: 0;font-size: 14px;padding: 0;}
}

@media screen and (min-width: 1300px) and (max-width: 1600px){
	.container-hsf{width: 80%;margin:auto;}
	.navbom .navbar-nav .nav-link{padding: 30px 10px;}
}

@media screen and (min-width: 990px) and (max-width: 1299px){
	.container-hsf{width: 90%;margin:auto;}
	.navbom .navbar-nav .nav-link{padding: 25px 10px;font-size: 12px;}
	.navbom .logo img{width: 65%;margin-top: 5%;}
	.navbar{width: 100%;}
	.navtop .nav-link{padding:10px;}
}

@media screen and (min-width: 769px) and (max-width: 989px){
	.container-hsf{width: 94%;margin:auto;}
	.navbom .navbar-nav .nav-link{padding: 25px 10px;font-size: 12px;}
	.navbom .navbar-nav .nav-link i{display: none;}
	.navbom .logo img{width: 50%;margin-top: 6%;}
	.navbar{width: 100%;}
	.navtop .nav-link{padding:4px 8px;}
	.navtop a{font-size: 12px;}
	.navbom .navbar-nav .nav-link span{padding:6px 4px;}
}