@import "https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600";
body{font-family:'Montserrat' ,sans-serif;font-size:14px;font-weight:400;line-height:26px;position:relative;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:500;margin:0}
a,a:focus,a:hover{outline:medium none;text-decoration:none}
ul,ol{padding:0;margin:0;list-style:none}
.no-padding{padding:0}
.tophead{font-size:12px;letter-spacing:1px;background: #E9E9E9;/* border-bottom: 1px solid #333333; */line-height: 33px;}
.tophead a{font-weight:500;color: #525252;text-transform:lowercase;}
.tophead ul{margin-left:0;display:inline-block}
.tophead span{color: #525252;text-transform:uppercase;font-weight:700;font-size:14px;}
.tophead .head-social li{padding:0}
.tophead .head-social a{display:block;text-transform:lowercase;color: #525252;font-size:18px;letter-spacing:initial;line-height:26px;margin-left:15px;border-radius:50%;-webkit-transition:background .2s ease-in-out;-o-transition:background .2s ease-in-out;transition:background .2s ease-in-out;}
.tophead .head-social 
.tophead .head-contacts li{margin-left:35px}
.tophead .head-contacts li .fa{
    font-size: 16px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}
.tophead .head-contacts li a{color:#000;}
.header-main{background: rgba(0, 0, 0, 0.5);webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;position: relative;left: 0;right: 0;z-index: 5;background-color:transparent;padding: 2px 0 2px 0;}
.logo{float:left;padding:3px 0}
.logo img{width: 110px;}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.fixed .header-main{position:fixed;padding-top: 0;box-shadow: 0 9px 17px rgba(0, 0, 0, 0.31);background: #fff;padding-bottom: 0;top:0;left:0;right:0;z-index:9; -webkit-animation: slide-down 0.7s;-moz-animation: slide-down 0.7s;-o-animation: slide-down 0.7s;}
body.fixed{padding-top:0px;   }
.section{margin:40px 0 45px}

.slider-bottom {display: block;height: 80px;background-size: cover;background-repeat: no-repeat;background-position: center center;position: absolute;left: 0px;right: 0px;z-index: 1;bottom: 0;background-image: url(../images/bg-vecter-bottom.png);}
.homebg{background-color: #f6f6f6;}
.texthdbox{position: relative; z-index: 1;}
.weltext{background: #fff url(../images/about-us-img.jpg) right bottom no-repeat;padding:92px 0;margin-top:-60px;box-shadow:0 22px 38px rgba(0,0,0,0.09);-webkit-box-shadow:0 22px 38px rgba(0,0,0,0.09);}
.parallax {position: relative;background: #181818 url(../images/parallax.jpg) center center no-repeat fixed;background-size: cover;text-align:center;padding: 60px 0;color:#fff;}
.parallax:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(24, 24, 24, 0.81);}
.parallax-text{ position: relative;    max-width: 700px;margin: 0 auto;}
.parallax h3 {font-size: 32px;line-height: 44px;letter-spacing: 0.06em;text-transform: uppercase;color: #fff;font-weight: 700;transition: all 0.9s ease 0s;-webkit-transition: all 0.9s ease 0s;-moz-transition: all 0.9s ease 0s;-ms-transition: all 0.9s ease 0s;-o-transition: all 0.9s ease 0s;margin-bottom: 25px;}
.parallax p{font-weight:300}
.sectionbg{background:#f3f2f233;padding:30px 0 45px}
.htitle{font-size:35px;font-weight:500;line-height:40px;padding:0 0 12px;margin:0;position:relative;letter-spacing:.5px;color:#000;margin-bottom:18px}
.htitle:before{background-color:#fccc2f;bottom:6px;content:"";height:2px;left:0;margin:0;position:absolute;right:0;width:99px}
.htitle:after{background-color:#fccc2f;bottom:0;content:"";height:1px;left:0;margin:0;position:absolute;right:0;width:59px}
.htitle span{    color: #451520;font-weight: bold;font-size: 42px;}
.htitle.center{text-align:center}
.htitle.center:before{margin:0 auto}
.htitle.center:after{margin:0 auto}
.htitle2{font-size: 32px;font-weight:500;line-height: 34px;padding: 0 0 12px;margin:0;position:relative;letter-spacing:.5px;color:#000;margin-bottom: 20px;}
.htitle2:before{background-color:#fccc2f;bottom:6px;content:"";height: 2px;left:0;margin:0;position:absolute;right:0;width: 74px;}
.htitle2 span{color:#451520;font-weight: bold;font-size: 40px;}
.htitle2.center{text-align:center}
.htitle2.center:before{margin:0 auto}

/*=======================================================
      DIVIDERS
========================================================*/
.divider-block {padding-bottom: 35px;}
.divider-block h3{text-transform:uppercase;font-size: 22px;font-weight: 700;}
.divider{color:#e5e5e5;margin:1.07143rem 0;overflow:hidden;position:relative;text-align:left;width:100%}
.divider:after,.divider.divider-center:before,.divider.divider-center.divider-short:before{border-top:1px solid rgba(20,20,20,0.2);content:"";height:0;left:30px;position:absolute;top:49%;width:100%}
.divider.divider-very-short:after,.divider.divider-very-short:before{width:5rem!important}
.divider.divider-right{text-align:right}
.divider.divider-right:after{left:auto;right:30px}
.divider.divider-short:after{width:30%}
.divider.divider-center{text-align:center}
.divider.divider-center:before{left:-50%!important;margin-left:-20px;right:0}
.divider.divider-center:after{left:50%!important;margin-left:20px;right:0}
.divider.divider-center.divider-short:before{left:auto!important;margin-right:30px;right:50%;width:8%}
.divider.divider-center.divider-short:after{left:50%!important;margin-left:30px;right:auto!important;width:8%}
.divider .i-div{display:inline-block!important;padding:0;font-size:18px;height:18px;line-height:1;position:relative;text-align:center;width:18px}

.service{margin-bottom:0;text-align:center;padding: 15px 25px 15px 25px;}
.service i{font-size:25px;margin-top:10px}
.service h3{font-size: 15px;text-transform: uppercase;font-weight:500;line-height:30px;color:#000;margin: 16px 0 10px;}
.service p{color:#6a7788;font-size:13px;color: #6f6f6f;}


.page-head{padding: 32px 0 27px 0;background-position:center center;background-repeat:no-repeat;color: #454545;text-align:center;position:relative;background: #ebebeb;}
.page-head h1{margin:0;padding:0;font-size: 24px;/* text-transform:uppercase; */text-align:center;color: #454545;font-weight:500;float: left;}
.breadcrumb{text-align:center;background:transparent;margin:0;padding:0;float: right;}
.breadcrumb > li{font-size:13px;}
.breadcrumb > li > a{color: #454545;}

.owl-dots{display:none!important}
.fun_fact{position: relative;background: #181818 url(../images/funfact.jpg) center center no-repeat fixed;background-size: cover;text-align:center;padding: 40px 0;color:#fff;}
.fun_fact:before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(24, 24, 24, 0.81);}
.fun_fact_box{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.fact_box{text-align:center;transition:all 100ms ease-out;position:relative;padding:20px 0 16px;}
.fact_box:last-of-type{border-right:0;border-bottom:0}
.fact_icon{color: #ffffff;transition:all 100ms ease-out;font-size: 50px;}
.fact_box h4{font-size: 28px;transition:all 100ms ease-out;font-weight: 500;padding-top: 16px;}
.fact_box p{font-size: 17px;margin-top: 5px;font-weight:300;margin-bottom:0;/* color:#000; */}


@media (min-width: 768px) {
.fun_fact_box{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
}
.certified{background:#fff;padding:25px 0 50px 0}
.certified img{padding:5px}
.text-desc h1:first-child,.text-desc h2:first-child,.text-desc h3:first-child,.text-desc h4:first-child,.text-desc h5:first-child{margin:0 0 5px}
.text-desc h1,.text-desc h2,.text-desc h3,.text-desc h4,.text-desc h5{margin:14px 0 5px}
.text-desc table{border-collapse:separate;border-spacing:0;margin-bottom:10px;width:100%;clear:both;border:1px solid #dfdfdf;border-bottom:0;border-right:0}
.text-desc th{border-bottom:1px solid #dfdfdf;border-right:1px solid #e4e4e4;padding:10px 5px;font-size:14px;line-height:normal;text-align:left}
.text-desc td{border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;font-size:14px;line-height:normal;text-align:left;padding:10px 5px}
.text-desc ul,.text-desc ul ul{margin-left:17px;margin-bottom:22px}
.text-desc ul li{list-style-type:disc}
.text-desc ul ul li{list-style-type:circle}
.text-desc h2{color:#0087C7}
.text-desc h3{color:#bb3d41;font-size:22px;font-weight:600;line-height:32px;padding:0 0 6px;margin:0;letter-spacing:.5px;margin-bottom:8px;position:relative}
.text-desc h3:before{background-color:#bb3d41;bottom:4px;content:"";height:2px;left:0;margin:0;position:absolute;right:0;width:65px}
.text-desc tt{font-size:26px;font-weight:300;font-family:'Montserrat' ,sans-serif;line-height:32px}
.text-desc h4{color:#da9527;font-size:18px;font-weight:600;line-height:32px;padding:0 0 6px;margin:0;letter-spacing:.5px;margin-bottom:8px;position:relative}
.text-desc h4:before{background-color:#da9527;bottom:4px;content:"";height:2px;left:0;margin:0;position:absolute;right:0;width:50px}
.text-desc h2 + hr,.text-desc h4 + hr{border-color:#d0d0d0;width:55%;text-align:center;display:inline-block}
.text-desc img{display:inline-block!important}
/*-----------------*/
.owl-theme .owl-controls .owl-prev{left:0 !important;    }
.owl-theme .owl-controls .owl-next{right:0 !important}


.box2{padding-top:0;background:#fff}
.box2 img{padding:4px;border:1px solid #d8d6d6;text-align:center;width:100%}
.box2 h4{text-transform:none;font-weight:500;padding:7px 0;font-size:14px;color:#000;text-align:center;margin:0;text-transform:uppercase;letter-spacing:.5px}
.box2 h4 a{color:#000}
.boxdesc{text-align:center;padding:5px;color:#555}
.boxdesc strong{display:block;text-decoration:underline;font-weight:500;line-height:10px}
.boxdesc p{margin:5px 0}
.technical-pdf{padding:20px 0}
.technical-pdf a{font-size:13px;color:#e82f35;padding:10px}
.technical-pdf a span{position:relative;top:-8px;font-size:17px;font-weight:700;}
.technical-pdf a:hover{color:#bb2d32;}
.technical-pdf .fa{font-size:38px;padding-right:11px;position:relative}

.productbox{background: #fff;padding: 50px 15px 65px 15px;}
.boxs-main{padding-bottom: 15px;padding-top: 15px;}
.boxs {position: relative;padding:4px 4px 10px 4px;background: #fff;text-align: center;transition: all 0.5s ease-out 0s;-webkit-transition: all 0.5s ease-out 0s;box-shadow: 0 0px 12px rgba(0, 0, 0, 0.04);-webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.04);}
.boxs:hover {box-shadow: 0 5px 17px rgba(0,0,0,0.15);-webkit-box-shadow: 0 5px 17px rgba(0,0,0,0.15);}
.boxs img{margin-bottom:7px;text-align:center;width:100%;}
.boxs h4{font-size:18px;color:#000;text-transform:uppercase;margin:0;font-weight: 600;text-transform:uppercase;letter-spacing:.5px;display:inline-block;padding: 7px 13px 14px 13px;transition:all .7s ease 0;}
.boxs p{color: #3c3c3c;}
.boxs strong{display: block;line-height: 17px;}
.box3{padding-top:0;text-align:center}
.box3 img{border:1px solid #EEE;padding:4px;margin-bottom:7px;text-align:center;width:100%;transition:all .7s ease 0;-webkit-box-shadow:5px 5px 0 0 #f1f1f1;-moz-box-shadow:5px 5px 0 0 #f1f1f1}
.box3 h4{font-weight:500;font-size: 15px;color:#000;text-transform:uppercase;margin:0;font-weight: 500;text-transform:uppercase;letter-spacing:.5px;display:inline-block;padding:7px 13px;transition:all .7s ease 0;}
.box3{padding-bottom:15px}
.box-main{width:100%;position:relative;overflow:hidden;float:left}
.box-main:hover .box-desc-m{opacity:1}
.box-main img{width:100%;height:auto;position:relative;z-index:2;transform:translateZ(0);   transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;}
.box-main:hover img {
   transform: scale(1.1);
 
}
.box-main .box-desc-m{position:absolute;top:0;bottom:0;left:2px;right:0;opacity:0;z-index:22;overflow:hidden;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear}
.box-main .box-desc-m:before{content:'';position:absolute;top:0;left:0;right:3px;bottom:0;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.75)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=0)}
.box-main .box-desc-m:before{right:3px;bottom:3px}
.box-main .box-desc{position:absolute;bottom:0;left:0;width:100%;z-index:5}
.box-main .box-item{float:left;width:100%;padding:30px;overflow:hidden}
.box-main .box-item h3{font-size:16px;text-transform:uppercase;font-weight:400;position:relative;width:100%;color:#fff;text-align:left;letter-spacing:1px;z-index:20}
.box-main .box-item h3 a{color:#fff;font-weight: 600;font-size: 22px;}
.gallery .box2{margin-left:0!important}
.gallery .col-sm-3{padding:10px}
.calcu .tblhead{background: #e8f6fc;font-size: 16px;}
.calcu th{background: #edf3f5;}
.calcu th, .calcu td{text-align:center !important;border-color: #cbe3ec;}
.calcu .text-field{padding:7px !important}
.calcu .select{padding:9px !important}
.calcu label {    margin: 0;line-height: 24px;}
.calcu label + .text-field{margin: 0;margin-bottom: 11px !important;}
.calcu .jb-btn{padding: 10px 32px 8px 32px;line-height: 18px;font-size: 15px;}
.calcu h5{font-size: 21px;font-weight: 600;padding: 12px 0;}
.num {/* font-size: 13px; */vertical-align: super;padding-right: 5px;}
.den {/* font-size: 14px; */padding-left: 1px;}
.den:before {content: '\2044';font-size: 17px;padding-right: 5px;}

ul.contact{padding-top:30px}
ul.contact li{margin-bottom:30px}
ul.contact li i{width:36px;height:36px;line-height:36px;border-radius:50%;text-align:center;float:left;font-size:20px;color:#FFF;background-color:#0e92c3;margin-top:4px}
ul.contact li .contact-text{margin-left:50px;font-size:18px;color:#3f4c5d}
ul.contact li .contact-text h3{font-size:22px;color:#000;font-weight:500;padding:9px 0 0;margin:0}
ul.contact li .contact-text span{margin:0;font-size:16px;padding-top:5px;display:inline-block}
.form button{margin-top:30px}
.form textarea.text-field{height:80px}
.form .cust-btn{background:#1f425d none repeat scroll 0 0;margin-top:15px;padding:14px 30px;border:medium none}
.form .select{margin:0!important;font-size:15px!important}
.form .text-field{background:#fff;border:1px solid #efeeee;color:#858585;font-size:14px;margin:10px 0;padding:10px 15px;width:100%}
.form  label + .text-field{margin: 0;margin-bottom: 18px !important;}
.form .text-field:focus,.form .text-field:hover{border-color:#75b519;box-shadow:none;border-width:1px}
.errorbox,.errorbox span,.errorbox li{color:#D90000}
.errorbox .sucmsg{color:#046310}
.jb-btn{padding:0 35px;background:#ed2e34;position:relative;display:inline-block;border:none;line-height:50px;font-size:16px;font-weight:700;color:#fff;text-transform:uppercase;transition:400ms all;-webkit-transition:400ms all}
.jb-btn:hover{text-decoration:none;background:#000;color:#fff}
.jb-btn:before{content:'';position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:1px solid #e62117}
.jb-btn span{display:block;position:relative}
.address li{margin:0 0 5px}
.address h4{color:#1b1b1b;font-weight:bold;font-size: 21px;}
.address i{display:inline-block;margin:2px 8px 0 0;vertical-align:top;color:#1b1b1b;font-size:15px;    width: 15px;text-align: center;}
.address > li > i{margin-top:6px}
.address p{display:inline-block;text-align:left!important;margin:0}

.social{list-style-type: none;padding: 10px 0 0 0;margin: 0;}
.social li{display: inline-block;}
.social a{margin-right: 5px;cursor: pointer;display: block;width: 35px;height: 35px;border: 1px solid #7a7a7a;    border-radius: 50%;text-align: center;padding-top: 10px;text-decoration: none;color: #7a7a7a;}
.social a:hover{background: #fccc2f;border: 1px solid #fccc2f;color: #fff;}

/*--------------*/
.hdwatsp{position: fixed;bottom: 10px;right: 10px;z-index:21/*top: 2px!important;position: absolute !important;left: 0;right: 0;margin: 0 auto;width: 100%;text-align: center;*/}
.hdwatsp a{text-align: center;width: 50px;height: 50px;float: left;color: #FFFFFF;border-radius: 10px;background-color: #25D366;background-color: #25D366;}
.hdwatsp i{font-size: 40px;margin-top: 5px;}
/*---------------*/
.footer{font-size:13px;background: #ececec;padding-top:45px;padding-bottom:15px;position:relative;}
.footer .f-col{padding: 30px 15px;}
.footer img{display: inline-block;}
.footer p, .footer a{color: #000;font-size: 13px;line-height: 22px;}
.footer ul.list li{list-style: none;margin: 0px 0 0px 8px;position:relative;}
.footer ul.list li:before{content:'>';position:absolute;font-size: 13px;top: 1px;left: -15px;}
.footer ul.list li a:hover{opacity: 0.7;}
.footer ul.list li i{padding: 0 8px 0 0;}
.footer h3{color: #000000;font-size: 15px;letter-spacing: 1px;margin-top: 0;margin-bottom: 25px;padding-bottom: 10px;position: relative;text-transform: uppercase;font-weight: bold;}
.footer h3:not(.no-underline):before {background: #d49527;bottom: 0;content: "";height: 3px;position: absolute;width: 20px;}
.footer img{padding: 10px 0px;width: 150px;}
.footer .address h4{font-size: 16px;font-weight: 500 !important;color: #000;}
.footer .address i{display:inline-block;margin:6px 8px 0 0;vertical-align:top;color: #000;font-size:15px;}
.footer .address h4 i{margin:2px 8px 0 0;}
.copyrights{padding: 15px 0 4px 0;overflow: hidden;border-top: 1px solid #6363631f;margin-top: 10px;}
.copyrights p, .copyrights a{margin: 0;font-size: 13px;color: #000;}

@media (max-width: 992px) {
    .header-main{position:inherit;padding:0}
    .header-main .col-sm-12{position:inherit;top:0}
    .logo{margin-right:0;text-align:center;float:none!important}
.page-head{margin-top: 58px;    padding: 20px 0 20px 0;}
 .page-head h1, .page-head .breadcrumb  {float:none}
    .page-head {margin-top: 58px;padding: 9px 0 8px 0;text-align:center}
    .footer{padding-top: 15px;text-align:center}
    .footer-main .col-sm-4{margin-bottom:20px;border-bottom:1px solid #353535;padding-bottom:21px}
    .footer-main{padding-bottom:10px}
    .footer h3 {margin-bottom: 7px;margin-top: 20px;    padding-bottom: 4px;text-align: center;}
    .footer h3:not(.no-underline):before {bottom: 0;content: "";height: 2px;position: absolute;width: 33px;left: 0;right: 0;margin: 0 auto;}
    .footer .address p{text-align:center !important}
    .footer ul.list li {list-style-type: circle;margin: 0px 10px 0px 16px;position: relative;display: inline-block;margin-right: 0;}
}
@media (max-width: 768px) 
{
    .tophead .list-inline{float:none !important;text-align:center;display:block}
}