@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;700&display=swap');

/* font-family: 'Oswald', sans-serif;
font-family: 'Poppins', sans-serif; */

body { font-family: 'Poppins', sans-serif; margin: 0px; color: #2f2f2f; line-height: 30px; font-size:15px; overflow-x:hidden; background: #fff; position: relative;}
ul, ol { margin:0; padding:0; font-family: 'Poppins', sans-serif;} 
a, button  { -moz-transition:all 500ms ease-in-out; -ms-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; -webkit-transition:all 500ms ease-in-out; text-decoration: none !important;}
a, a:focus, a:hover, a:active, input:focus, textarea:focus, select:focus, button:focus{ outline:0}
h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', sans-serif;} 



/* all margin */
.mr0{margin: 0px;}
.mr10{margin: 10px;}
.mr20{margin: 20px;}
.mr30{margin: 30px;}
.mr40{margin: 40px;}
.mr50{margin: 50px;}
.mr60{margin: 60px;}
.mr70{margin: 70px;}
.mr80{margin: 80px;}
.mr90{margin: 90px;}
.mr100{margin: 100px;}

/* margin top */
.mr-t0{margin-top: 0px;}
.mr-t10{margin-top: 10px;}
.mr-t20{margin-top: 20px;}
.mr-t30{margin-top: 30px;}
.mr-t40{margin-top: 40px;}
.mr-t50{margin-top: 50px;}
.mr-t60{margin-top: 60px;}
.mr-t70{margin-top: 70px;}
.mr-t80{margin-top: 80px;}
.mr-t90{margin-top: 90px;}
.mr-t100{margin-top: 100px;}

/* margin right */
.mr-r0{margin-right: 0px;}
.mr-r10{margin-right: 10px;}
.mr-r20{margin-right: 20px;}
.mr-r30{margin-right: 30px;}
.mr-r40{margin-right: 40px;}
.mr-r50{margin-right: 50px;}
.mr-r60{margin-right: 60px;}
.mr-r70{margin-right: 70px;}
.mr-r80{margin-right: 80px;}
.mr-r90{margin-right: 90px;}
.mr-r100{margin-right: 100px;}

/* margin bottom */
.mr-b0{margin-bottom: 0px;}
.mr-b10{margin-bottom: 10px;}
.mr-b20{margin-bottom: 20px;}
.mr-b30{margin-bottom: 30px;}
.mr-b40{margin-bottom: 40px;}
.mr-b50{margin-bottom: 50px;}
.mr-b60{margin-bottom: 60px;}
.mr-b70{margin-bottom: 70px;}
.mr-b80{margin-bottom: 80px;}
.mr-b90{margin-bottom: 90px;}
.mr-b100{margin-bottom: 100px;}

/* margin left */
.mr-l0{margin-left: 0px;}
.mr-l10{margin-left: 10px;}
.mr-l20{margin-left: 20px;}
.mr-l30{margin-left: 30px;}
.mr-l40{margin-left: 40px;}
.mr-l50{margin-left: 50px;}
.mr-l60{margin-left: 60px;}
.mr-l70{margin-left: 70px;}
.mr-l80{margin-left: 80px;}
.mr-l90{margin-left: 90px;}
.mr-l100{margin-left: 100px;}

/* padding  */
.pd0{padding: 0px;}
.pd10{padding: 10px;}
.pd20{padding: 20px;}
.pd30{padding: 30px;}
.pd40{padding: 40px;}
.pd50{padding: 50px;}
.pd60{padding: 60px;}
.pd70{padding: 70px;}
.pd80{padding: 80px;}
.pd90{padding: 90px;}
.pd100{padding: 100px;}

/* padding top */
.pd-t0{padding-top: 0px;}
.pd-t10{padding-top: 10px;}
.pd-t20{padding-top: 20px;}
.pd-t30{padding-top: 30px;}
.pd-t40{padding-top: 40px;}
.pd-t50{padding-top: 50px;}
.pd-t60{padding-top: 60px;}
.pd-t70{padding-top: 70px;}
.pd-t80{padding-top: 80px;}
.pd-t90{padding-top: 90px;}
.pd-t100{padding-top: 100px;}


/* padding right */
.pd-r0{padding-right: 0px;}
.pd-r10{padding-right: 10px;}
.pd-r20{padding-right: 20px;}
.pd-r30{padding-right: 30px;}
.pd-r40{padding-right: 40px;}
.pd-r50{padding-right: 50px;}
.pd-r60{padding-right: 60px;}
.pd-r70{padding-right: 70px;}
.pd-r80{padding-right: 80px;}
.pd-r90{padding-right: 90px;}
.pd-r100{padding-right: 100px;}
.pd-r170{padding-right: 170px;}

/* padding bottom */
.pd-b0{padding-bottom: 0px;}
.pd-b10{padding-bottom: 10px;}
.pd-b20{padding-bottom: 20px;}
.pd-b30{padding-bottom: 30px;}
.pd-b40{padding-bottom: 40px;}
.pd-b50{padding-bottom: 50px;}
.pd-b60{padding-bottom: 60px;}
.pd-b70{padding-bottom: 70px;}
.pd-b80{padding-bottom: 80px;}
.pd-b90{padding-bottom: 90px;}
.pd-b100{padding-bottom: 100px;}

/* padding left */
.pd-l0{padding-left: 0px;}
.pd-l10{padding-left: 10px;}
.pd-l20{padding-left: 20px;}
.pd-l30{padding-left: 30px;}
.pd-l40{padding-left: 40px;}
.pd-l50{padding-left: 50px;}
.pd-l60{padding-left: 60px;}
.pd-l70{padding-left: 70px;}
.pd-l80{padding-left: 80px;}
.pd-l90{padding-left: 90px;}
.pd-l100{padding-left: 100px;}
.clearfix { clear: both; }


header {
  box-shadow: 0 3px 15px #eee;
  position: relative;
  z-index: 1;
  border-top: 1px solid #ed1c24;
}

.navbar-expand-md .navbar-nav .nav-item  { color: #000; font-size: 18px;  padding: 0 20px;
  border-right: 1px solid #000; font-family: 'Oswald', sans-serif;}
.last-border { border-right: none !important;}
.navbar-expand-md .navbar-nav .nav-item a { color:#373d44; font-size: 18px;} 

.navbar-expand-md .navbar-nav a.nav-item:hover, .navbar-expand-md .navbar-nav a.nav-item:active, .navbar-expand-md .navbar-nav a.nav-item:focus {color:#ee1d25 !important; }

.carousel-caption { right:auto; left: 10%; bottom: 5rem; text-align: left !important;}
.carousel-caption h6 { text-shadow:2px 2px rgba(0,0,0,0.2); color:#379f00; font-weight: 300; font-size:48px; text-transform: uppercase;}
.carousel { margin-bottom: 0rem;}
.carousel-caption h4 { text-shadow:2px 4px rgba(0,0,0,0.2); color:#379f00; font-weight: bold; font-size: 96px; text-transform: uppercase;}
.carousel-caption h2 { text-shadow:2px 4px rgba(0,0,0,0.2); color:#379f00; font-weight: 300; font-size: 96px; text-transform: uppercase;}
#myCarousel { border-bottom: 1px solid #379f00;}

.company-name h6 { color:#64656a; font-size:18px; font-weight:300; margin-bottom:0px; }
.company-name h3 { color:#ee1d25; font-size:52px; font-weight:bold; line-height: 60px; text-transform: uppercase;}
.company-name h3 span { font-size: 36px; display: block; }
.company-name a {
  background:linear-gradient(to bottom,  rgba(238,29,37,1) 10%,rgba(203,14,22,1) 81%);
  color:#fff; border-radius:100px; padding:10px 40px; 
  font-size: 20px; font-weight: 400; display:inline-block; margin-top: 40px;
  box-shadow: 0 3px 5px #ddd;
}

/* .company-name a:hover { background:#379f00;  } */
  #welcome { padding: 60px 0;}
.welcome-text { border-left:1px solid #cccccc; }
.welcome-text p { margin-left:45px; font-weight:400; }

#product { background-color:#f9f9f9; padding:60px 0;}
#product .sec-heading { text-align: center; font-size:36px; color:#373d44; font-weight: bold; text-transform: uppercase;}
#product .sec-heading .red-text  { color:#ee1d25;}

#product .sort-descpri p { text-align: center; padding: 0 13%; font-size: 16px;}


.prod-descrip { padding: 20px 0;}
.prod-descrip h3 { color: #ed1c24; font-size: 20px; font-weight: 600; text-transform: capitalize;}
.prod-descrip  p { font-size: 15px; margin-bottom: 0px;}
/*.prod-outer-blk { background-color: #fff; padding: 12px; box-shadow: 0 3px 8px #eee; border: 1px solid #eee;
}*/
.prod-outer-blk a { color:#373d44; font-size:18px; font-family: 'Oswald', sans-serif; }
.prod-outer-blk a:hover { color:#379f00;}


footer { background-color:#373d44; padding:35px 0 0; border-top: 2px solid #ee1d25;}
.fot-nav ul { margin:0px; padding:0px 0 20px; text-align: center; border-bottom: 1px solid #15212e;}
.fot-nav li { display: inline-block; padding:0 15px; border-right: 1px solid #fff; }
.fot-nav li a { font-size:16px; color:#fff; font-weight: 400; font-family: 'Poppins', sans-serif;}

.copy-right p { text-align: left; color:#fff; font-size: 15px; margin:24px 0 10px;}
.design-by p { text-align: right; color:#fff; font-size: 15px; margin:24px 0 10px;}
.design-by p a  {color:#ee1d25; }

.carousel-control-prev-icon, .carousel-control-next-icon {
  height: 40px;
  width: 40px;
  outline: black;
  background-color: rgba(0, 0, 0, 1.9);
  background-size: 100%, 100%;
  border-radius: 50%;
  border: 1px solid black;
  background-image: none;
  font-size: 35px;
  text-align: center;
  display: inline-block;
}

.prod-view-btn {
  text-align: center;
  display: inline-block;
  margin: 0 auto;
}

.prod-view-btn a {
  background: linear-gradient(to bottom, rgba(238,29,37,1) 10%,rgba(203,14,22,1) 81%);
  color: #fff;
  border-radius: 100px;
  padding: 10px 40px;
  font-size: 20px;
  font-weight: 400;
  display: inline-block;
  margin-top: 40px;
  box-shadow: 0 3px 5px #ddd;
}

.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#379f00;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius: 100px;

}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.inner-page { padding:60px 0;}
.about-conten h6 {
  color: #64656a;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 0px;
}
.about-conten h3 {
  color: #ee1d25;
  font-size: 52px;
  font-weight: bold;
  line-height: 60px;
  text-transform: uppercase;
}
/* .about-conten h3 span {
  font-size: 36px;
  display: block;
} */
.about-conten p {
  text-align: justify;
  font-weight: 400;
  color: #000;
  font-size: 16px;
}
.about-infra p {
  text-align: justify;
  font-size: 16px;
}
.about-infra ul {
  margin: 0px;
  padding: 0px;
}
.about-infra li {
  list-style-type: decimal-leading-zero;
  margin-left: 22px;
  line-height: 30px;
  padding: 8px 0;
  border-bottom: 1px dashed #ddd;
}

/* .about-page-img img {
  background: #fff;
  box-shadow: 0 5px 3px #eee;
  padding: 10px;
  border: 1px solid #eee;
} */

#gray-bg { background-color:#f9f9f9; padding:60px 0;}

#contact { background: url(../images/contact-bg.jpg) no-repeat;
    background-size: auto;
    background-position: top center;
}

.contact-form-blk {
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 65px 65px 27px 65px;
    background: #fff;
}
.contact-details-blk {
  padding: 40px;
  margin-bottom: 30px;
  border-radius: 8px;
  transition: 0.4s ease;
  border: 3px solid #eee;
  background: #33383E;
}
.contact-details-blk h3 {
  color: #fff;
  font-size: 20px;
}
.contact-details-blk p { color:#fff;}

.location-blk a { color: #ee1d25;}

.sec-heading {
  text-align: center;
  font-size: 36px;
  color: #373d44;
  font-weight: bold;
  text-transform: uppercase;
}
.sec-heading .red-text {
  color: #ee1d25;
}
.form-control { padding: 15px 20px 13px 22px;
  border-color: #eeeeee;
  max-width: 100%;
    border: 1px solid #e6e6e6;
    background: transparent;
    line-height: 25px;
    margin: 0 0 0px 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    outline: none;
    border-radius: 0px;
}
.form-control:focus { border-color: #ee1d25; box-shadow: none; }

#captcha {
  text-align: right;
  background: #eee;
  padding: 0 15px;
  height: 56px;
}

.submit-btn {
  padding: 7px 30px 7px 30px;
  margin: 3px 0px 0px 0px;
  color: #FFFFFF;
  background-color: #D83030;
  border: none;
  border-radius: 100px;
}

.inner-prod-img { 
  box-shadow: 0 3px 8px #eee;
  background-color: #fff;
  padding: 12px;
}

.product-descrip ul { margin:0px; padding:0px;}
.product-descrip  li { list-style-type: disc; margin-left: 17px; }
.product-title {
  font-size: 24px;
  color: #373d44;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.col-2.col-md-2.col-sm-3.col-6 {
  max-width: 20%;
  flex: 20%;
  padding: 0 5px;
}

#prodctdetails .prod-outer-blk { margin-bottom:20px ; }

.inner-banner { position: relative; z-index: -1;}
.inner-banner h1 {
  position: absolute;
  color: #ee1d25;
  z-index: 9;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-transform: capitalize;
  text-shadow: 2px 4px rgba(0,0,0,0.2);
}

#benefit .table td, .table th { padding:.25rem;}
.benefit-outer-blk { border: 1px solid #eee;  padding: 15px;  box-shadow: 0 3px 8px #eee;}

.benefit-conten ul { margin:0px; padding: 0px;}
.benefit-conten li { list-style-type: decimal-leading-zero;
  margin-left: 22px;
  line-height: 30px;
  padding: 8px 0;
  border-bottom: 1px dashed #ddd; }

#exports {
    background-color: #f9f9f9;
    padding: 60px 0;
}

#prodctdetails .nav.nav-tabs li a { color: #000; font-size: 18px; }
#prodctdetails .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #495057;
  background-color: #ee1d25;
  border-color: #ee1d25 #dee2e6 #fff;
  color: #fff !important;
}


.prod-list ul { margin: 0px; padding:0px;}
.prod-list li { display: inline-block; padding:0 10px; font-weight: 600; }
#captcha { text-align: right;}
.prod-list li i { color: #ee1d25; font-size: 13px;}

canvas{
  /*prevent interaction with the canvas*/
  pointer-events:none;
}
/*.usages-img-blk img { border: 5px solid #fff; box-shadow:0 5px 8px #eee;}*/


/* responsive  */

/* @media  screen and (max-width:2430px) {
 
  #specials-product .product-img { height: 230px;  overflow: hidden; }
} */

/* (1440x900) WXGA+ Display */
@media  screen and (max-width: 1440px) {
  /* insert styles here */
}

/* (1680x1050) WSXGA+ Display */
@media  screen and (max-width: 1680px) {
  /* insert styles here */
}

/* (1920x1080) Full HD Display */
@media  screen and (max-width: 1920px) {
  /* insert styles here */
  /* #specials-product .product-img { height: 210px;  overflow: hidden; } */
}

/* (1600x900) HD+ Display */
@media  screen and (max-width: 1600px) {
  /* insert styles here */
}

/* (2430x1080) Full HD Display */





@media  screen and (max-width:1024px) {
  .navbar-expand-md .navbar-nav .nav-item {  font-size: 16px;  padding: 0 20px;   }
  .navbar { padding:.5rem 0rem;}
  .carousel-item > img { height: 25rem;}
  .carousel-item { height: 25rem;} 
  .carousel-caption h4 { font-size: 60px;}
  .carousel-caption h2 { font-size: 72px;}
  .carousel-caption h6 { font-size: 36px;}
}

@media  screen and (max-width:991px) {
  .navbar-expand-md .navbar-nav .nav-item {
    font-size: 15px;
    padding: 0 18px;
}
.container { max-width: 95%; }
.company-name h3 { font-size: 45px; font-weight: bold; line-height: 53px;}
}

@media  screen and (max-width:767px) {
  .carousel-caption h4 { font-size:60px; }
  .carousel-caption h2 { font-size:48px; }
  .carousel-caption h6 { font-size:36px; }
  .carousel-item > img { height:17rem;}
  .company-name h3 { font-size:34px; font-weight: bold; line-height: 53px;}
  .carousel-item { height:17rem;}
  .carousel-caption { bottom:45px;}
  .welcome-text p { margin-left: 0px; margin-top: 20px;}
  .welcome-text { border-left: none;}
  .company-name a {     padding: 6px 26px; margin-top: 12px; font-size: 18px;}
  .fot-nav li { padding: 6px 10px; line-height: 3px;}
  .copy-right p { text-align: center; font-size:13px; margin: 10px 0 0px;}
  .design-by p { text-align: center; font-size: 13px; margin: 10px 0 10px;}
  .about-conten h3 { font-size:36px;}
  .inner-banner h1 { font-size: 24px;}
  .sec-heading { font-size: 24px;}
  .contact-form-blk { padding: 15px 15px 15px 15px;}
  #captcha { text-align: center;}
  .submit-btn { margin-top: 15px;}
  .navbar-brand.wow.bounceInLeft.animated { width:60%; }
  .navbar-toggler { padding:.10rem .20rem; border-radius: 0px;  background-color: #ee1d25; color: rgba(255,255,255,.9); border-color: rgba(255,255,255,.9); }
  .navbar-toggler-icon {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg);
  }
  .navbar { padding: .5rem 0rem;}
  .navbar-expand-md .navbar-nav .nav-item { border-right: none; padding:5px 15px ; }
  #welcome { padding: 30px 0;}
  #navbarCollapse {
    position: absolute;
    width: 100%;
    background: #fff;
    left: 0px;
    top:95px;
    right: 0px;
    padding: 10px 10px 0;
  }
}


@media  screen and (max-width:575px) {
  .carousel-caption h4 { font-size:36px; }
  .carousel-caption h2 { font-size:30px; }
  .carousel-caption h6 { font-size:24px; }
  .carousel-item > img { height:10rem;}
  .carousel-item { height:10rem;}
  .carousel-caption { bottom: -5px;}
  .welcome-text p { margin-left: 0px; margin-top: 20px;}
  .welcome-text { border-left: none;}
  .company-name a {     padding: 6px 26px; margin-top: 12px; font-size: 18px;}
  .fot-nav li { padding: 6px 10px; line-height: 3px;}
  .copy-right p { text-align: center; font-size:13px; margin: 10px 0 0px;}
  .design-by p { text-align: center; font-size: 13px; margin: 10px 0 10px;}
  .about-conten h3 { font-size:36px;}
  .inner-banner h1 { font-size: 24px;}
  .sec-heading { font-size: 24px;}
  .contact-form-blk { padding: 15px 15px 15px 15px;}
  #captcha { text-align: center;}
  .submit-btn { margin-top: 15px;}
  .navbar-brand.wow.bounceInLeft.animated { width:60%; }
  .navbar-toggler { padding:.10rem .20rem; border-radius: 0px;  background-color: #ee1d25; color: rgba(255,255,255,.9); border-color: rgba(255,255,255,.9); }
  .navbar-toggler-icon {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg);
  }
  .navbar { padding: .5rem 0rem;}
  .navbar-expand-md .navbar-nav .nav-item { border-right: none; padding:5px 15px ; }
  #welcome { padding: 30px 0;}
  #navbarCollapse {
    position: absolute;
    width: 100%;
    background: #fff;
    left: 0px;
    top: 73px;
    right: 0px;
    padding: 10px 10px 0;
  }

}

@media  screen and (max-width:360px) {
.carousel-caption h4 { font-size:36px; }
.carousel-caption h2 { font-size:30px; }
.carousel-caption h6 { font-size:24px; }
.carousel-item > img { height:10rem;}
.carousel-item { height:10rem;}
.carousel-caption { bottom: -5px;}
.welcome-text p { margin-left: 0px; margin-top: 20px;}
.welcome-text { border-left: none;}
.company-name a {     padding: 6px 26px; margin-top: 12px; font-size: 18px;}
.fot-nav li { padding: 6px 10px; line-height: 3px;}
.copy-right p { text-align: center; font-size:13px; margin: 10px 0 0px;}
.design-by p { text-align: center; font-size: 13px; margin: 10px 0 10px;}
.about-conten h3 { font-size:36px;}
.inner-banner h1 { font-size: 24px;}
.sec-heading { font-size: 24px;}
.contact-form-blk { padding: 15px 15px 15px 15px;}
#captcha { text-align: center;}
.submit-btn { margin-top: 15px;}
.navbar-brand.wow.bounceInLeft.animated { width:60%; }
.navbar-toggler { padding:.10rem .20rem; border-radius: 0px;  background-color: #ee1d25; color: rgba(255,255,255,.9); border-color: rgba(255,255,255,.9); }
.navbar-toggler-icon {
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg);
}
.navbar { padding: .5rem 0rem;}
.navbar-expand-md .navbar-nav .nav-item { border-right: none; padding:5px 15px ; }
#welcome { padding: 30px 0;}
#navbarCollapse {
  position: absolute;
  width: 100%;
  background: #fff;
  left: 0px;
  top: 73px;
  right: 0px;
  padding: 10px 10px 0;
}
}


/* Responsive Css */