@font-face{font-family:'hero';src:url(../fonts/Hero.eot);src:url(../fonts/Hero.woff) format("woff"),url(../fonts/Hero.ttf) format("truetype"),url(../fonts/Hero.svg) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'Hero-Light';src:url('../fonts/Hero Light.eot');src:url('../fonts/Hero Light.woff') format("woff"),url('../fonts/Hero Light.ttf') format("truetype"),url('../fonts/Hero Light.svg') format("svg");font-weight:400;font-style:normal}
body{background:#fff;color:#444;font-family:"Open Sans",sans-serif}
a{color:#007bff;transition:.5s}
a:hover,a:active,a:focus{color:#0b6bd3;outline:none;text-decoration:none}
p{padding:0;margin:0 0 30px}
h1,h2,h3,h4,h5,h6{font-family:"Montserrat",sans-serif;font-weight:400;margin:0 0 20px;padding:0}
#header{height:80px;transition:all .5s;z-index:997;transition:all .5s;padding:20px 0;background:#fff;box-shadow:0 0 30px rgba(127,137,161,0.3)}
#header.header-scrolled,#header.header-pages{height:60px;padding:10px 0}
#header .logo h1{font-size:36px;margin:0;padding:0;line-height:1;font-weight:400;letter-spacing:3px;text-transform:uppercase}
#header .logo h1 a,#header .logo h1 a:hover{color:#00366f;text-decoration:none}
#header .logo img{padding:0;margin:7px 0;max-height:26px}
.main-pages{margin-top:60px}
.main-nav,.main-nav *{margin:0;padding:0;list-style:none}
.main-nav > ul > li{position:relative;white-space:nowrap;float:left}
.main-nav a{display:block;position:relative;color:#004289;padding:4px 15px;transition:.3s;font-size:18px;font-family:hero;font-weight:500}
.main-nav a:hover,.main-nav .active > a,.main-nav li:hover > a{color:#007bff;text-decoration:none}
.main-nav .drop-down ul{display:block;position:absolute;left:0;top:calc(100% + 30px);z-index:99;opacity:0;visibility:hidden;padding:10px 0;background:#fff;box-shadow:0 0 30px rgba(127,137,161,0.25);transition:ease all .3s}
.main-nav .drop-down:hover > ul{opacity:1;top:100%;visibility:visible}
.main-nav .drop-down li{min-width:180px;position:relative}
.main-nav .drop-down ul a{padding:10px 20px;font-size:13px;color:#004289}
.main-nav .drop-down ul a:hover,.main-nav .drop-down ul .active > a,.main-nav .drop-down ul li:hover > a{color:#007bff}
.main-nav .drop-down > a:after{content:"\f107";font-family:FontAwesome;padding-left:10px}
.main-nav .drop-down .drop-down ul{top:0;left:calc(100% - 30px)}
.main-nav .drop-down .drop-down:hover > ul{opacity:1;top:0;left:100%}
.main-nav .drop-down .drop-down > a{padding-right:35px}
.main-nav .drop-down .drop-down > a:after{content:"\f105";position:absolute;right:15px}
.mobile-nav{position:fixed;top:0;bottom:0;z-index:9999;overflow-y:auto;left:-260px;width:260px;padding-top:18px;background:rgba(19,39,57,0.8);transition:.4s}
.mobile-nav *{margin:0;padding:0;list-style:none}
.mobile-nav a{display:block;position:relative;color:#fff;padding:10px 20px;font-weight:500}
.mobile-nav a:hover,.mobile-nav .active > a,.mobile-nav li:hover > a{color:#74b5fc;text-decoration:none}
.mobile-nav .drop-down > a:after{content:"\f078";font-family:FontAwesome;padding-left:10px;position:absolute;right:15px}
.mobile-nav .active.drop-down > a:after{content:"\f077"}
.mobile-nav .drop-down > a{padding-right:35px}
.mobile-nav .drop-down ul{display:none;overflow:hidden}
.mobile-nav .drop-down li{padding-left:20px}
.mobile-nav-toggle{position:fixed;right:0;top:0;z-index:9998;border:0;background:none;font-size:24px;transition:all .4s;outline:none!important;line-height:1;cursor:pointer;text-align:right}
.mobile-nav-toggle i{margin:18px 18px 0 0;color:#004289}
.mobile-nav-overly{width:100%;height:100%;z-index:9997;top:0;left:0;position:fixed;background:rgba(19,39,57,0.8);overflow:hidden;display:none}
.mobile-nav-active{overflow:hidden}
.mobile-nav-active .mobile-nav{left:0}
.mobile-nav-active .mobile-nav-toggle i{color:#fff}


#owl-demo .item{
  background: #42bdc2;
  padding: 30px 0px;
  margin: 10px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}

/* to remove slide effect  css */
 .animated  {
      -webkit-animation-duration : 0 ms  !important;
      animation-duration : 0 ms  !important;
      -webkit-animation-fill-mode : both  !important;
      animation-fill-mode : both  !important;
    }  
    
    
    .fadeOut  {
      -webkit-animation-name : fadeOut  ;
      animation-name : fadeOut  ;
    }  
    @-webkit-keyframes  fadeOut  {
      0% {
        opacity : 0   ;
      }  
      100% {
        opacity : 0   ;
      }  
    }
    @keyframes  fadeOut  {
      0% {
        opacity : 0   ;
      }  
      100% {
        opacity : 0   ;
      }  
    }
@media (min-width: 992px) {
#testimonials .testimonial-item p{width:80%}
}
@media (max-width: 991px) {
#header{height:60px;padding:10px 0}
#header .logo h1{font-size:28px;padding:8px 0}
#intro{padding:140px 0 60px}
#intro .intro-img{width:80%;float:none;margin:0 auto 25px}
#intro .intro-info{width:80%;float:none;margin:auto;text-align:center}
#why-us .card{margin:0}
}
@media (max-width: 768px) {
.back-to-top{bottom:15px}
}
@media (max-width: 767px) {
#intro .intro-info{width:100%}
#intro .intro-info h2{font-size:34px;margin-bottom:30px}
.section-header p{width:100%}
#testimonials .testimonial-item{text-align:center}
#testimonials .testimonial-item .testimonial-img{float:none;margin:auto}
#testimonials .testimonial-item h3,#testimonials .testimonial-item h4,#testimonials .testimonial-item p{margin-left:0}
}
@media (max-width: 574px) {
#intro{padding:100px 0 20px}
}
.banner{float:left;width:100%;background:#fff0f0;padding-top:80px}
.banner .owl-carousel .owl-item img{width:auto;display:inline-block;    max-height: 350px;
    max-width: 350px;}
.banner-txt{height:550px;display:table;width:100%;vertical-align:middle}
.banner-txt-inn{display:table-cell;height:100%;vertical-align:middle}
.owl-nav,.owl-dots{display:none}
.banner .owl-item,.banner .item{text-align:center}
.banner .owl-item{display:table;height:550px;width:100%;vertical-align:middle}
.banner .item{display:table-cell;height:100%;vertical-align:middle}
.banner-txt-inn h2{font-family:hero;color:#229;font-size:45px;line-height:1.5}
.product-range{float:left;width:100%;background:#fff}
.flex-container{display:flex}
.product-range .product-hdg,.product-list{height:100%;display:table;width:100%;vertical-align:middle;padding:45px;padding-left:0;padding-right:0}
.product-range .product-hdg-inn,.product-list-inn{display:table-cell;height:100%;vertical-align:middle}
.product-list-inn ul{margin-bottom:0}
.product-hdg-inn h2{font-family:hero;color:#229;font-size:79px;line-height:1;margin:0}
.product-hdg-inn span{color:#229;font-family:'Hero-Light';font-size:50px}
.product-list-inn li{list-style:none;color:#383838;font-family:hero;font-size:25px;line-height:1.3;padding-bottom:16px}
.about-info{background:#229;padding:45px 0;float:left;width:100%}
.about-info p{color:#fff;font-family:hero;line-height:1.4;font-size:30px;margin:0;padding:0}
.about-info p a{color:#fff}
.home-btm{float:left;width:100%}
.home-btm img{width:100%}
.about-banner{float:left;width:100%;background:#fff0f0;padding:30px 0 100px;padding-top:80px}
.about-banner h1{font-family:hero;color:#229;font-size:66px;line-height:55px;padding-top:40px}
.about-banner p{font-family:hero;color:#6f6a6a;font-size:20px;line-height:30px;text-align:center;padding-top:30px}
.certification-section{float:left;width:100%;padding:45px 0}
.certification-section p{font-family:hero;color:#229;font-size:26px;line-height:32px;text-align:center}
.certification-section ul{text-align:center;width:100%}
.certification-section ul li{display:inline-block;padding:10px 27px;margin-bottom:0;padding-bottom:0}
.certification-section ul li:nth-child(1) img{max-width:100px}
.certification-section ul li:nth-child(2) img{max-width:370px}
.certification-section ul li:nth-child(3) img{max-width:101px}
.machinery-section{float:left;width:100%}
img{max-width:100%}
.mach-img{position:relative;margin-left:32px}
.mach-img:after{position:absolute;left:-32px;bottom:-32px;content:'';width:100%;height:100%;background:#229;z-index:-1}
.mach-list{padding-left:40px}
.mach-list h3{font-family:hero;color:#229;font-size:55px;line-height:35px}
.mach-list li{list-style:none;color:#383838;font-family:hero;font-size:22px;line-height:1.3;padding-bottom:5px}
.mach-list ul{margin:0;padding:0;margin-top:30px}
.about-btm{float:left;width:100%;padding-top:45px;padding-bottom:50px}
.about-btm h3{font-family:hero;color:#229;font-size:55px;line-height:35px}
.about-btm p{font-family:hero;color:#6f6a6a;font-size:20px;line-height:30px;text-align:left;padding-top:30px}
.contact-banner{float:left;width:100%;padding:30px 0 110px;padding-top:80px;background:#229}
.contact-banner h1{font-family:hero;color:#fff;font-size:66px;line-height:55px;padding-top:40px}
.contact-bnr{float:right;width:79%;position:relative;margin:30px 0 0;z-index:99}
.contact-bnr img{width:100%}
.contact-bnr:after{position:absolute;left:-32px;bottom:-32px;content:'';width:100%;height:100%;background:#a9a0ce;z-index:-1}
.contatct-info{float:left;width:100%;padding:45px 0}
.contatct-info .address{text-align:center}
.contatct-info .address h3{font-family:hero;color:#229;font-size:35px;line-height:40px}
.contatct-info .address p{font-family:hero;color:#3f3fa6;font-size:20px;line-height:30px;padding-top:0;padding-bottom:0;margin:0}
.lineone{margin-top:0;height:0;width:70%;clear:both;border-bottom:2px solid #229;}
@keyframes lineoneAnimate {
100%{width:70%}
}
.linetwo{margin-top:30px;height:0;-ms-transform:rotate(10deg);-webkit-transform:rotate(10deg);transform:rotate(10deg);width:70%;clear:both;border-bottom:2px solid #229;margin-left:-50px;}
@keyframes linetwoAnimate {
100%{width:70%}
}
.about-info p a:hover,.address a:hover{font-weight:500;color:#d25b20}
.contact-mid{float:left;width:100%;padding-top: 40px;}
.contact-mid p
{
    font-family: hero;
    color: #444;
    font-size: 27px;
    line-height: 35px;
}
@media (max-width: 767px) {
.banner .owl-carousel .owl-item img{width:auto;display:inline-block;max-height:330px;max-width:100%}
.banner-txt{height:auto}
.banner-txt-inn h2{font-family:hero;color:#229;font-size:30px}
.banner .owl-item{height:auto;margin-top:20px;padding-bottom:10px}
.product-hdg-inn h2,.product-hdg-inn span{font-size:25px;line-height:1.5}
.product-range .product-hdg,.product-list{padding:30px;padding-left:0;padding-right:0}
.product-list{padding-top:0}
.product-list-inn ul{margin-bottom:0;margin-left:0;padding-left:0}
.product-list-inn li{list-style:none;color:#383838;font-family:hero;font-size:19px;line-height:1.3;padding-bottom:6px}
.about-info p{font-size:20px}
#header .logo img{padding:0;margin:7px 0;max-height:26px;max-width:250px}
.about-banner h1,.contact-banner h1{font-size:30px;line-height:1.5;padding-top:0;margin-bottom:0;}
.about-banner h1 br,.lineone,.linetwo,.contact-banner h1 br{display:none}
.about-banner p{font-family:hero;color:#6f6a6a;font-size:18px;line-height:27px;text-align:center;padding-top:9px;    text-align: left!important;}
.about-btm p
{
        text-align: left!important;
}
.about-banner{padding-bottom:30px}
.certification-section{float:left;width:100%;padding:30px 0}
.certification-section p{font-family:hero;color:#229;font-size:20px;line-height:1.5;text-align:center}
.certification-section ul{text-align:center;width:100%;padding:0;margin:0}
.certification-section ul li img{max-width:67%!important;margin-bottom:15px}
.mach-list{padding-left:0;margin-top:60px}
.mach-list h3{font-family:hero;color:#229;font-size:30px;line-height:1.5;margin-bottom:0}
.mach-list ul{margin:0;padding:0;margin-top:4px}
.mach-list ul li{font-size:19px;line-height:1.3}
.about-btm{float:left;width:100%;padding-top:30px;padding-bottom:30px}
.about-btm h3{font-family:hero;color:#229;font-size:30px;line-height:1.5;margin-bottom:0}
.about-btm p{font-family:hero;color:#6f6a6a;font-size:18px;line-height:30px;text-align:left;padding-top:6px}
.contact-bnr:after{position:absolute;left:-15px;bottom:-15px}
.contact-banner{padding-bottom:50px}
.contatct-info{float:left;width:100%;padding:10px 0}
.contatct-info .address h3{font-family:hero;color:#229;font-size:25px;line-height:33px;margin-bottom:5px;    text-align: left;}
.contatct-info .address p{font-family:hero;color:#3f3fa6;font-size:18px;line-height:24px;    text-align: left;}
.contatct-info .address{text-align:center;padding:25px 0;padding-top: 0;
    padding-bottom: 25px;}
.contact-mid p {
    font-family: hero;
    color: #444;
    font-size: 23px;
    line-height: 32px;
    text-align: left!important;
}
}