@charset "utf-8";
/* CSS Document */

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


::selection {
  color: #fff;
  background: #e82228; 
}
.page-loader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:rgba(232,34,40,0.97);}
.page-loader video{height: 100%;object-fit: cover;object-position: center;}
.page-loader-inr{position: absolute;left: 0;top: 50%;text-align: center;width: 100%; -webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);-o-transform: translate(0%, -50%);transform: translate(0%, -50%);}
.loader1 span {
   vertical-align:middle; 
   display:inline-block;
   width:10px;
   height:10px;
   margin:3px 2px;
   -webkit-animation:loader1 0.8s linear infinite alternate;
   animation:loader1 0.8s linear infinite alternate;
}
.loader1 span:nth-child(1) {
   -webkit-animation-delay:-1s;
   animation-delay:-1s;
  background:rgba(255, 255, 255,0.6);
}
.loader1 span:nth-child(2) {
   -webkit-animation-delay:-0.8s;
   animation-delay:-0.8s;
  background:rgba(255, 255, 255,0.8);
}
.loader1 span:nth-child(3) {
   -webkit-animation-delay:-0.26666s;
   animation-delay:-0.26666s;
  background:rgba(255, 255, 255,1);
}
.loader1 span:nth-child(4) {
   -webkit-animation-delay:-0.8s;
   animation-delay:-0.8s;
  background:rgba(255, 255, 255,0.8);
  
}
.loader1 span:nth-child(5) {
   -webkit-animation-delay:-1s;
   animation-delay:-1s;
  background:rgba(255, 255, 255,0.4);
}

@keyframes loader1 {
   from {transform: scale(0, 0);}
   to {transform: scale(1, 1);}
}
@-webkit-keyframes loader1 {
   from {-webkit-transform: scale(0, 0);}
   to {-webkit-transform: scale(1, 1);}
}


body{font-family: 'Roboto', sans-serif;margin:0;padding:0;font-size:14px;line-height:20px;font-weight:400;overflow-x:hidden;} 
section{overflow-x:hidden;}
a {-webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;-ms-transition: 0.2s ease-out;transition: 0.2s ease-out;text-decoration: none;}
a:hover {text-decoration: none;}
a:focus {outline: none;text-decoration: none;}  
h3{font-family: 'Raleway', sans-serif;}
.container{max-width:1430px;} 
.whatsapp{position: fixed;left:15px;bottom: 25px;width: 64px;height: 64px;border-radius: 64px;animation: bluePulse 1.5s infinite;z-index:99;}

