@charset "UTF-8";

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

@font-face {

  font-family: 'Conv_Industry-Demi';

  src: url("../fonts/Industry-Demi.eot");

  src: local("☺"), url("../fonts/Industry-Demi.woff") format("woff"), url("../fonts/Industry-Demi.ttf") format("truetype"), url("../fonts/Industry-Demi.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'Forza';

  src: url("../fonts/Forza-Light.woff2") format("woff2"), url("../fonts/Forza-Light.woff") format("woff");

  font-weight: 300;

  font-style: normal;

  font-display: swap;

}



body {

  font-family: "Roboto", sans-serif;

}



p,

h1,

h2,

h3,

h4,

h5,

h6,

ul {

  margin: 0;

  padding: 0;

}



.morpad {

  padding: 0 5px;

}



.my-pad {

  padding: 0 5px;

}



a {

  text-decoration: none !important;

}



a:hover {

  text-decoration: none !important;

}



header .top-bar {

  background: #e8e8e8;

}



header .top-bar .top-left p {

  padding: 8px 0;

}



header .top-bar .top-left p i {

  color: #e31e24;

  font-size: 14px;

}



header .top-bar .top-left p a {

  color: #323232;

  font-size: 13px;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



header .top-bar .top-left p:hover a {

  color: #e31e24;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



header .top-bar .top-right ul {

  text-align: right;

  font-size: 0;

}



header .top-bar .top-right ul li {

  list-style: none;

  display: inline;

}



header .top-bar .top-right ul li a i {

  color: #4e4e4e;

  font-size: 12px;

  width: 27px;

  height: 40px;

  line-height: 40px;

  display: inline-block;

  border-left: 1px solid #d7d7d7;

  text-align: center;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



header .top-bar .top-right ul li:hover:nth-of-type(1) a i {

  background: #3b5999;

  color: #fff;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



header .top-bar .top-right ul li:hover:nth-of-type(2) a i {

  background: #e4405f;

  color: #fff;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



header .top-bar .top-right ul li:hover:nth-of-type(3) a i {

  background: #55acee;

  color: #fff;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



header .top-bar .top-right ul li:hover:nth-of-type(4) a i {

  background: #25D366;

  color: #fff;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



header .middle-bar {

  padding: 25px 0;

}



header .middle-bar .search form input {

  width: 100%;

  display: inline-block;

  outline: none;

  border: 1px solid #d7d7d7;

  border-radius: 25px;

  color: #9e9e9e;

  font-size: 13px;

  height: 48px;

  line-height: 48px;

  background: #f7f7f7;

  padding: 0 20px;

  position: relative;

}



header .middle-bar .search form button {

  position: absolute;

  right: 28px;

  bottom: 13px;

  border: none;

  outline: none;

  background: transparent;

  color: #010101;

  font-size: 15px;

}



header .middle-bar .moblink {

  display: none;

}



header .middle-bar #mySidenav {

  display: none;

}



header .nav-bar {

  background: #1e1e1e;

}



header .nav-bar .nav_win {

  text-align: left;

}



header .nav-bar .nav_win .main_navs .top_nav_items ul li {

  display: inline-block;

  position: relative;

  -webkit-transition: 0.45s all;

  transition: 0.45s all;

}



header .nav-bar .nav_win .main_navs .top_nav_items ul li a {

     color: #fff;

    font-size: 14px;

    display: inline-block;

    position: relative;

    height: 50px;

    line-height: 50px;

    padding: 0 20px;

    text-transform: uppercase;

    text-decoration: none !important;

    margin: 0 0 0 0px;

    font-family: "Conv_Industry-Demi";

}



header .nav-bar .nav_win .main_navs .top_nav_items ul li a i {

  font-size: 12px;

  color: #fff;

}



header .nav-bar .nav_win .main_navs .top_nav_items ul li a:hover {

  background: #e42511;

}



header .nav-bar .nav_win .main_navs .top_nav_items ul .l2_ul {

  position: absolute;

  top: 100%;

  left: 0px;

  right: 0px;

  display: none;

  width: 250px;

  z-index: 999;

  background: #e42511;

  border: 0px solid #e4e4e4;

  padding: 0 0 0 0;

  border-bottom: 0px;

}



header .nav-bar .nav_win .main_navs .top_nav_items ul .l2_ul .l2_li {

  display: block;

  text-align: left;

  width: 100%;

  background: transparent;

  -webkit-transition: 0.0s;

  transition: 0.0s;

  border-bottom: 1px solid #d2d2d2;

  position: relative;

}



header .nav-bar .nav_win .main_navs .top_nav_items ul .l2_ul .l2_li a {

  display: block;

  text-align: left;

  width: 100%;

  color: #fff;

  background: transparent;

  position: relative;

  font-size: 14px;

  padding: 0px 15px;

  height: 40px;

  line-height: 40px;

}



header .nav-bar .basket {

  background: #323232;

  text-align: center;

}



header .nav-bar .basket p {

  height: 50px;

  line-height: 50px;

  display: inline-block;

  text-align: center;

}



header .nav-bar .basket p i {

  color: #f7f7f7;

  font-size: 22px;

}



header .nav-bar .basket p a {

  color: #f7f7f7;

  font-size: 14px;

}



header .nav-bar .basket p a:hover {

  color: #e31e24;

}



.moblink{ display:none;}



.catagry {

  padding: 10px 0 0 0;

}



.catagry .cat {

  position: relative;

}



.catagry .cat a {

  text-decoration: none;

}



.catagry .cat a .cat-img {

  overflow: hidden;

}



.catagry .cat a .cat-img img {

  overflow: hidden;

  -webkit-transition: all 0.9s;

  transition: all 0.9s;

  height: 477px;

}



.catagry .container-fluid .row .col-lg-6:nth-of-type(1) .cat a .cat-text {

  right: 405px;

}



.about {

  padding-top: 10px;

}



.about .abt-box {

  background: #ebebeb;

  padding: 24px 30px 23px 90px;

}



.about .abt-box h5 {

  font-size: 16px;

  color: #da1e1f;

  font-weight: 700;

  letter-spacing: 1px;

  position: relative;

  padding: 0 0 10px 60px;

}



.about .abt-box h5::after {

  content: '';

  position: absolute;

  width: 56px;

  height: 3px;

  background: #da1e1f;

  left: 0px;

  top: 8px;

}



.about .abt-box h4 {

  color: #1d1d1d;

  font-size: 32px;

  text-transform: uppercase;

}



.about .abt-box h4 b {

  font-weight: 700;

}



.about .abt-box p {

  color: #6c6c6c;

  font-size: 13px;

  text-align: justify;

}



.about .abt-box .media {

  padding: 20px 0 0 0;

}



.about .abt-box .media span {

  background: #fdeff0;

  width: 65px;

  height: 65px;

  line-height: 53px;

  display: inline-block;

  border-radius: 50px;

  text-align: center;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



.about .abt-box .media span img {

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



.about .abt-box .media:hover span {

  background: #e31e24;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



.about .abt-box .media:hover span img {

  -webkit-filter: brightness(0) invert(1);

  filter: brightness(0) invert(1);

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



.about .abt-box .media .media-body {

  margin-left: 15px;

}



.about .abt-box .media .media-body h4 {

  color: #1d1d1d;

  font-size: 18px;

  font-weight: 700;

}



.about .abt-box .media .media-body p {

  color: #6c6c6c;

  font-size: 14px;

}



.about .abt-box a {

  display: inline-block;

  color: #fff;

  font-family: "Conv_Industry-Demi";

  font-size: 14px;

  width: 170px;

  height: 55px;

  line-height: 55px;

  border-radius: 2px;

  text-align: center;

  background: #e31e24;

  margin-top: 20px;

  border: 1px solid transparent;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



.about .abt-box a:hover {

  background: transparent;

  color: #e31e24;

  border: 1px solid #e31e24;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



.custom-box {

  padding: 10px 0;

}



.feature {

  padding: 10px 0 30px 0;

}



.feature .heading {

  text-align: center;

  padding: 0 0 15px 0;

}



.feature .heading h4 {

  color: #1d1d1d;

  font-size: 32px;

  font-weight: 700;

  text-transform: uppercase;

  padding: 0 0 10px 0;

}



.feature .featuremain {

  padding: 10px 0;

  overflow: hidden;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

  border: 1px solid #e8e8e8;

}



.feature .featuremain .featureimg {

  overflow: hidden;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



.feature .featuremain .featureimg img {

  overflow: hidden;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



.feature .featuremain .featurename {

  padding: 20px 0 0 0px;

  text-align: left;

  background: #ffffff;

  padding: 10px 30px 0 30px;

  text-align: center;

}



.feature .featuremain .featurename p {

  font-size: 18px;

  color: #161616;

  font-weight: 500;

}



.feature .featuremain .featurename h5 {

  color: #e31e24;

  font-size: 17px;

  font-weight: 500;

}



.feature .featuremain:hover .featureimg img {

  -webkit-transform: scale(1.1);

          transform: scale(1.1);

}



.feature .owl-nav {

  display: none;

}



.tech-box {

  background: #181818;

  padding: 70px 0;

}



.tech-box .heading {

  text-align: center;

  padding: 0 0 15px 0;

  margin: 0 auto;

}



.tech-box .heading h4 {

  color: #fff;

  font-size: 32px;

  font-weight: 700;

  text-transform: uppercase;

  padding: 0 0 10px 0;

}



.tech-box .tec {

  text-align: center;

}



.tech-box .tec .tec-img {

  border: 1px dashed #dadada;

  display: inline-block;

  width: 90px;

  height: 90px;

  line-height: 90px;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



.tech-box .tec .tec-img img {

  -webkit-filter: brightness(0) invert(1);

          filter: brightness(0) invert(1);

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



.tech-box .tec .tec-text {

  padding-top: 20px;

}



.tech-box .tec .tec-text h5 {

  color: #fff;

  font-weight: 500;

  font-size: 20px;

}



.tech-box .tec .tec-text p {

  color: #dadada;

  font-size: 14px;

}



.tech-box .tec:hover .tec-img {

  border: 1px dashed #e31e24;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



.tech-box .tec:hover .tec-img img {

  -webkit-filter: none;

          filter: none;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



.catlog {

  padding: 10px 0;

}



.catlog .news {

  background: #363636;

  padding: 10px;

}



.catlog .news h5 {

  color: #fff;

  font-size: 28px;

      padding: 10px 0;

}



.catlog .news h5 b {

  font-weight: 700;

}



.catlog .news .row p {

  color: #fff;

  font-size: 13px;

  padding-bottom: 5px;

  text-align: justify;

}



.catlog .news .row a {

  color: #fff;

  font-size: 14px;

  text-transform: uppercase;

  border: 1px solid #fff;

  display: inline-block;

  height: 45px;

  line-height: 45px;

  width: 135px;

  text-align: center;

  font-weight: 700;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



.catlog .news .row a i {

  font-size: 16px;

}



.catlog .news .row a:hover {

  background: #e31e24;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

  border: 1px solid #e31e24;

}



footer .main-footer {

  background: #161616;

  padding: 70px 0;

  border-bottom: 1px solid #222222;

}



footer .main-footer .foot .foot-head h4 {

  color: #fff;

  font-size: 18px;

  font-weight: 500;

  text-transform: uppercase;

  position: relative;

}



footer .main-footer .foot .foot-head h4::after {

  content: '';

  position: absolute;

  background: #e31e24;

  bottom: -10px;

  left: 0;

  width: 60px;

  height: 2px;

  display: inline-block;

}



footer .main-footer .foot .media {

  margin-top: 10px;

}



footer .main-footer .foot .media i {

  font-size: 16px;

  color: #e31e24;

}



footer .main-footer .foot .media .media-body {

  margin-left: 10px;

}



footer .main-footer .foot .media .media-body p {

  color: #b7b7b7;

  font-size: 14px;

}



footer .main-footer .foot .media .media-body p a {

  color: #b7b7b7;

  font-size: 14px;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



footer .main-footer .foot .media .media-body p a:hover {

  color: #e31e24;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



footer .main-footer .foot .foot-link {

  margin-top: 18px;

}



footer .main-footer .foot .foot-link ul li {

  list-style: none;

}



footer .main-footer .foot .foot-link ul li a {

  color: #b7b7b7;

  font-size: 14px;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



footer .main-footer .foot .foot-link ul li a:hover {

  color: #e31e24;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



footer .main-footer .foot .foot-search {

  margin-top: 18px;

}



footer .main-footer .foot .foot-search p {

  color: #b7b7b7;

  font-size: 14px;

}



footer .main-footer .foot .foot-search form {

  position: relative;

}



footer .main-footer .foot .foot-search form input {

  border: none;

  outline: none;

  background: #2b2b2b;

  color: #fff;

  display: inline-block;

  width: 100%;

  height: 42px;

  line-height: 42px;

  padding: 0 10px;

  position: relative;

  font-size: 13px;

}



footer .main-footer .foot .foot-search form button {

  border: none;

  outline: none;

  background: transparent;

  color: #fff;

  font-size: 20px;

  position: absolute;

  right: 5px;

  top: 5px;

}



footer .main-footer .foot .foot-cer {

  padding-top: 30px;

}



footer .main-footer .foot .foot-cer h4 {

  font-size: 18px;

  font-weight: 500;

  color: #fff;

  text-transform: uppercase;

  padding-bottom: 15px;

}



footer .copy {

  background: #161616;

  padding: 30px 0;

}



footer .copy .copyright p {

  font-size: 13px;

  color: #a1a1a1;

}



footer .copy .copyleft {

  text-align: right;

}



footer .copy .copyleft p {

  font-size: 13px;

  color: #a1a1a1;

}



footer .copy .copyleft p a {

  font-size: 13px;

  color: #a1a1a1;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



footer .copy .copyleft p a:hover {

  color: #e31e24;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



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

  .about .abt-box {

    padding: 63px 30px 63px 30px;

  }

  .about .abt-box .media {

    padding: 12px 0 0 0;

  }

  .catlog .news h5 {

    font-size: 25px;

  }

  .catlog .news .row p {

    color: #fff;

    font-size: 12px;

  }

  .catlog .news .row a {

    font-size: 12px;

    height: 45px;

    line-height: 45px;

    width: 130px;

  }

}



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

  .catagry .cat a .cat-img img {

    height: 416px;

  }

  .about .abt-box {

    padding: 20px 30px 20px 30px;

  }

  .about .abt-box h4 {

    font-size: 30px;

  }

  .about .abt-box .media {

    padding: 10px 0 0 0;

  }

  .about .abt-box .media span {

    width: 60px;

    height: 60px;

    line-height: 50px;

  }

  .about .abt-box .media .media-body h4 {

    font-size: 16px;

  }

  .about .abt-box .media .media-body p {

    font-size: 13px;

  }

  .about .abt-box a {

    font-size: 13px;

    width: 145px;

    height: 45px;

    line-height: 45px;

    margin-top: 10px;

  }

  .catlog .news h5 {

    font-size: 24px;

  }

  .catlog .news .row p {

    color: #fff;

    font-size: 11px;

  }

  .catlog .news .row a {

    font-size: 12px;

    height: 45px;

    line-height: 45px;

    width: 118px;

  }

}



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

  header .nav-bar .nav_win .main_navs .top_nav_items ul li a {

    color: #fff;

    font-size: 14px;

    display: inline-block;

    position: relative;

    height: 50px;

    line-height: 50px;

    padding: 0px 14px;

    text-transform: capitalize;

    text-decoration: none !important;

    margin: 0 0 0 0px;

    font-family: "Conv_Industry-Demi";

  }

  .catagry .cat a .cat-img img {

    height: 380px;

  }

  .about .abt-box {

    padding: 20px 30px 20px 30px;

  }

  .about .abt-box h5 {

    font-size: 14px;

    padding: 0 0 5px 60px;

  }

  .about .abt-box h4 {

    font-size: 24px;

  }

  .about .abt-box p {

    font-size: 11px;

  }

  .about .abt-box .media {

    padding: 5px 0 0 0;

  }

  .about .abt-box .media span {

    width: 60px;

    height: 60px;

    line-height: 50px;

  }

  .about .abt-box .media .media-body h4 {

    font-size: 14px;

  }

  .about .abt-box .media .media-body p {

    font-size: 11px;

  }

  .about .abt-box a {

    font-size: 13px;

    width: 126px;

    height: 40px;

    line-height: 38px;

    margin-top: 5px;

  }

  .feature .featuremain .featurename p {

    font-size: 16px;

  }

  .feature .featuremain .featurename h5 {

    font-size: 15px;

  }

  .tech-box .tec .tec-text h5 {

    font-size: 17px;

  }

  .tech-box .tec .tec-text p {

    font-size: 12px;

  }

  .catlog .news h5 {

    font-size: 18px;

  }

  .catlog .news .row p {

    font-size: 11px;

    letter-spacing: -0.5px;

    padding-bottom: 2px;

  }

  .catlog .news .row a {

    font-size: 11px;

    height: 35px;

    line-height: 35px;

    width: 98px;

  }

  footer .main-footer {

    padding: 40px 0;

  }

  footer .copy {

    background: #161616;

    padding: 20px 0;

  }

}



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

  header .middle-bar .search {

    display: none;

  }

  header .middle-bar .moblink {

    display: block;

  }

  header .middle-bar #mySidenav {

    display: block;

  }

  header .nav-bar {

    display: none;

  }

  .catagry .cat a .cat-img img {

    height: 300px;

  }

  footer .main-footer .foot .foot-head h4 {

    font-size: 15px;

  }

  footer .main-footer .foot .media .media-body p {

    font-size: 12px;

  }

  footer .main-footer .foot .media .media-body p a {

    font-size: 12px;

  }

  footer .main-footer .foot .foot-link ul li a {

    font-size: 12px;

  }

  footer .main-footer .foot .foot-search p {

    font-size: 12px;

  }

  footer .main-footer .foot .foot-cer {

    padding-top: 15px;

  }

  footer .main-footer .foot .foot-cer h4 {

    font-size: 16px;

    padding-bottom: 8px;

  }

  .moblink{ display:block;}

}



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

  header .top-bar {

    display: none;

  }

  .catagry {

    padding: 5px 0;

  }

  .catagry .cat a .cat-img img {

    height: auto;

  }

  .catagry .cat a .cat-img {

    overflow: hidden;

    padding: 5px 0;

  }

  .about {

    padding: 0;

  }

  .feature {

    padding: 10px 0 10px 0;

  }

  .feature .heading h4 {

    font-size: 28px;

  }

  .tech-box {

    padding: 20px 0;

  }

  .tech-box .heading h4 {

    font-size: 28px;

  }

  .tech-box .tec .tec-text {

    padding: 5px 0;

  }

  .tech-box .tec .tec-text h5 {

    font-size: 14px;

  }

  .tech-box .tec .tec-text p {

    font-size: 11px;

  }

  footer .main-footer .foot .foot-link {

    margin-top: 12px;

  }

  .foot {

    padding: 5px 0;

  }

  footer .copy .copyright p {

    font-size: 13px;

    color: #a1a1a1;

    text-align: center;

  }

  footer .copy .copyleft p {

    font-size: 13px;

    color: #a1a1a1;

    text-align: center;

  }

  

}

/*# sourceMappingURL=index.css.map */