@keyframes bluePulse {
  0% {
    transform: scale(1);
  }
  15% {
    box-shadow: 0 0 0 2px rgba(74, 174, 32, 0.4);
  }
  25% {
    box-shadow: 0 0 0 4px rgba(74, 174, 32, 0.4),
      0 0 0 8px rgba(74, 174, 32, 0.2);
  }
  25% {
    box-shadow: 0 0 0 8px rgba(74, 174, 32, 0.4),
      0 0 0 16px rgba(74, 174, 32, 0.2);
  }
}
.header{position: fixed;left: 0;top: 0;width: 100%;padding: 20px 15px 0;z-index: 999;}
.header .container{background: #fff;padding: 15px;border-radius: 10px;display: table;overflow: hidden;position: relative;}
.menu-fixed{padding: 0;background: #fff;box-shadow: 0px 0px 15px rgba(0,0,0,0.15);}
.menu-fixed .container{border-radius: 0;max-width: 100%;}
.logo{float: left;position: relative;z-index: 9;}


.head-last{position: absolute;right: 0;top: 0;background: #e82228 url("../images/head-last.jpg") no-repeat;background-position: left top;background-size: contain;height: 100%;margin: 0;padding:36px 15px 0 0;list-style: none;text-align: right;min-width: 230px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;z-index: 9;} 
.head-last li{position: relative;padding-top: 13px;}
.head-last li a{color: #fff;font-weight: 600;font-size: 18px;}
.head-last li a i{width: 45px;height: 45px;border-radius: 45px;background: #fff;color: #e82228;text-align: center;padding-top: 11px;position: absolute;left: 0;top: 0;font-size: 24px;box-shadow: 0px 0px 10px rgba(0,0,0,0.15);}
.head-last li a strong{font-weight: 600;}
.social-fixed{margin: 0;padding: 0;list-style: none;position: fixed;right: 5px;bottom: 5px;z-index: 999;width: 35px;}
.social-fixed li{display: inline-block;margin: 3px 0;}
.social-fixed li a{width: 35px;height: 35px;display: inline-block;text-align: center;border: solid #fff 2px;line-height: 32px;color: #e82228;background: #fff;border-radius: 35px; transition-duration: 0.3s;transition-delay: 0.1s;box-shadow: 0px 0px 10px rgba(0,0,0,0.15); } 
.social-fixed li a:hover{background:#e82228;color: #fff;}
@keyframes bounce {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-10px);
    }
}
@-webkit-keyframes bounce {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-10px);
    }
}
.bounce1 {
    animation: bounce 1.0s infinite alternate;
    -webkit-animation: bounce 1.0s infinite alternate;
}
.bounce2 {
    animation: bounce 1.1s infinite alternate;
    -webkit-animation: bounce 1.1s infinite alternate;
}
.bounce3 {
    animation: bounce 1.2s infinite alternate;
    -webkit-animation: bounce 1.2s infinite alternate;
}


.menu-fixed .head-last{border-top-right-radius: 0;border-bottom-right-radius: 0;}
.menu{margin: 0 0 0;position: absolute;left: 0;top: 38px;width: 100%;text-align: center;}
.menu .navbar{padding: 0;display: inline-block;}
.menu .navbar-nav li{margin: 0 15px;padding-top: 11px;}
.menu .navbar-nav li .nav-link{padding:0;color: #000;font-weight: 600;text-transform: uppercase;font-size: 14px;border-bottom: solid rgba(255,255,255,0.00) 2px;}
.menu .navbar-nav li .nav-link:hover{color: #e82228;border-bottom-color: #e82228;}
.menu .navbar-nav li.active .nav-link{color: #e82228;border-bottom-color: #e82228;} 



.slider{width: 100%;float: left;height: 100vh;position: relative;background:url("../images/banner-bg.jpg") no-repeat;background-size: cover;background-position: center;padding-top: 210px;overflow: hidden;}
.banner-cap-inner{position: absolute;left: 0;top: 50%;width: 100%;-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);-o-transform: translate(0%, -50%);transform: translate(0%, -50%);padding: 0 15px 0 30px;}
.banner-cap-inner h3{color: #323232;font-size: 70px;font-weight: 700;margin: 0 0 10px;}
.banner-cap-inner p{color: #515151;line-height: 22px;margin: 0 0 10px;}
.banner-cap-inner a{display: inline-block;padding: 10px 50px 8px 20px;border-radius: 30px;color: #fff;border: solid #fff 2px;font-weight: 400;text-transform: uppercase;font-family: 'Raleway', sans-serif;position: relative;}
.banner-cap-inner a:hover{background: #fff;color: #e82228;}
.banner-cap-inner a i{position: absolute;right: 3px;top: 3px;background: #fff;color: #000;width: 32px;height: 32px;border-radius: 30px;text-align: center;padding-top: 5px;font-size: 24px;}
.banner-cap-inner a:hover i{background: #e82228;color: #fff;}
.banner-img img{max-width: 100%;}
.banner-cap-inner h4{text-decoration: underline;color: #fff;font-family: 'Raleway', sans-serif;text-transform: uppercase;font-size: 20px;margin: 0 0 15px;letter-spacing: 4px;}
.banner-cap-inner h3{color: #fff;font-weight: 400;font-size: 55px;text-transform: uppercase;margin: 0 0 15px;}
.banner-cap-inner h3 strong{font-weight: 700;display: inline-block;border-radius: 5px;padding:2px 6px;background: #e82228;}
.slider .carousel-control-prev{width: 50px;height: 50px;background: #fff;opacity: 1;color: #000;font-size: 25px;-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);-o-transform: translate(0%, -50%);transform: translate(0%, -50%);top: 50%;left: -40px;}
.slider .carousel-control-next{width: 50px;height: 50px;background: #fff;opacity: 1;color: #000;font-size: 25px;-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);-o-transform: translate(0%, -50%);transform: translate(0%, -50%);top:50%;right: -40px;}
.targeted-customer{width: 100%;float: left;padding-bottom: 60px;margin-top: -80px;}
.targeted-customer .item{text-align: center;background: #fff8f8;border-bottom: solid #e82228 4px;padding: 15px;position: relative;}
.targeted-customer .item img{width: 100%;position:relative;z-index: 9;}
.targeted-customer .item::before{position: absolute;left: 0;bottom: 0;content: "";width: 100%;background: #e82228;-webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;-ms-transition: 0.2s ease-out;transition: 0.2s ease-out;height: 0;}
.targeted-customer .item:hover::before{height: 100%;}
.targeted-customer .item span{display: inline-block;width: 80px;height: 80px;border-radius: 80px;background: #fff;color: #e82228;font-size: 42px;font-weight: 700;padding-top: 30px;box-shadow: 0px 0px 10px rgba(0,0,0,0.10);position: relative;z-index: 9;}
.targeted-customer .item h3{color: #000;font-weight: 700;font-size: 16px;margin:0 auto;text-transform: uppercase;position: absolute;z-index: 9;left: 0;right: 0;bottom: 60px;width: 90%;padding: 10px;background: #fff;border-radius: 30px;box-shadow: 0px 0px 15px rgba(0,0,0,0.15);}
.targeted-customer .item p{color: #5d5d5d;margin: 0 0 10px;position: relative;z-index: 9;}
.targeted-customer .item a{display: inline-block;border: solid #e82228 2px;border-radius: 30px;color: #e82228;text-transform: uppercase;font-weight: 600;padding: 5px 20px;position: relative;z-index: 9;margin-top: 15px;}
.targeted-customer .item:hover h3{color: #e82228;}
.targeted-customer .item:hover p{color: #fff;}
.targeted-customer .item:hover a{color: #fff;border-color: #fff;}
.about-sec{width: 100%;float: left;padding: 0 0 60px;}
.home-about-des{width: 100%;float: left;padding: 50px;background: #e82228;margin-top: 100px;}
.home-about-des h3{color: #fff;margin: 0 0 15px;font-weight: 700;font-size: 60px;}
.home-about-des p{color: #fff;line-height: 22px;margin: 0 0 15px;text-align: justify;}
.home-about-des ul{margin: 0;padding: 0;list-style: none;}
.home-about-des ul li{margin-right: 15px;position: relative;padding-left: 50px;padding-top:10px;color: #fff;text-transform: uppercase;font-size: 15px;font-weight: 600;text-decoration: underline;display: inline-block;}
.home-about-des ul li span{width: 40px;height: 40px;background: #fff;color: #e82228;border-radius: 40px;padding-top: 5px;position: absolute;left: 0;top: 0;text-align: center;line-height: 32px;font-size: 18px;}
.home-about-des a{display: inline-block;padding: 10px 50px 8px 20px;border-radius: 30px;color: #fff;border: solid #fff 2px;font-weight: 600;text-transform: uppercase;font-family: 'Raleway', sans-serif;position: relative;margin-top: 25px;}
.home-about-des a:hover{background: #fff;color: #e82228;}
.home-about-des a i{position: absolute;right: 3px;top: 3px;background: #fff;color: #e82228;width: 32px;height: 32px;border-radius: 30px;text-align: center;padding-top: 5px;font-size: 24px;}
.home-about-des a:hover i{background: #e82228;color: #fff;}
.service-home{width: 100%;float: left;padding: 60px 0;background: #fff8f8;min-height: 645px;position: relative;}
.service-home::before{position: absolute;right: 0;top: 0;content: "";background: url("../images/home-service-right.jpg") no-repeat;background-size: cover;background-position: center;height: 100%;width: 30%;}
.service-home small{text-align: center;display: inline-block;width: 100%;margin: 0 0 10px;color: #000;font-family: 'Raleway', sans-serif;font-size: 14px;font-weight: 600;}
.service-home h3{font-size: 36px;color: #e82228;font-weight: 700;margin: 0 0 15px;text-align: center;}
.service-home .nav-tabs{border-bottom: none;text-align: center;display: inline-block;width: 100%;margin-bottom: 25px;}
.service-home .nav-tabs .nav-item{margin: 0 2px;display: inline-block;}
.service-home .nav-tabs .nav-link{color: #e82228;border: solid #e82228 2px;border-radius: 60px;padding: 10px 25px;text-transform: uppercase;font-weight: 500;}
.service-home .nav-tabs .nav-link.active{background: #e82228;color: #fff;}
.service-home .nav-tabs .nav-link:hover{background: #e82228;color: #fff;}
.service-home .item figure{margin: 0;}
.service-home .item figure img{width: 100%;}
.service-home .item{background: #fff;box-shadow: 0px 0px 15px rgba(0,0,0,0.15);}
.service-home .item h4{padding: 10px;font-size: 14px;font-weight: 700;margin: 0;color: #000;}
.service-home .installation-service-home .item h4{min-height: 60px;}
.service-home .owl-item{padding: 15px;}
.service-home .owl-nav{margin: 0;position: relative;}
.service-home .owl-nav button{position: absolute;top:-228px;width: 35px;height: 35px;background: #fff !important;border-radius: 35px !important;outline: none;color:#e82228 !important;}
.service-home .owl-nav .owl-prev{left: 0;}
.service-home .owl-nav .owl-prev::before{content: "\ea9d";font-family:IcoFont;font-size: 20px;position: relative;top: 3px;}
.service-home .owl-nav .owl-next{right: 0;}
.service-home .owl-nav .owl-next::before{content: "\eaa0";font-family:IcoFont;font-size: 20px;position: relative;top: 3px;}
.service-home .owl-nav button span{display: none;}
.view-all-btn {
  margin: 20px auto 0;
  display: table;
  border: solid #e82228 2px;
  padding: 10px 50px 9px 20px;
  color: #e82228;
  border-radius: 60px;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
}
.view-all-btn i{position: absolute;right: 4px;top: 4px;background: #e82228;color: #fff;width: 35px;height: 35px;border-radius: 35px;text-align: center;padding-top: 5px;font-size: 24px;}
.view-all-btn:hover{background: #e82228;color: #fff;}
.view-all-btn:hover i{background: #fff;color:#e82228; }
.whychooseus{width: 100%;float: left;padding: 60px 0;}
.whychooseus .item{text-align: center;}
.whychooseus .item h4{margin: 15px 0;font-weight: 700;color: #e82228;font-size: 60px;}
.whychooseus .item p{color: #000;margin: 0;text-transform: uppercase;}
.home-contact{width: 100%;float: left;padding: 60px 15px 160px;background: url("../images/home-contact-bg.jpg") no-repeat;background-size: cover;background-position: center bottom;background-attachment: fixed;}
.home-contact-right ul{margin: 0;padding: 0;list-style: none;}
.home-contact-left{background: #fff;padding: 60px;}
.home-contact-left h4{color: #e82228;text-transform: uppercase;font-weight: 600;font-size: 18px;margin: 0 0 15px;}
.home-contact-left h3{color: #000;font-size: 36px;font-weight: 700;margin: 0 0 15px;}
.home-contact-left input{width: 100%;padding: 15px;margin: 0 0 5px;border: none;border-bottom: solid rgba(0,0,0,0.10) 1px;color: #000;outline: none;}
.home-contact-left textarea{width: 100%;padding: 15px;margin: 0 0 5px;border: none;border-bottom: solid rgba(0,0,0,0.10) 1px;color: #000;outline: none;height: 100px;resize: none;}
.home-contact-left button{margin: 10px 0 0;border: solid #e82228 2px;padding: 10px 50px 9px 20px;color: #e82228;border-radius: 60px;text-transform: uppercase;font-weight: 500;position: relative;background: none;cursor: pointer;}
.home-contact-left button i{position: absolute;right: 2px;top: 2px;background: #e82228;color: #fff;width: 35px;height: 35px;border-radius: 35px;text-align: center;padding-top: 6px;font-size: 24px;}
.home-contact-left button:hover{background: #e82228;color: #fff;}
.home-contact-left button:hover i{background: #fff;color:#e82228; }
.home-contact-right ul{margin:25px 0 0 0;padding: 0;list-style: none;display: inline-block;width: 100%;}
.home-contact-right ul li{width: 100%;margin: 12px 0;padding: 10px 10px 10px 140px;border: solid #fff 2px;border-radius: 10px;min-height: 140px;position: relative;}
.home-contact-right ul li figure{width: 115px;height: 115px;display: inline-block;background: #fff;text-align: center;padding-top: 20px;border-radius: 115px;position: absolute;left: 15px;top: 10px;}
.home-contact-right ul li p{color: #fff;margin: 40px 0 0;font-weight: 600;}
.home-contact-right ul li:nth-child(2) p {
  margin-top: 28px;
}
.home-contact-right ul li p a{color: #fff;}
.map-sec{width:100%;float: left;margin:-90px 0 0 0;padding:0 15px 60px;}
.map-sec iframe{border-radius: 15px;box-shadow: 0px 0px 15px rgba(0,0,0,0.15);}
.client-sec{width: 100%;float: left;padding: 60px 0;}
.client-sec .item{width: 100%;padding: 10px;border-radius: 10px;box-shadow: 0px 0px 15px rgba(0,0,0,0.10);text-align: center;}
.client-sec .item img{max-width: 100%;}
.client-sec .owl-item{padding: 15px;}
.footer{width: 100%;float: left;padding: 60px 0 30px;background: #0c0c0c;}
.footer-copy{width: 100%;float: left;padding: 20px 15px;background: #000;text-align: center;color: #fff;}
.footer-copy a{color: #fff;}
.footer-copy a:hover{color: #e72527;}
.footer-logo img{max-width: 100%;margin-bottom: 10px;}
.footer-logo p{color: #fff;margin: 0 0 10px;}
.footer-logo a{display: inline-block;padding: 6px 16px 4px 16px;border-radius: 30px;background: #fff;color: #e72527;font-weight: 600;text-transform: uppercase;border: solid #fff 2px;}
.footer-logo a:hover{background: none;color: #fff;}
.footer-links h3{color: #fff;font-weight: 700;margin: 0 0 15px;padding-bottom: 10px;text-transform: uppercase;font-size: 30px;border-bottom: solid #e72527 1px;}
.footer-links ul{margin: 0;padding: 0;list-style: none;}
.footer-links ul li{margin: 0 0 10px;}
.footer-links ul li a{padding-left: 15px;color: #fff;font-weight: 600;text-transform: uppercase;position: relative;}
.footer-links ul li a::before{position: absolute;left: 0;top: 5px;content: "";background: #fff;width: 6px;height: 6px;}
.footer-links ul li a:hover{color: #e72527;}
.footer-links ul li a:hover::before{background: #e72527;}
.footer-gallery h3{color: #fff;font-weight: 700;margin: 0 0 15px;padding-bottom: 10px;text-transform: uppercase;font-size: 30px;border-bottom: solid #e72527 1px;}
.footer-gallery ul{margin: 0;padding: 0;list-style: none;}
.footer-gallery ul li{width: 33%;float: left;padding-right: 5px;padding-bottom: 5px;}
.footer-gallery ul li img{width: 100%;object-fit: cover;height: 80px;}
.footer-gallery ul li:nth-child(3n){padding-right: 0;}
.footer-gallery a{display: inline-block;padding: 6px 16px 4px 16px;border-radius: 30px;color: #fff;font-weight: 600;text-transform: uppercase;margin-top: 10px;border: solid #fff 2px;}
.footer-gallery a:hover{background: #fff;color: #e72527;}
.footer-social h3{color: #fff;font-weight: 700;margin: 0 0 15px;padding-bottom: 10px;text-transform: uppercase;font-size: 30px;border-bottom: solid #e72527 1px;}
.footer-social ul{margin: 0;padding: 0;list-style: none;}
.footer-social ul li{margin-bottom: 10px;}
.footer-social ul li a{color: #fff;}
.footer-social ul li a:hover{color: #e72527;}
.footer-social ul li i{width: 35px;height: 35px;background: #fff;border-radius: 35px;color: #000;text-align: center;display: inline-block;font-size: 22px;padding-top: 7px;margin-right: 10px;}
.inner-banner{width: 100%;float: left;position: relative;}
.inner-banner img{width: 100%;object-fit: cover;height: 480px;}
.inner-banner::before{position: absolute;left: 0;top: 0;content: "";width: 100%;height: 100%;}
.inner-bnr-cap{width: 100%;position: absolute;left: 0;top: 50%;-webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);-o-transform: translate(0%, -50%);transform: translate(0%, -50%);}
.inner-bnr-cap ul{margin: 0;padding: 0;list-style: none;}
.inner-bnr-cap ul li{display: inline-block;color: #fff;padding-right: 35px;position: relative;font-weight: 600;text-transform: uppercase;margin-right: 10px;}
.inner-bnr-cap ul li::after{width: 8px;height: 8px;content: "";position: absolute;right: 0;top: 6px;background: #fff;border-radius: 8px;}
.inner-bnr-cap ul li::before{position: absolute;right: 5px;top: 9px;height: 2px;width: 20px;content: "";background: #fff;}
.inner-bnr-cap ul li:last-child::before{display: none;}
.inner-bnr-cap ul li:last-child{padding-right: 0;margin-right: 0;}
.inner-bnr-cap ul li:last-child::after{display: none;}
.inner-bnr-cap ul li a{color: #fff;}
.inner-bnr-cap ul li a:hover{color:#e72527; }
.inner-bnr-cap h3{font-size: 36px;color: #fff;font-weight: 700;margin:8px 0 0;}
.content-wraper{width: 100%;float: left;padding: 60px 0;}
.about-intro{background: #e82228;display: inline-block;position: relative;width: 100%;margin-bottom: 60px;padding: 60px 60px 280px;}
.about-intro::before{position: absolute;left: 0;bottom: 0;content: "";background: url("../images/about-year.png") no-repeat;background-position: left bottom;background-size: contain;width: 400px;height: 400px;}
.about-intro span{position: absolute;left: 40px;bottom: 40px;text-align: center;color: #000;font-size: 16px;font-weight: 500;}
.about-intro span strong {
  color: #e82228;
  font-size: 60px;
  font-weight: 700;
}
.about-page-img{text-align: center;}
.about-page-img img{max-width: 100%;}
.about-page h3{color:#fff;font-size: 24px;font-weight: 700;margin: 0 0 15px;position: relative;padding-bottom: 10px;}
.about-page h3 strong{display: inline-block;padding: 5px 12px;color: #fff;background: #e72527;border-radius: 6px;}
.about-page h3::before{background: #fff;width: 80px;height: 2px;content: "";position: absolute;left: 0;bottom: 0;}

.about-page h4{color:#000;font-size: 24px;font-weight: 700;margin: 15px 0 15px;position: relative;padding-bottom: 10px;display: inline-block;width: 100%;}
.about-page h4 strong{display: inline-block;padding: 5px 12px;color: #fff;background: #e72527;border-radius: 6px;}
.about-page h4::before{background: #000;width: 80px;height: 2px;content: "";position: absolute;left: 0;bottom: 0;}
.about-page .targeted-customer{float: none;display: inline-block;margin-top: 25px;}
.about-page .targeted-customer .item{background: #fff;min-height: 0;padding: 15px;border-bottom: none;box-shadow: 0px 0px 15px rgba(0,0,0,0.15);}
.about-page .targeted-customer .item h3::before{margin:0 auto;right: 0;background: #e72527;display: none;} 
.about-page .targeted-customer .item h3{color: #000;padding-bottom: 0;font-size: 18px;position: relative;bottom: 0;background: none;border-radius: 0;box-shadow: none;width: 100%;margin:10px 0 15px 0;}
.about-page .targeted-customer .item:hover h3{color: #000;}
.about-page .targeted-customer .item::before {display: none;}
.about-page .targeted-customer .item img{position: relative;z-index: 9;width: 100%;}
.about-page .targeted-customer .owl-item{padding:13px 10px;}
.about-page p{line-height: 22px;color: rgba(255,255,255,1);margin: 0 0 15px;}
.about-v-m{width: 100%;float: left;padding: 30px;border-radius: 15px;box-shadow: 10px 10px 0 #e72527;margin: 30px 0;min-height: 375px;border: solid #e72527 1px;}
.about-v-m img{margin-bottom: 15px;}
.about-v-m p{color: #000;}
.about-v-m h3{color: #e72527;}
.about-v-m h3::before{background:#e72527;}
.about-list{margin: 0;padding: 0;list-style: none;}
.about-list li{margin: 0 10px 10px 0;display: inline-block;position: relative;padding: 20px 25px 20px 65px;background: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,0.10);text-transform: uppercase;font-weight: 600;border-radius: 10px;}
.about-list li figure{position: absolute;left: 5px;top:5px;width: 65px;}
.about-list li figure img{max-width: 50px;}
.product-and-services-page h3{color:#e72527;font-size: 36px;font-weight: 700;margin: 0 0 15px;position: relative;padding-bottom: 10px;} 
.product-and-services-page h3::before{background: #e72527;width: 80px;height: 2px;content: "";position: absolute;left: 0;bottom: 0;}
.product-and-services-page h4{padding:10px 12px 8px 12px;color: #fff;font-size: 16px;margin: 0 0 15px;background: #e72527;border-radius: 6px;text-transform: uppercase;}


.product-and-services-page .card {
  margin-bottom: 15px;
  border: 0;
}

.product-and-services-page .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
          box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

.product-and-services-page .card .card-header .btn-header-link { 
  display: block;
  text-align: left;
  background: none;border: solid #e72527 2px;
  color: #e72527;
  padding: 5px 10px;font-weight: 600;text-transform: uppercase;font-size: 14px;
}
.product-and-services-page .card .card-header .btn-header-link:focus{outline: none;box-shadow: none;}
.product-and-services-page .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: 'FontAwesome';
  font-weight: 900;
  float: right;
}

.product-and-services-page .card .card-header .btn-header-link.collapsed {
  background: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
  color: #000;text-transform: uppercase;font-size: 14px;font-weight: 600;border-color: #fff;
}

.product-and-services-page .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}

.product-and-services-page .card .collapsing {
  background: #fff; 
}

.product-and-services-page .card .collapse {
  border: 0;
}

.product-and-services-page .card .collapse.show {
  margin-top: 15px;
}
.product-and-services-page .card-body{padding: 0px;}
.product-and-services-page .card-body img{width: 100%;}
.product-and-services-page .card-body h5{color: #000;font-weight: 600;font-size: 16px;margin: 0 0 15px;text-transform:uppercase;}
.product-and-services-page .card-body ul{margin: 0;padding: 0;list-style: none;}
.product-and-services-page .card-body ul li{padding-left: 12px;position: relative;color: rgba(0,0,0,0.70);margin-bottom: 5px;}
.product-and-services-page .card-body ul li::before{position: absolute;left: 0;top: 6px;content: "";width: 6px;height: 6px;border-radius: 6px;background: #e72527;}
.gallery-thumb{width: 100%;float: left;margin: 15px 0;}
.gallery-thumb img{width: 100%;cursor: pointer;}
.gallery-page h3{padding:10px 12px 8px 12px;color: #fff;font-size: 16px;margin: 0 0 15px;background: #e72527;border-radius: 6px;font-weight: 600;}
.contact-page .home-contact-right ul li p{color: #000;}
.contact-page .home-contact-right ul li p a{color: #000;}
.contact-page .home-contact-right ul li{border-color: #f2f2f2;}
.contact-page .home-contact-right ul{margin: 0;}
.contact-page .map-sec{margin:20px 0 0 0;padding: 0;}
.contact-page .home-contact-left{padding: 15px 15px 0;}
.video-section{width: 100%;float: left;padding: 60px 15px;text-align: center;position: relative;background: url("../images/video-sec-bg.jpg") no-repeat;background-attachment: fixed;background-position: left top;background-size: cover;}
.video-section img{max-width: 100%;border: solid #ff4e55 2px;box-shadow: 0px 0px 15px rgba(0,0,0,0.20);}
.video-section a{position: absolute;left:0;bottom: 0;width: 64px;height: 64px;border-radius: 64px;animation: bluePulse 1.5s infinite;right: 0;top: 0;margin: auto;background: #e92229;color: #fff;font-size: 26px;padding-top: 20px;}
.video-modal .modal-dialog {
  max-width: 700px;
}
.video-modal .close {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 35px;
  height: 35px;
  opacity: 1;
  background: #e92229;
  z-index: 9;
  color: #fff;
  text-shadow: none;
  border-radius: 35px;
  outline: none;
}

@keyframes bluePulse {
  0% {
    transform: scale(1);
  }
  15% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4);
  }
  25% {
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.4),
      0 0 0 8px rgba(255, 255, 255, 0.2);
  }
  25% {
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.4),
      0 0 0 16px rgba(255, 255, 255, 0.2);
  }
}
.about-logo-line{display: inline-block;padding: 30px 0;text-align: center;width: 100%;}
.about-logo-line img{max-width: 100%;}
.associated-brands{width: 100%;display: inline-block;text-align: center;}
.associated-brands ul{margin: 0;padding: 0;list-style: none;}
.associated-brands ul li{display: inline-block;background: #fff;padding: 15px;border-radius: 10px;box-shadow: 0px 0px 10px rgba(0,0,0,0.10);margin: 0 15px 15px 0;width: 23%;}
.associated-brands ul li img{max-width: 100%;}
.associated-brands ul li:nth-child(4n){margin-right: 0;}
.blog-page hr{margin: 15px 0;border-bottom: solid #cecece 1px;height: 2px;}
.blog-row img{width: 100%;}
.blog-row span{width: 100%;display: inline-block;color: #000;margin-bottom: 10px;}
.blog-row span i{color: #e72527;}
.blog-row h3{font-size: 24px;font-weight: 600;color: #000;margin: 0 0 10px;}
.blog-row p{color: #2E2E2E;line-height: 24px;margin: 0;}
.blog-page-detail h3{font-size: 18px;font-weight: 600;color: #000;margin: 0 0 10px;}
.blog-page-detail p{color: #2E2E2E;line-height: 24px;margin: 0 0 15px;}
.project-video-modal .modal-dialog {
  max-width: 480px;
}
.project-video-modal video {
  width: 100%;
}
.project-video-modal .modal-header {
  padding: 0;
  border-bottom: none;
}
.project-video-modal .close {
  position: absolute;
  right: -10px;
  top: -10px;
  opacity: 1;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background: #e92e34;
  text-shadow: none;
  color: #fff;
  cursor: pointer;
  z-index: 9;
}



/*media start here*/


@media screen and (max-width:1480px){ 
	.slider .carousel-control-prev{width: 30px;height: 30px;left: -20px;}
	.slider .carousel-control-next{width: 30px;height: 30px;right: -20px;}
}


@media screen and (max-width:1460px){ 
	.container{max-width:100%;}   
	.banner-img img{max-width: 600px;}
	.slider .carousel-control-prev{left: -10px;}
	.slider .carousel-control-next{right: -10px;}
	.service-home::before{width: 25%;}
} 


@media screen and (max-width:1370px){ 
	.whatsapp{left: 10px;bottom: 10px;width: 40px;height: 40px;}
	.whatsapp img{max-width: 100%;}  
	.banner-img img{max-width: 500px;}
	.banner-cap-inner h3{font-size: 45px;} 
	.targeted-customer{margin-top: -30px;}
	.inner-banner img{height: 400px;}
	.about-v-m{min-height: 400px;}
}

@media screen and (max-width:1300px){ 
	.logo img{max-width: 160px;}
	.menu{top: 27px;}
	.head-last{padding-top: 26px;}
	.slider{padding-top: 110px;} 
	.about-page .targeted-customer .item h3{font-size: 18px;}
}

@media screen and (max-width:1199px){ 
	.menu .navbar-nav li .nav-link{font-size: 13px;}
	.menu{float: left;position: relative;margin: 0;width: auto;top: 8px;}
	.home-about-des{padding: 30px;}
	.home-about-des ul li{font-size: 12px;}
	.service-home .nav-tabs .nav-link{background: #fff;box-shadow: 0px 0px 15px rgba(0,0,0,0.15);border-color: #fff;}
	.service-home::before{width: 33%;}
	.home-contact-left{padding: 15px;}
	.inner-banner img{height:300px;}
	.inner-bnr-cap{top: auto;-webkit-transform: translate(0%, 0%);-moz-transform: translate(0%, 0%);-ms-transform: translate(0%, 0%);-o-transform: translate(0%, 0%);transform: translate(0%, 0%);bottom: 0;padding-bottom: 15px;}
	.content-wraper{padding: 30px 0;}
	.about-v-m{min-height: 460px;}
	.menu .navbar-nav li{margin: 0 10px;}
	.about-page .targeted-customer .item h3{font-size: 16px;}
	.about-page .targeted-customer{margin-top: 0;padding: 15px 0;}
}


@media screen and (max-width:991px){  
	.menu .navbar-toggler{border: none;padding: 0;outline: none;position: absolute;right: 0;top:0;width: 40px;}
	.menu .navbar-toggler img{max-width: 100%;} 
	.menu .navbar{width: 100%;} 
	.menu .navbar-collapse{top:50px;left: 0;padding: 0 0;position: absolute;width: 100%;}
	.menu .navbar-nav li .nav-link{background: #fff;color:rgba(0,0,0,0.60);padding: 8px;}
	.menu .navbar-nav li{margin: 0 0 1px;padding-top: 0;} 
	.menu{width: 100%;top: 0;padding: 0 15px;position: absolute;right: 0;} 
	.head-last{background: none;min-width: 0;padding: 0;top: 17px;right: 104px;}
	.head-last li a i{width: 38px;height: 38px;padding-top: 8px;}
	.head-last li a{box-shadow: 0px 0px 10px rgba(0,0,0,0.10);}
	.head-last li a:hover{color: #e82228;border-color: #e82228;}
	.head-last li{margin: 0 2px;}
	.logo img{max-width: 125px;}
	.header .container{padding: 10px;}
	.banner-cap-inner{top: auto;-webkit-transform: translate(0%, 0%);-moz-transform: translate(0%, 0%);-ms-transform: translate(0%, 0%);-o-transform: translate(0%, 0%);transform: translate(0%, 0%);bottom: 0;padding: 15px;background: rgba(0,0,0,0.60);}
	.slider{text-align: center;overflow: hidden;}
	.banner-cap-inner h3{font-size: 35px;}
	.banner-img img{max-width: 100%;}
	.targeted-customer{padding-bottom: 30px;}
	.about-sec img{max-width: 100%;}
	.home-about-des{margin-top: 0;padding: 15px;}
	.home-about-des h3{font-size: 36px;margin: 0 0 10px;}
	.home-about-des p{line-height: 20px;}
	.home-about-des ul li{min-height: 45px;width: 100%;}
	.home-about-des a{margin-top: 10px;}
	.about-sec{padding-bottom: 30px;}
	.service-home::before{display: none;}
	.service-home{padding: 30px 0;min-height: 0;}
	.whychooseus{padding: 30px 0;}
	.home-contact-left h3{font-size: 24px;}
	.home-contact-right ul li figure{width: 65px;height: 65px;padding-top: 10px;}
	.home-contact-right ul li figure img{max-width: 40px;}
	.home-contact-right ul li{padding-left: 90px;min-height: 90px;}
	.home-contact-right ul li p{margin-top: 12px;}
	.home-contact-right ul li:nth-child(2) p {
  margin-top: 4px;
}
	.home-contact-right ul li:last-child p{margin-top: 20px;}
	.footer-gallery h3{margin-top: 15px;font-size: 24px;}
	.footer-social h3{margin-top: 15px;font-size: 24px;}
	.footer-links h3{font-size: 24px;}
	.footer{padding: 30px 0;}
	.about-v-m{min-height:550px;}
	.video-modal .modal-dialog{max-width: 98%;}
	.video-section{padding: 30px 15px;}
	.client-sec{padding: 30px 0;}
	.head-last li a strong{display: none;}
	.about-logo-line{padding: 5px 0;}
	.about-intro{margin-bottom: 15px;}
	.blog-row h3{font-size: 16px;}
	.blog-row p{line-height: 18px;}
}

@media screen and (max-width:767px){  
	.banner-cap-inner h3{font-size: 24px;}
	.banner-cap-inner h4{font-size: 16px;}
	.banner-cap-inner{position: relative;margin-top: 15px;padding: 15px 10px;}
	.banner-img img{max-width: 350px;}
	.targeted-customer .item{padding:15px;} 
	.about-sec img{width: 100%;}
	.home-about-des p{text-align: left;}
	.map-sec iframe{height: 300px;}
	.home-contact{padding: 30px 0 60px;}
	.map-sec{margin-top: -30px;padding-bottom: 30px;}
	.home-contact-right ul li figure img{max-width: 26px;}
	.home-contact-right ul li figure{left: 10px;width: 45px;height: 45px;padding-top: 7px;}
	.home-contact-right ul li p br{display: none;}
	.home-contact-right ul li{padding-left: 62px;min-height: 70px;}
	.home-contact-right ul li:first-child p{margin-top: 0;}
	.home-contact-right ul li p{font-size: 13px;}
	.home-contact-right ul li:nth-child(2) p{margin-top: 2px;}
	.home-contact-right ul li:nth-child(2) p br{display: block;}
	.home-contact-right ul li:last-child p{margin-top: 10px;}
	.home-contact-right ul li:nth-child(2){min-height: 0;}
	.home-contact-right ul li:last-child{min-height: 70px;}
	.footer-links h3{margin-top: 15px;}
	.about-v-m{margin: 15px 0;}
	.about-page-img img{margin-bottom: 15px;}
	.product-and-services-page .card-body img{margin-top: 15px;}
	.product-and-services-page h3{font-size: 26px;}
	.inner-bnr-cap h3{font-size: 22px;}
	.product-and-services-page .card .card-header .btn-header-link.collapsed{font-size: 12px;}
	.product-and-services-page .card .card-header .btn-header-link{font-size: 12px;}
	.gallery-thumb-outer{max-width: 33%;padding:0}
	.gallery-thumb{margin:0;padding: 5px;}
	.gallery-page .row{padding: 0 10px;}
	.contact-page .map-sec{margin:20px 0 0;padding: 0;}
	.about-v-m{min-height:0;padding: 15px;}
	.about-intro{padding: 15px 15px 180px;}
	.about-intro::before {width: 260px;height: 185px;}
	.about-intro span{left: 15px;}
	.targeted-customer .item h3{font-size: 14px;}
	.associated-brands ul li:nth-child(4n){margin-right: 15px;}
	.associated-brands ul li{width: 30%;}
	.associated-brands ul li:nth-child(3n){margin-right: 0;}
	.blog-row img{margin-top: 15px;}
}

@media screen and (max-width:650px){  
	.service-home .nav-tabs .nav-item{width: 100%;margin: 5px 0;}
	.project-video-modal .modal-dialog {
  max-width: 95%;
}
}

@media screen and (max-width:500px){  
	.about-list li{width: 100%;margin: 0 0 15px;}
	.about-page h3{font-size: 18px;}
	.about-list li{font-size: 12px;}
}

@media screen and (max-width:420px){  
	.associated-brands ul li:nth-child(3n){margin-right: 15px;}
	.associated-brands ul li:nth-child(2n){margin-right: 0;float: right;}
	.associated-brands ul li{width: 47%;float: left;}
}

@media screen and (max-width:360px){  
	.banner-cap-inner h3{font-size: 18px;margin: 0 0 5px;}
	.banner-cap-inner h4{font-size: 14px;margin: 0 0 5px;} 
	.banner-img img{max-width:80%;}
	.service-home .installation-service-home .item h4{min-height: 72px;}
}