@font-face {
  font-family: "FontAwesome";
  src: url("fonts/fontawesome-webfont.ttf")
}
html, body {
    /* height: 100%; */
    overflow-x: hidden;
}
body {
  font-size: 16px;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  margin: 0;
  padding: 0;
  background: #fff;
  height: 100%;
  text-align: center;

}
*,*::before, *::after{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

p{line-height: 28px;}

/* -- Preloader */
.spinner-wrapper {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #ffffff;z-index: 999999;}
.sk-cube-grid {width: 40px;height: 40px;margin: 100px auto;position: absolute;top: 50%;left: 50%;transform: translate(-20px,-100px); }
.sk-cube-grid .sk-cube { width: 33%;height: 33%;background-color: rgb(255, 0, 0);float: left;-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
                        animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;}
.sk-cube-grid .sk-cube1 {-webkit-animation-delay: 0.2s;animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {-webkit-animation-delay: 0.3s;animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {-webkit-animation-delay: 0.4s;animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {-webkit-animation-delay: 0.1s;animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {-webkit-animation-delay: 0.2s;animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {-webkit-animation-delay: 0.3s;animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {-webkit-animation-delay: 0s;animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {-webkit-animation-delay: 0.1s;animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {-webkit-animation-delay: 0.2s;animation-delay: 0.2s; }


/*** -- Header section - COMMON */

.bg-black{background: #000;}
.bg-white-transparent{background: rgba(255, 255, 255, 0.842);}

.all header .address .phone::before,
.all header .address .mail::before,
.all .owl-prev span::before,
.all .owl-next span::before{ position: relative; content: ""; font-family: "Font Awesome 5 Free";font-weight: 900;left: -5px; }

.all header .contact{padding: 5px 10px;}
.all header .address{color: #fff;font-family: "Roboto";font-weight: 300;}

.all header .address .phone::before{content: "\f3cd";}
.all header .address .mail::before{content: "\f0e0";}
.all header .address span a{text-decoration: none; color: #fff;}

.all header .social ul{text-decoration: none;list-style-type: none;margin-bottom: 0;}
.all header .social ul > li > a{color: #fff;background: transparent;transition: all 300ms ease-in-out;}
.all header .social ul li:hover a{color: rgb(255, 0, 0);}

.all header nav ul > li > a{color: #000 !important;font-weight: 600;transition: all 200ms ease-in-out;display: block;padding: 10px 18px;text-decoration: none;}
.all header nav ul li:hover,.all header nav ul li.current-menu-item{border-top: 1px solid rgb(255, 0, 0); border-bottom: 1px solid rgb(255, 0, 0);background: transparent;}
.all header nav ul li.current-menu-item a{color:rgb(255, 0, 0) !important;}
.all header nav ul li:hover a{color:rgb(255, 0, 0) !important;}
.all header .navbar-toggler{background: #000;}
.all header .collapse {display: flex;justify-content: flex-end;}
.all header .btn-quotes{color: black;margin-left: 20px;}

/* -- Navbar for Small Device common for all pages*/

.nav-small{padding: 0;}
.nav-small ul{display: block;}
.nav-small .navbar {top: 0;left: 0;right: 0;bottom: 0;height: 100vh;background: rgb(245, 245, 245);position: absolute; z-index: 1002; list-style: none;visibility: hidden;overflow:scroll;}
.nav-small li {font-family: 'Lato', sans-serif;font-weight: normal;font-size:25px;height: calc(100vh / 6);display: flex;align-items: center;}
.nav-small li {cursor: pointer; transform: translatex(-999px);transition: 0.75s all ease-in;}
.nav-small a { color: rgb(0, 0, 0); width: 100%;text-align: center;text-decoration: none;}


nav .menu {z-index: 100;position: relative;cursor: pointer;}
nav .menu,
nav .menu::before,
nav .menu::after { width: 25px;height: 2px;border-radius: 10px; background: rgb(14, 14, 14);}
nav .menu::before,
nav .menu::after {content: ""; display: block; position: absolute;transition: top 0.5s cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);}
nav .menu::before { top: -8px;}
nav .menu::after {top: 8px;}
nav .menu .click-area{height: 30px;position: relative;top: -10px; cursor: pointer;}

nav .menu-close {background: rgba(0, 0, 0, 0);position: fixed;right: 50px;z-index: 1003;}
nav .menu-close::before { transform: rotate(-45deg);top: 0;background: rgb(0, 0, 0);}
nav .menu-close::after {transform: rotate(45deg);top: 0;background: rgb(0, 0, 0);}

.navbar li:hover { background: rgba(0, 0, 0, 0.2);}
.navbar li:hover a {color: rgb(255, 0, 0);}

.nav-small .navbar--show {visibility: visible;overflow: hidden;height: 100vh;position: fixed;}
.nav-small .navbar--show::-webkit-scrollbar { width: 0 !important }
.nav-small .navbar--show { overflow: -moz-scrollbars-none; }
.nav-small .navbar--show { -ms-overflow-style: none; }

.nav-small .navbar--show li {transform: translatex(0px);background: #fdfdfd;}
.nav-small .navbar--show li:nth-child(2){transition-delay: 0.15s;}
.nav-small .navbar--show li:nth-child(3) {transition-delay: 0.3s;}
.nav-small .navbar--show li:nth-child(4) {transition-delay: 0.45s;}
.nav-small .navbar--show li:nth-child(5){transition-delay: 0.6s;}
.nav-small .navbar--show li:nth-child(6) {transition-delay: 0.75s;}


/* -- Owl Slider, Slider Dot , Nav , Bg Video*/


.video{display: block;position: relative;bottom: 0;left: 0;width: 100vw;height: 89vh; overflow: hidden;}
.video video{object-position: top;width:100%;display: block;}

.mainSlider{position: absolute;top: 0;left: 0;bottom: 0;right: 0;/* background:url("../img/slider-1.jpg") no-repeat;background-size: cover; */}
.mainSlider .item{background: transparent !important;height: 89vh !important;}
.mainSlider .single-no-slide{height: 100vh;}

.mainSlider .owl-carousel .owl-nav button.owl-next,
.mainSlider .owl-carousel .owl-nav button.owl-prev {background: 0 0;color: inherit;border: none;padding: 0!important;font: inherit; background: rgb(255, 255, 255);opacity: 1;border-radius: 50%;outline: none;}
.mainSlider .owl-main .item {height: 730px;background-color: #fff;background-position: center 55%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

.mainSlider .owl-carousel{display: flex;justify-content: center;}
.mainSlider .owl-carousel .owl-nav{position: absolute;top: 50%;left:2%;width: 95%;display: flex;justify-content: space-between;}
.mainSlider .owl-prev,.mainSlider .owl-next {display: inline-block;bottom: 0;width: 40px;height: 40px;font-size: 30px;color: #fff;
                                            -webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out;-o-transition: all 200ms ease-out; transition: all 200ms ease-out;opacity: 0;}
.mainSlider .owl-prev{ left: 30px;}
.mainSlider .owl-prev span,.mainSlider .owl-next span{color: #fff;}
.mainSlider .owl-prev span::before,.mainSlider .owl-next span::before{color: black;left: 2px;font-size: 20px;}
.mainSlider .owl-prev span::before{content: "\f053";}
.mainSlider .owl-next span::before{content: "\f054";}

.mainSlider .owl-inner-nav .caption{position:absolute;top: 40%;}

.mainSlider .owl-dots{position: absolute;bottom:0px;left: 50%;transform: translate(-25px);}
.mainSlider .owl-dots .owl-dot span{position: absolute;width: 10px;height: 10px;background: rgb(255, 255, 255);bottom: 50px; border-radius: 50%;}
.mainSlider .owl-dots .owl-dot.active span{border:2px solid #000;}
.mainSlider .owl-dots .owl-dot:nth-child(2) span,.mainSlider .owl-dots .owl-dot:last-of-type span{left: 20px;}



.mainSlider .heading1{background-image: linear-gradient(35deg,  rgb(253, 51, 0) 75%, rgb(255, 255, 255) 88%);color: #fff;width: 500px;margin-bottom: 10px;
                                padding: 8px 15px;position: relative;clip-path: polygon(0% 0%, 0% 100%, 100% 100%,80% 0%);}
.mainSlider .heading1 h1{font-size: 40px;font-weight: 600;margin: 0;}
.mainSlider .heading1:after{content: "";position: absolute;width:9px;height:120px;background: #fff;transform: rotate(-56deg);top: -26px;right: 60px;filter: blur(6px);}                                
.mainSlider .heading2{background-image: linear-gradient(35deg,  rgb(219,0,0) 75%, rgb(255, 255, 255) 89%);color: #fff;width: 635px;margin-bottom: 10px;
                                padding: 4px 15px;font-size: 40px;position: relative;font-weight: 600;clip-path: polygon(0% 0%, 0% 100%, 100% 100%,80% 0%);}
.mainSlider .heading2 h2{font-size: 40px;font-weight: 600;margin: 0;}
.mainSlider .heading2:after{content: "";position: absolute;width:9px;height:150px;background: #fff;transform: rotate(-61deg);top: -40px;right: 75px;filter: blur(6px);}

/*** -- Header section Ends */

/*---------------------------Index Page Begins-------------------------------*/
/*--- About section ---*/     
                 
/* .home .about .about-heading,
.home .about .about-info{padding: 70px 0;}
.home .about .about-heading{background: url(../img/home-about.jpg) no-repeat;background-size: cover;}
.home .about .about-content h3{background: rgb(219,0,0);color: #fff;padding: 3px 10px;}
.home .about .about-content h4{font-weight: 800;font-size: 35px;font-family: "Raleway";}

.home .about .about-info{background: #fff;} 
.home .about .about-info p{text-align: justify;}
.home .about .about-info .info{padding: 0px 50px;}

.home .about .btn-about{border-radius: 1px;background: rgb(253, 51, 0);color: #fff;}
.home .about .btn-about:hover{background: rgb(53, 53, 53);} */

.home .about{padding: 70px 0;}
.home .about .head h5{position: relative;display: inline-block;font-size: 30px;}
.home .about .head h5::before,
.home .about .head h5::after{position: absolute;content: "";width: 30px;height: 1px;background: #000;top: 50%;}
.home .about .head h5::before{left: -40px;}
.home .about .head h5::after{right: -40px;}

.home .about img{width: 100%;}
.home .about-1 p{margin-bottom: 15px;}
.home .about-1 img{margin-bottom: 15px;}
.home .about-2 img{min-height: 300px;max-height:300px;margin-bottom: 15px;}
.home .about .btn-more{border-radius: 1px;padding: 9px 22px;
  background: linear-gradient(to bottom right,#fe532b,#fe0000);
  /* box-shadow: 3px 4px 2px #d4d4d4; */
  transition: all 300ms ease-in-out;color:#fff;}
.home .about .btn-more:hover{
  box-shadow: none;
} 

 /* -- Product & Service strip area */

/* .home .product-service .head,.home .product-service .content{padding: 25px 0;}
.home .product-service{ background-image: linear-gradient(red, rgb(255, 38, 0));color: #fff;z-index: 100;}
.home .product-service p{margin: 0;}
.home .product-service .head p{font-size: 30px;position: relative;line-height: 30px;}
.home .product-service .head p::after{content: "";width:1px; height: 69px;position: absolute;background: rgb(247, 239, 239);right: 5px;top: 0px;}
.home .product-service .content p{margin-left: 50px;} */


 /* -- Product Highlights section */

/* .home .product .item1,
.home .product .item2{padding: 0;position: relative;}

.home .product .item1 span,.home .product .item2 span{position: absolute;left: 50%;top: 50%;transform: translate(-85px,-20px);background: rgba(0, 0, 0, 0.795);padding:6px 10px;color: #fff;}
.home .product .item1 span{width:180px;}
.home .product .item2 span{width:200px;}

.home .product .overlay{background: rgba(255, 255, 255, 0.966);top: 0;left: 0;bottom: 0;right: 0;position: absolute;opacity: 0;transition: all 500ms ease-in-out;}
.home .product .overlay a i{background: #000;padding: 15px;border-radius: 50%;color: #fff;transition: all 300ms ease-in-out;}
.home .product .overlay a:not(:last-child) i{margin-right: 10px;}
.home .product .overlay a {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: transparent;}
.home .product .overlay a i{top: 40%;position: relative;}
.home .product .hv:hover .overlay{opacity: 0.8;cursor: pointer;}
.home .product .hv:hover span{display: none;}

.home .product .hv:hover .overlay a:first-of-type i{animation-name: anim-left;animation-duration: 0.8s;}
.home .product .hv:hover .overlay a:last-of-type i{animation-name: anim-right;animation-duration: 0.8s;} */

.home .product{padding: 70px 0;background: #f8f8f8;}
.home .product .head h5{position: relative;display: inline-block;font-size: 30px;}
.home .product .head h5::before,
.home .product .head h5::after{position: absolute;content: "";width: 30px;height: 1px;background: #000;top: 50%;}
.home .product .head h5::before{left: -40px;}
.home .product .head h5::after{right: -40px;}

.home .product .product-service img{width: 100%;}
.home .product .product-service{position: relative;overflow: hidden;margin-bottom: 30px;}
.home .product h2{position: absolute;font-size: 22px;color: rgb(51, 50, 50);z-index: 2;bottom:7px;
  left:6%;font-weight: 400;transition: all 300ms ease-in-out;}
  .home .product .product-service .overlay{position: absolute;background:linear-gradient(rgb(24, 24, 24),rgb(2, 2, 2));width: 80px;height: 100px;z-index: 2;
    bottom: 0;right:0;clip-path: polygon(100% 0, 0 100%, 100% 100%);transition: all 300ms ease-in-out;
    background-image: url(data:image/png;base64,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);}
 
    .home .product a:hover .overlay{clip-path: polygon(0 49%, 100% 100%, 100% 49%);}
    .home .product .product-service::before{content:'';position: absolute;left: 0;right: 0;bottom: 0px;transition: all 300ms ease-in-out;
      background: linear-gradient(rgb(24, 24, 24),rgb(2, 2, 2));height: 50px;clip-path: polygon(0 0, 70% 0, 93% 100%, 0 100%);opacity: 0;
    background-image: url(data:image/png;base64,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);}
    /* .home .product a:hover h2{background:#fff;} */
    /* .home .product a:hover .product-service::before{opacity: 1;} */
    .home .product a:hover h2{/* font-weight: 600; */color: #6e6e6e;transform: scale(1.1);}
    /* -- Featured Product section */

.home .featured-product {padding: 75px 0;}
.home .featured-product a{text-decoration: none;color: #000;}

.home .featured-product .head h5{position: relative;display: inline-block;font-size: 30px;}
.home .featured-product .head h5::before,
.home .featured-product .head h5::after{position: absolute;content: "";width: 30px;height: 1px;background: #000;top: 50%;}
.home .featured-product .head h5::before{left: -40px;}
.home .featured-product .head h5::after{right: -40px;}

.home .featured-product .item{padding: 0px 10px;}
.home .featured-product .item .content{border-radius: 10px;position: relative;transition: all 300ms ease-in-out;min-height: 350px;box-shadow: 0px 1px 8px rgb(228, 228, 228);}
.home .featured-product .item .content::before{content: "";width: 23px;height: 65px;background: rgb(219,0,0);position: absolute;top: 0;left: 25px;clip-path: polygon(0% 0%, 100% 0, 100% 100%, 49% 86%, 0% 100%);}
.home .featured-product .item .content .tag{position: absolute;transform: rotate(-90deg);color: #fff;top: 18px;left: 20px;}

.home .featured-product .item .content img{/* min-height: 200px;max-height: 200px; */border-top-right-radius: 10px;border-top-left-radius: 10px; max-height: 180px}

.home .featured-product .item .content h2{font-weight: 600;font-size: 20px;margin: 10px 0;color: rgb(219,0,0);}
.home .featured-product .item:hover .content {background: rgb(255, 255, 255);cursor: pointer;box-shadow: 0px 1px 10px rgb(255, 211, 186);}
.home .featured-product .item:hover h2{color: rgb(253, 51, 0);}
.home .featured-product .blank{min-height: 175px;}

.home .featured-product .feature-head{min-height: 192px;padding: 10px 15px;}

.owl-featured .owl-nav .owl-prev,
.owl-featured .owl-nav .owl-next{position: relative;width: 30px;height: 30px;background: rgb(0, 0, 0) !important; bottom: 5px; border-radius: 50% !important;
                                  margin-right: 5px;color: #fff !important;outline: none;}
.owl-featured .owl-nav .owl-prev{left:-10px;}                                  
.owl-featured .owl-nav .owl-next{left:10px;}


/* -- Services */

.home .services {padding: 75px 0;background: #ececec;}
.home .services .head h5{position: relative;display: inline-block;font-size: 30px;}
.home .services .head h5::before,
.home .services .head h5::after{position: absolute;content: "";width: 30px;height: 1px;background: #000;top: 50%;}
.home .services .head h5::before{left: -40px;}
.home .services .head h5::after{right: -40px;}

.home .services .item{padding: 0 10px;}
.home .services .owl-service .owl-nav .owl-prev,
.home .services .owl-service .owl-nav .owl-next{position: relative;width: 30px;height: 30px;background: rgb(0, 0, 0) !important; bottom: 5px; border-radius: 50% !important;
                                margin-right: 5px;color: #fff !important;outline: none;}
.home .services .owl-service .owl-nav .owl-prev{left:-10px;}                                  
.home .services .owl-service .owl-nav .owl-next{left:10px;}
.home .services .owl-service .owl-stage{height: 400px;}
.home .services img{width: 100%;min-height: 210px;max-height: 210px;}
.home .services .service{background: #fff;}
.home .services a{text-decoration: none;color: #000;}
.home .service div{padding: 15px;}
.home .services .service h5{margin: 10px 0;display: inline-block;position: relative;color:rgb(219,0,0);font-weight: 600;}
.home .services .service h5::after{content: '';width: 40px;height: 3px;position: absolute;background:rgb(253, 51, 0) ;bottom: -13px;left: 50%;transform: translate(-30px);}
.home .services .service p{margin:10px 0 0 0;}

 /* -- Suppliers section */
 .home .suppliers {padding: 75px 0;}
 .home .suppliers .head h5{position: relative;display: inline-block;font-size: 30px;}
 .home .suppliers .head h5::before,
 .home .suppliers .head h5::after{position: absolute;content: "";width: 30px;height: 1px;background: #000;top: 50%;}
 .home .suppliers .head h5::before{left: -40px;}
 .home .suppliers .head h5::after{right: -40px;}

 .home .suppliers .owl-supplier img{width: 90%;}

 .home .suppliers .owl-supplier .owl-nav{display: flex;justify-content: space-between;position: absolute;width: 100%;top:-16px;}
 .home .suppliers .owl-supplier .owl-nav .owl-prev,
.home .suppliers .owl-supplier .owl-nav .owl-next{position: relative;width: 40px;height: 40px; bottom: 5px; border-radius: 50% !important;
                                margin-right: 5px;color: #DB0000 !important;outline: none;/* border: 1px solid rgb(160, 160, 160);padding-bottom: 3px; */
                              transition: all 300ms ease-in-out;}
.home .suppliers .owl-supplier .owl-nav .owl-prev,                                 
.home .suppliers .owl-supplier .owl-nav .owl-next{font-size: 48px;font-weight: 600;}
.home .suppliers .owl-supplier .owl-nav .owl-prev{left:-50px}
.home .suppliers .owl-supplier .owl-nav .owl-next{left: 50px;}
.home .suppliers .owl-supplier .owl-nav .owl-prev:hover{background: transparent;color: #353535 !important;transform: translateX(-2px);/* background: rgb(230, 0, 0);color: #fff !important;border: none; */}
.home .suppliers .owl-supplier .owl-nav .owl-next:hover{background: transparent;color: #353535 !important;transform: translateX(2px);/* background: rgb(230, 0, 0);color: #fff !important;border: none; */}

.home .suppliers .item{display: block;position: relative; width: 100%; height: 100%; 
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;  
  top: 0; left: 0;}
  .home .suppliers .item a{display: block;position: absolute; width: 100%; height: 100%; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;  
    top: 0; left: 0;}
/* -- New & Blog section */

.home .news-blogs{background: url("../img/home-blog-bg.jpg") no-repeat;background-size: cover;padding: 75px 0;position: relative;}
.home .news-blogs .heading{margin: 20px 0px;}

.home .news-blogs .head{padding-left: 0;}
.home .news-blogs .head h6{font-size: 30px;color: #fff;}
.home .news-blogs .head p{color: #fff;margin: 0;font-size: 28px;}
.home .news-blogs .head span{color:rgb(219,0,0);}

.home .news-blogs .button{padding-right: 0;}

.home .news-blogs .short p{color: #fff;}

.home .news-blogs .btn-more{background: rgb(219,0,0);border-radius: 1px;color: #fff;transition: all 300ms ease-in-out;}
.home .news-blogs .btn-more:hover{background: rgb(54, 54, 54);}

.home .news-blogs .content{background: rgb(219,0,0);transition: all 300ms ease-in-out;}
.home .news-blogs .content .blog-img{clip-path: polygon(0% 0%, 0% 100%, 100% 85%,100% 0%);}
.home .news-blogs .content .qa{background: rgb(219,0,0); color: #fff;padding: 20px 18px;transition: all 300ms ease-in-out;}
.home .news-blogs .content .qa h2{font-weight: 700;font-family: "Raleway";font-size: 24px;}
.home .news-blogs .content hr{background: rgb(212, 211, 211);}

/* .home .news-blogs .blog .blog-img{min-height: 210px;} */
.home .news-blogs .blog .blog-img img{width: 100%;height: auto;max-height: 196px;}
.home .news-blogs .auth-date{min-height: 80px;}
.home .news-blogs .blog .content h2 {font-size: 20px;}
.home .news-blogs .blog .content .qa{min-height: 265px;}
.home .news-blogs .blog .content p{min-height: 96px;max-height: 96px;}
.home .news-blogs .blog a{text-decoration: none;}
.home .news-blogs .blog a:hover .content,.home .news-blogs .blog a:hover .qa{background: rgb(255, 51, 0);}
.home .news-blogs .blog .read span{border: 1px solid #fff;padding: 2px 5px;}
 /**-- Footer - COMMON */

.all footer{background: rgb(219,0,0) url('../img/footer-bg.png') no-repeat;background-size: cover; color: #fff;padding: 60px 0 50px 0;width:100%;position: bottom; background-position: 100% 100%; }
.all footer ul{text-decoration: none;list-style-type: none;}
.all footer ul > li > a{color: #fff;}

.all footer .address i{color: #000;}
.all footer .address p{font-family: "Roboto";font-weight: 300;}
.all footer .address p strong{font-weight: 700;}

.all footer h2{position: relative;font-size: 20px;}
.all footer h2::after{content: "";width: 110px;height: 1px;background: #fff;position: absolute;bottom: -8px;left: 0px;}

.all footer .company{padding: 0px 40px ;}
.all footer .company ul li{margin-bottom: 8px;transition: all 300ms ease-in-out;}

.all footer .social .content{margin-top: 100px;}
.all footer .social .content p{margin: 0;}
.all footer .social ul {margin-top: 10px;position: relative;}
.all footer .social ul > li:not(:last-child){margin-right: 30px;}
.all footer .social ul > li > a > div{background: rgb(219,0,0);border-radius: 50%;width: 35px;height: 35px;padding:6px 1px;transition: all 300ms ease-in-out;}
.all footer .social ul > li > a > div:hover{background:#fff;}
.all footer .social ul > li > a > div:hover {color: #000;}

.my-float{color: #fff;font-size: 28px;}
.float-1 {
  bottom: 65px;
  background-color: #25d366;
}
.float {

  /* display: none; */
  right: 34px;
  bottom: 126px;
  position: fixed;
  z-index: 999;
  border-radius: 50%;
  padding: 4px 8px;
  outline: none;
}

 /**-- Footer Ends -- */


 /* -- Animation */
.all .wow{animation-delay: 250ms;animation-duration: 1000ms;}
.all .product .zoomIn:nth-child(2){animation-delay: 500ms;animation-duration: 1500ms;}
.all .product .zoomIn:nth-child(3){animation-delay: 800ms; animation-duration: 2000ms;}
.all .zoomInUp{ animation-duration: 1500ms;}
.all .slideInLeft{animation-delay: 100ms;animation-duration: 1200ms;}
.all .slideInRight{animation-delay: 120ms;animation-duration: 1200ms;}
.all .slideInUp{animation-delay: 130ms;animation-duration: 1200ms;}
/* -- Back to Top */
.all #back2Top {width: 50px;line-height: 40px;overflow: hidden;z-index:1000;display: none;cursor: pointer;
                /* -moz-transform: rotate(270deg);-webkit-transform: rotate(270deg);-o-transform: rotate(270deg);-ms-transform: rotate(270deg);
                transform: rotate(270deg); */position: fixed;bottom: 168px;right: 30px;/* background-color: rgba(0, 0, 0, 0.856);border-radius: 50%; */
                color: rgb(255, 255, 255);text-align: center;font-size: 30px;text-decoration: none;}
                .all #back2Top i{color: rgb(255, 102, 0);font-size: 37px;}               
.all .btn-formpopup{position: absolute;right: 34px;bottom: 80px;position: fixed;z-index:999;border-radius: 50%;padding: 4px 9px;outline: none;}
.all .btn-formpopup:focus {box-shadow: none;}
.all .btn-formpopup i{font-size: 20px;margin-top: 5px;}

.all .modal .modal-content{border-radius: 1px !important;background: url('../img/dubai1.jpg') no-repeat;background-size: cover;}
.all .modal .modal-header{border: none;}

.all .modal .modal-body input[type="text"],.all .modal .modal-body input[type="email"]{width: 100%;height:50px;margin-bottom: 20px;}
.all .modal .modal-body input[type="tel"]{height: 53px;}
.all .modal .modal-body input[type="textarea"]{height: 120px !important;}
.all .modal .modal-body h5{margin-bottom: 10px;color: #424242;}
.all .modal .modal-body .form-control{border:none;border-radius: 1px;background: rgba(238, 246, 248, 0.877);height: 150px;}

.all .modal .modal-body input[type="submit"]{border-radius: 1px;background: linear-gradient(#ff0000, #ff5100);border: none;color: #fff;padding: 8px 28px;}
.all .modal::-webkit-scrollbar {display: none;overflow-x: hidden;}



.all .common-first,.all .common-second{background-size: cover;min-height: 350px;position: top;display:flex;align-items:center;}
.all .common-first .heading h1,.all .common-second .heading h1{color: #fff;font-weight: 600;font-family: "Roboto";position: relative;display: inline-block;}
.all .common-first .heading h1::before,.all .common-first .heading h1::after,.all .common-second .heading h1::before,.all .common-second .heading h1::after{position: absolute;content: "";width: 30px;height: 1px;background: rgb(255, 255, 255);top: 50%;}
.all .common-first .heading h1::before,.all .common-second .heading h1::before{left: -40px;}
.all .common-first .heading h1::after,.all .common-second .heading h1::after{right: -40px;}


@media (min-width: 576px){
.all .modal .modal-dialog {
    margin: 6rem auto !important;
} }

/*** About Us Page */



.aboutus .aboutus-content{background: url("../img/aboutus-bg.jpg") no-repeat;background-size: cover;padding: 70px 0;position: relative;}
.aboutus .aboutus-content::after{content: "";top: 0;bottom: 0;left: 0;right: 0;background: rgba(255, 255, 255, 0.842);position: absolute;}
.aboutus .aboutus-content .info{z-index: 2;}
.aboutus .aboutus-content ul{margin: 30px 0;}
.aboutus .aboutus-content ul li{list-style-type:none;margin-left: 25px;font-weight: 600;font-size: 20px;position: relative;}
.aboutus .aboutus-content ul li:not(:last-child){margin-bottom: 20px;}
.aboutus .aboutus-content ul li strong{margin-left: 8px;font-size: 20px;}
.aboutus .aboutus-content ul li i{font-size: 18px;margin-top: 5px;color:rgb(219,0,0) ;}
.aboutus .aboutus-content ul li:before{position: absolute; content: "\f0a9"; font-family: "Font Awesome 5 Free";font-weight: 900;color:rgb(255, 41, 41);left:-25px;font-size: 20px;}

.aboutus .aboutus-content p:last-of-type{margin: 0;}

.aboutus .aboutus-product{padding: 70px 0 50px 0;}
.aboutus .aboutus-product h2{margin-bottom: 40px;}
.aboutus .aboutus-product .img{width: 95px;height: 95px;box-shadow: 0px 8px 8px 1px rgba(255, 121, 87, 0.952);display: inline-block;padding: 0 10px;border-radius: 50%;margin-right: 15px;}
.aboutus .aboutus-product .img img{width: 75px;margin-top: 10px;}
.aboutus .aboutus-product h3{font-size: 16px;font-weight: 600;}
.aboutus .aboutus-product .product{margin-bottom: 30px;}
.aboutus .aboutus-product .product a{text-decoration: none;color: #000;}

.aboutus .parent-company{background: rgb(248, 248, 248);padding: 70px 0;}
.aboutus .parent-company img{margin: 30px 0;width: 30%;}
.aboutus .parent-company a{text-decoration: none; color: #202020;}
@media(max-width:768px){.aboutus .parent-company img{width: 100%;}}
/*** Product Page */



.product .product-content{padding: 70px 0;}
.product .product-content  h2{margin-bottom: 40px;}
.product .product-content .product-menu ul{display: flex;justify-content: center;margin-bottom: 60px;flex-wrap:wrap}
.product .product-content .product-menu ul li{list-style-type: none;cursor: pointer;padding: 4px 20px;color: rgb(29, 29, 29);transition: all 300ms ease-in-out;background: #eaeaea;color: #000;}
.product .product-content .product-menu ul li:hover{background:rgb(219,0,0) ;color: #fff;}
.product .product-content .product-menu ul li.active{background:rgb(219,0,0) ; color: #fff;}
.product .product-content .product-menu ul li:not(:last-child){margin-right:8px;}

.product .product-content .product-item .item{background: #fff;box-shadow: 0px 2px 10px rgb(236, 236, 236);width: 267px;margin: 5px 5px 8px 5px;}
/* .product .product-content .product-item .item .image{min-height: 142px;height: 176px;} */
.product .product-content .product-item .item .image img{width: 100%;height: 98%;}

/*CSS for NexGen Zoom for Products Page*/
#boxer{padding: 0 !important;}
/*-------*/

.product .product-content .product-item .item h3{margin-top:18px;font-size: 13px;font-weight: 600;min-height: 28px;}
.product .product-content .product-item .overlay{background: rgba(255, 255, 255, 0.966);top: 0;left: 0;bottom: 0;right: 0;position: absolute;opacity: 0;transition: all 500ms ease-in-out;}
.product .product-content .product-item .overlay a i{background: #000;padding: 15px;border-radius: 50%;color: #fff;transition: all 300ms ease-in-out;top: 40%;position: relative;}
.product .product-content .product-item .overlay a{position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.product .product-content .product-item .overlay a:not(:last-child) i{margin-right: 10px;}
.product .product-content .product-item .hv:hover .overlay{opacity: 0.9;cursor: pointer;}.product .product-content .product-item .hv:hover .overlay a:first-of-type i{animation-name: anim-left;animation-duration: 0.8s;}
.product .product-content .product-item .hv:hover .overlay a:last-of-type i{animation-name: anim-right;animation-duration: 0.8s;}

@media(max-width:768px){.product .product-content .product-item .overlay a i{display: none;}
.product .product-content .product-item .overlay{background: transparent;}.product .product-content .product-item .overlay a{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}}
/*** Downloads Page */


.downloads .downloads-content{background: #eeeeee;padding: 70px 0;}
.downloads .downloads-content .download-wrapper{background: #fff;padding: 18px 15px;}
.downloads .downloads-content .down-one{display: flex;flex-direction: column;justify-content: space-between;min-height: 200px;}
.downloads .downloads-content .btn-download{border-radius: 1px;background: rgb(219,0,0) ;color: #fff;}
.downloads .downloads-content .btn-download:hover{background: rgb(255, 51, 0);}
.downloads .downloads-content h2{margin-bottom: 20px;}
.downloads .downloads-content h3{display: inline-block;position: relative;}
.downloads .downloads-content h3::after{content: "";position: absolute;width: 100px; height: 2px;background:rgb(255, 51, 0);left: 0;bottom: -8px;}
.downloads .downloads-content .upper p{margin-top: 10px;}

/*** Blog Page */


.blog .blog-content{padding: 70px 0;}
.blog .blog-content h2{margin-bottom: 40px;}
.blog .blog-content a{text-decoration: none;color: #000;}
.blog .blog-content .blog-wrapper{background: #fff;box-shadow: 0px 3px 8px 1px rgba(224, 224, 224, 0.952);border-radius: 10px;margin-bottom: 30px;}
.blog .blog-content .image{min-height: 200px;border-top-left-radius: 10px;border-top-right-radius: 10px;position: relative;}
.blog .blog-content .image span{background: rgb(219,0,0);color: #fff;padding: 1px 15px;position: absolute;right: 5px;bottom: 5px;}
.blog .blog-content .blog-info{padding: 10px 14px;min-height: 257px !important;display: flex;flex-direction: column;justify-content: space-between;}
.blog .blog-content .blog-info h3{font-size: 22px;}
.blog .blog-content .auth-date{position: relative;display: inline-block;}
.blog .blog-content .auth-date:before{position: absolute;content:"";background: rgb(212, 212, 212);width: 100%;height: 1px;top: -10px;}
.blog .blog-content img{width: 100%;max-height: 210px;border-top-left-radius: 10px;border-top-right-radius: 10px;}


.blog .navigation{margin-top: 40px;}

.blog .navigation li a,
.blog .navigation li a:hover,
.blog .navigation li.active a,
.blog .navigation li.disabled {color: #fff;text-decoration:none;transition: all 300ms ease-in-out;}
.blog .navigation li {display: inline;}
 
.blog .navigation li a,
.blog .navigation li a:hover,
.blog .navigation li.active a,
.blog .navigation li.disabled {background-color: rgb(255, 9, 9);cursor: pointer;padding: 12px;padding: 8px 13px;}
 
.blog .navigation li a:hover,
.blog .navigation li.active a {background-color: rgb(63, 63, 63);}

/*** Single Blog */


.singleblog .single-contain{padding: 70px 0;}
.singleblog .single-contain .image{position: relative;}
.singleblog .single-contain .image p{position: absolute;left: 30px;top: 30px;background: linear-gradient(35deg,  rgb(253, 51, 0) 40%, rgba(230, 138, 0, 0.959) 100%);color: #fff;padding: 3px 20px;font-family: "Roboto";font-weight: 100;}
.singleblog .single-contain .image span{font-size: 30px;}

.singleblog .single-contain h1{font-size: 26px;font-weight: bold;margin: 20px 0 20px 0;}
.singleblog .single-contain h2{font-size: 23px;font-weight: 600;margin: 30px 0 15px 0;}
.singleblog .single-contain h3{font-size: 20px;font-weight: 600;margin: 10px 0 10px 0;}
.singleblog .single-contain h4{font-size: 17px;}
.singleblog .single-contain h5{font-size: 14px;}
.singleblog .single-contain h6{font-size: 11px;}

.singleblog .single-contain .publish{margin-bottom: 20px;}

.singleblog .single-contain ul li{list-style-type: none;}
.singleblog .single-contain ul li:not(:last-child){margin-right: 15px;}
.singleblog .single-contain ul li i{color: rgb(255, 51, 0);}

.blog-navig .single-contain .page-nav{margin: 20px 0 30px 0;}
.blog-navig .single-contain .page-nav i{border: 1px solid rgb(255, 41, 41);padding: 10px 13px;border-radius: 50%;color: rgb(255, 40, 40);transition: all 300ms ease-in-out;}
.blog-navig .single-contain .page-nav a:not(:last-child){margin-right: 20px;}
.blog-navig .single-contain .page-nav a:hover i{background: rgb(255, 41, 41);color: #fff;}
.blog-navig .single-contain .page-nav a:last-of-type i{background: rgb(255, 41, 41);color: #fff;}
.blog-navig .single-contain .page-nav a:last-of-type:hover i{background: #fff;color:rgb(255, 41, 41);}
.blog-navig .single-contain .page-nav a i{position: relative;}
.blog-navig .single-contain .page-nav a i::after{content:"";top:0;left:0;bottom:0;right:0;position: absolute;border: 1px solid rgb(255, 41, 41);border-radius: 50%;display: none;}
.blog-navig .single-contain .page-nav a:hover i::after{animation: navanim 1s;display: block;}


.singleblog .single-contain .more .info{ margin-bottom: 30px;}
.singleblog .single-contain .more h3{font-size: 14px;text-align: left;transition: all 300ms ease-in-out;}
.singleblog .single-contain .more li{font-size: 13px;}
.singleblog .single-contain .more li i{color: rgb(110, 110, 110);}
.singleblog .single-contain .more a{text-decoration: none;color:rgb(110, 110, 110 );}

.singleblog .single-contain h2,
.singleblog .single-contain h3{color: rgb(80, 80, 80);}



.singleblog .single-contain .left .left-upper a{color: #000;text-decoration: underline;}
.singleblog .single-contain .left .left-upper .text-left ul li{position: relative;margin-left: 40px;line-height: 40px;}
.singleblog .single-contain .left .left-upper .text-left ul li:before{position: absolute; content: "\f192"; font-family: "Font Awesome 5 Free";font-weight: 900;margin-left: -25px;}

.singleblog .single-contain .left .left-upper ol{padding-left: 18px;}

.singleblog .single-contain .left .image span{text-transform: uppercase;font-size: 25px;font-weight: 100;}
/* .singleblog .single-contain .left .image img{min-height: 365px;max-height: 365px;} */
.singleblog .single-contain .left  img{width: 100%;height: auto;}

.singleblog .single-contain .left .info img{width: 100%;height: auto;min-height: 133px;}

.singleblog .single-contain .left .more .related-highlight{background: rgb(243, 243, 243);min-height: 255px;}
.singleblog .single-contain .left .more .related-head{padding: 10px 10px 10px 10px;min-height: 120px;display: flex;flex-direction: column;justify-content: space-between;}
.singleblog .single-contain .left .more .related-highlight:hover h3{color: rgb(255, 72, 0);}
.singleblog .single-contain .left .more .related-head ul{margin: 0;position: relative;}
.singleblog .single-contain .left .more .related-head ul:before{position: absolute;content:"";background: rgb(212, 212, 212);width: 100%;height: 1px;top: -10px;}


.singleblog .single-contain .right .about img{width: 100%;}
.singleblog .single-contain .right .about{background:  rgb(255, 51, 0);color: #fff;}

.singleblog .single-contain .right .about-info ul li i {color:#fff;transition: all 500ms ease-in-out;}
.singleblog .single-contain .right .about-info ul li:hover i{color: #000;}
.singleblog .single-contain .right .about-info .about{padding: 10px 10px;}
.singleblog .single-contain .right .about-info{padding: 10px 20px;}
.singleblog .single-contain .right .about-info h3{color: #fff;}
.singleblog .single-contain .right .about-info ul{justify-content: center;margin-bottom: 0;}

.singleblog .single-contain .right .about hr{background: rgba(255, 255, 255, 0.514);}

.singleblog .single-contain .right .categories a{text-decoration: none;color: #000;}
.singleblog .single-contain .right .categories h3{margin: 0px 0 20px 0;}
.singleblog .single-contain .right .categories ul{margin-bottom: 30px;}
.singleblog .single-contain .right .categories ul li{margin-bottom: 15px;margin-left: 5px;position: relative;}
.singleblog .single-contain .right .categories ul li i{margin-right: 8px;}
.singleblog .single-contain .right .categories li:before{position: absolute; content: "\f0a9"; font-family: "Font Awesome 5 Free";font-weight: 900;color:rgb(255, 41, 41);}
.singleblog .single-contain .right .categories ul li span{margin-left: 25px;}
.singleblog .single-contain .right .categories ul li span:hover{font-weight: 600;}
.singleblog .single-contain .right .categories li:hover::before{animation: caticon .5s;transition: all 200ms ease-in-out;color: #000;}


.singleblog .single-contain .right .recentnews h4{font-size: 16px;color: rgb(80, 80, 80);font-weight: 600;}
.singleblog .single-contain .right .recentnews a{text-decoration: none;color: rgb(0, 0, 0);}
.singleblog .single-contain .right .recentnews p{color:#000;}
.singleblog .single-contain .right .recentnews span{color: rgb(255, 51, 0);display: block;}

.singleblog .single-contain .right .recentnews .media-body:hover h4{color: rgb(245, 0, 0);}
.singleblog .single-contain .right .recentnews .image{width: 80px;height:80px;min-width: 80px;border-radius: 50%;margin-right: 18px;overflow: hidden;}
.singleblog .single-contain .right .recentnews img{width: auto;height:100%;}


/*** Product Single */


.product-single .single-details{padding: 75px 0;}
.product-single .single-details .pro-info h2{margin-bottom: 22px;font-weight: 600;color: rgb(48, 48, 48);}
.product-single .single-details .pro-info ul li{display: flex;margin-bottom: 8px;font-family: "Roboto";}
.product-single .single-details .pro-info ul li .propertie{min-width: 130px;display: flex;justify-content: space-between;position: relative;margin-right: 5px;}
.product-single .single-details .pro-info ul li .propertie p{position: relative;margin-left: 5px;}
.product-single .single-details .pro-info ul li .propertie p:first-of-type::before{ position: relative; content: "\f192"; font-family: "Font Awesome 5 Free";font-weight: 900;left: -5px;font-size: 14px;color: rgb(34, 34, 34);}


.product-single .single-details .easyzoom img{width: 100%;height: auto;}
.product-single .single-details .about h3{margin: 50px 0 30px 0;}

.product-single .single-details hr{margin:60px 0;}

.product-single .single-details .related .product{background: #fff;box-shadow: 0px 2px 10px #cccc;padding-bottom: 2px;margin-bottom: 30px;}
.product-single .single-details .related .product p{margin: 15px 0 10px 0;}
.product-single .single-details .related .product a{text-decoration: none;color: #000;}
.product-single .single-details .related h3{margin-bottom: 30px;}
.product-single .single-details .related img{width: 100%;height: auto;min-height: 180px;}

.product-single .single-details .pro-info ul li{position: relative;margin-left: 30px;font-weight:600;margin-bottom: 10px;}
.product-single .single-details .pro-info ul li:before{position: absolute; content: "\f192"; font-family: "Font Awesome 5 Free";font-weight: 900;margin-left: -25px;}
.product-single .single-details .pro-info ul li span{margin-left: 20px;font-weight: normal;}


.product-single .single-details .other-prod h3{font-size: 18px;font-weight: 600;margin-top: 50px;color: rgb(43, 43, 43);position: relative;}
.product-single .single-details .other-prod h3::after{content: "";position: absolute;background: rgb(252, 7, 7);width: 150px;height: 1px;left:0px;bottom: -20px;}

.product-single .accordion .row{padding: 5px 0px;}
.product-single .accordion { width: 100%;background: #FFF;margin-top: 30px;}
.product-single .accordion .submenu{margin-top: 10px;}
.product-single .accordion .link {cursor: pointer;display: block; padding: 15px 0px 15px 0px; color: #2e2e2e;font-size: 14px; font-weight: 600;
                                                        position: relative;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;
                                                        transition: all 0.4s ease;}
.product-single .accordion li{list-style-type: none;}
.product-single .accordion li:last-child .link { border-bottom: 0; }
.product-single .accordion li i{ position: absolute;top: 16px; left: 12px;font-size: 18px;color: #3b3b3b;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;
                                                        transition: all 0.4s ease;}
.product-single .accordion li i.fa-chevron-down { right: 5px; left: auto;font-size: 16px;}
.product-single .accordion li.open .link { color:  #6e6e6e; }
.product-single .accordion li.open i { color:  #7c7c7c; }
.product-single .accordion li.open i.fa-chevron-down {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg); -o-transform: rotate(180deg);transform: rotate(180deg);}
.product-single .accordion p::before{ position: relative; content: "\f0da"; font-family: "Font Awesome 5 Free";font-weight: 900;left: -5px;font-size: 14px;color: rgb(34, 34, 34);}
.product-single .submenu { display: none;font-size: 14px;margin-top: 10px;padding: 0 20px;}
.product-single .accordion .link i:before {font-size: 16px;}
.product-single .submenu a {display: block;text-decoration: none;color: #202020;
                            -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease;transition: all 0.25s ease;}
.product-single .submenu a:hover{font-weight: 600;font-size: 18px;}

.product-single .btn-enquire{border-radius: 1px;/* background: #DB0000; */color: #fff;padding: 9px 16px;
  background: linear-gradient(rgb(255, 51, 0),rgb(226, 0, 0));
 /*  box-shadow: 3px 4px 2px #d4d4d4; */transition: all 300ms ease-in-out;}
.product-single .btn-enquire:hover{/* background: rgb(61, 61, 61); */box-shadow: none; background-position: 100% 0;}

/*** Contact Page */


.contact .contact-content {background: #e7e7e7;padding: 70px 0;}
.contact .contact-content .address-one{background: #fff;padding: 15px 18px 15px 22px;min-height: 270px;}
.contact .contact-content h2{position: relative;font-size: 25px;font-weight: 600;}
.contact .contact-content h2::after{position: absolute;content: "";width: 50px;height: 2px;background: rgb(255, 51, 0);left: 0;bottom: -10px;}
.contact .contact-content .icon{width: 25px;}
.contact .contact-content ul{margin: 20px 0 0 0;}
.contact .contact-content ul > li{list-style-type: none;font-size: 18px;font-family: "Roboto";font-weight: 300;}
.contact .contact-content ul > li:not(:last-child){margin-bottom: 10px;}
.contact .contact-content ul li i{font-size: 18px;color: rgb(75, 75, 75);}
.contact .contact-content ul li:first-of-type i{font-size: 20px;}

.contact .contact-content .address-wrapper .download{width: 280px;}
.contact .contact-content .address-wrapper .download .icon{border: 1px solid rgb(255, 51, 0);padding: 8px 11px;border-radius: 50%;}
.contact .contact-content .address-wrapper .download .icon:hover i{animation: zoom 2s infinite;color: rgb(226, 0, 0);}

.contact .contact-content .location:not(:last-child){margin-bottom: 20px;}
.contact .contact-content .address-shadow{box-shadow: 0px 3px 8px 1px rgba(224, 224, 224, 0.952);}
.contact .contact-content .contact-form{margin-top: 50px;} 
.contact .contact-content .contact-form h3{margin-bottom: 40px;} 
.contact .contact-content form .form-group{margin: 0;}                                         
.contact .contact-content form input[type="text"],.contact .contact-content form input,.contact .contact-content form input[type="tel"][type="email"]{border-radius: 1px;border: none;height: 60px;margin-bottom: 20px;}
.contact .contact-content textarea{height: 80px;border-radius: 1px;border:none}
.contact .contact-content .btn-contact{border-radius: 1px;background: rgb(226, 0, 0);color: #fff;transition: all 300ms ease-in-out;padding: 8px 40px;margin-top: 20px;height: 50px;}
.contact .contact-content .btn-contact:hover{box-shadow: 0px 10px 20px  rgb(161, 161, 161);}

/* contact from error style  */

div.wpcf7-validation-errors{
  border: none !important;
  line-height: 24px;
  font-size: 13px;
/*   color: #fff;
  background-color: rgb(241, 0, 0); */
  display: inline-block;
  padding-bottom: 5px;
  position: relative;
 
}
div.wpcf7-response-output {
  font-size: 15px;
  font-weight: 600;
}
span.wpcf7-not-valid-tip{background: #ffffff;color: rgb(255, 30, 30);width: 250px;padding-left: 24px;border-radius: 1px;
margin: 5px 0 20px 0;position: absolute;top:50px;
/* box-shadow: 0px 1px 5px rgb(5, 5, 5); */
animation: animate 300ms linear;}
.Comment span{margin-top: 20px;}
span.wpcf7-not-valid-tip::after{content: '';position: absolute;
  width: 0;height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgb(255, 255, 255);
  top: -5px;right: 5px;}
span.wpcf7-not-valid-tip::before{content: '\f05a';position: absolute;
  font-family: "FontAwesome";left:5px;
}

@keyframes animate{
  0%{
    transform: scale(0.5);
  }
  100%{
    transform: scale(1);
  }
}

/* contact from error style  */

.error{
  padding: 70px 0;
}


/*-------------          Media Query       ------------------ */

@media(min-width:318px) and (max-width:322px){header .top .container{padding: 0px;}
                          .home .product-service .highlight .head p{font-size: 25px;}
                          .blog .blog-content .blog-info span{font-size: 13px;}
                          .contact .contact-content .location a{right: 50px;position: relative;}
                          .contact .contact-content .location h2{font-size: 20px;}
                          .contact .contact-content .location li{font-size: 18px;}
                          .product .product-content .product-item .item {min-width: 258px;margin: 10px 15px 0 15px;}
                        }

@media(max-width:361px){header .contact{padding: 5px 0px;}.navbar-brand{width: 240px;}.navbar{padding: 0;}.home .featured-product .item {padding:0 30px;}.all header .contact{padding:3px 0;}.home .featured-product .owl-stage-outer{ height: 380px;}
                        .home .featured-product .blank{min-height: 190px;}}

@media(min-width:361px) and (max-width:414px){.navbar-brand{width: 260px;}.navbar{padding: 0;}}

@media(min-width:350px) and (max-width:381px){.product .product-content .product-item .item {min-width: 300px;margin: 10px 15px 0 15px;}}

@media(min-width:490px){.navbar-brand{width: 260px;}.navbar{padding: 0;}}

@media(max-width:502px){header .contact{padding: 5px 0px;}
                        header .social{display: none;}
                        header .address span{font-size: 13px;}

                        .home .about .about-content h2{font-size: 25px;}
                        .home .about .about-content h3{font-size: 30px;}
                        .home .about .about-heading{padding: 55px 0;}
                        
                        .home .about .about-info {padding: 40px 0;}
                        .home .about .about-info .info{padding: 0px 15px;}
                        
                        .product .product-content .product-item .item{width: 215px;}}

@media (min-width: 576px){.all .modal .modal-dialog {margin: 10rem auto;}
                          .all .modal .modal-body{padding: 10px 80px !important;}
                          .all .modal .modal-body input[type="tel"]{height: 53px;margin-bottom: 30px;}
                          .all .modal .form-row{margin-bottom: 10px;}}

@media (max-width: 575px){.all .modal.show .modal-dialog { margin-top: 2rem;}}

@media(max-width:764px){.all footer{background-size: contain; background-position: 100% 100%; }
                        .all footer .social .content{margin-top: 10px;margin-bottom: 80px;} 
                        .all footer .social ul > li > a > div{background: rgb(0, 0, 0);border-radius: 50%;width: 35px;height: 35px;margin-top: 10px;}
                        .all footer .company{padding: 0px;}
                        .all #back2Top{right: 20px;font-size: 30px;}
                        .all .btn-formpopup{right: 20px;}}

@media (max-width:768px){.mainSlider .owl-carousel .owl-nav button.owl-next,
                         .mainSlider .owl-carousel .owl-nav button.owl-prev {opacity: 0;}
                         
                         .mainSlider .heading1{width:280px;}
                         .mainSlider .heading1 h1{font-size: 20px;}
                         .mainSlider .heading2{width:310px}
                         .mainSlider .heading2 h2{font-size: 23px;}
                         .mainSlider .heading1:after,.mainSlider .heading2:after{content: "";right: 10px;}

                         .home .product-service .head p::after{display: none;}
                         .home .product-service .head,.home .product-service .content{padding: 10px 0;}
                         .home .product-service .highlight{padding: 30px 0;}
                         .home .product-service .highlight p{margin: 0 20px 0 20px;}
                         .home .news-blogs .short {padding-left: 0;}
                         
                         .aboutus .aboutus-product .img{width: 70px;height: 70px;}
                         .aboutus .aboutus-product .img img{width: 50px;margin-top: 10px;}

                         .product .product-content .product-item .hv:hover .overlay a:first-of-type i{animation-name: media-left;animation-duration: 0.8s;} 
                         .product .product-content .product-item .overlay a i{background: #000;padding: 15px;border-radius: 50%;}
                         .product .product-content .product-item .overlay{padding:20px;align-items: center !important;justify-content: flex-start !important;}
                         /* .product .product-content .product-item .overlay a:last-of-type{display: none;} */

                         .downloads .downloads-content .download-wrapper .image{padding-right: 0;}

                         .video video{height: 90vh;object-fit: cover;}

                         .singleblog .single-contain .right .categories ul li{font-size: 20px;}
                         .singleblog .single-contain .right .about-info ul{margin-bottom: 5px;}
                         .singleblog .single-contain .right .about-info ul li:not(:last-child){margin-right: 30px;}}
                         

@media(min-width:991px){.bnr-inner .menu{display: none;}.nav-small{display: none;}}

@media(max-width:991px){header .collapse{display: none !important;}nav .menu-close{right: 30px;}}

@media(min-width: 1260px){.home .featured-product .owl-stage-outer{ height: 400px;padding-top: 8px;}}

@media(min-width: 1000px){.contact .contact-content .location.large{display: flex;}.contact .contact-content .location.small{display: none;}}
@media(max-width: 1000px){.contact .contact-content .location.large{display: none;}.contact .contact-content .location.small{display: block;}}

@media(min-width: 1920px){.home .about .about-info{padding: 0 150px 0 0;}
                          .home .about .about-heading,.home .about .about-info{padding: 80px 0;}}

@media(min-width:362px) and (max-width:768px){.home .featured-product .item .content{min-height: 420px;}.home .featured-product .blank{min-height: 270px;}.home .featured-product .owl-stage-outer{ height: 459px;}}
                            
@media(min-width:382px) and (max-width:480px){.product .product-content .product-item .item {min-width: 330px;margin: 10px 15px 0 20px;}}

@media(min-width:760px) and (max-width:780px) {.product .product-content .product-item .item {min-width: 400px;margin: 10px 5px 0 100px;}}

@media(min-width:1024px) and (max-width:1030px){.product .product-content .product-item .item {margin: 10px 5px 0 5px;}}

@media(min-width:480px) and (max-width:502px){.product .product-content .product-item .item .image{height: 141px;}}

@media(min-width:768px) and (max-width:980px){.product .product-content .product-item .item {min-width: 320px;margin: 10px 10px 0 10px;}
                                              .mainSlider .heading1{width: 500px;margin-bottom: 10px;padding: 8px 20px;font-size: 34px;}
                                              .mainSlider .heading1 h1{font-size: 40px;}
                                              .mainSlider .heading1:after{content: "";position: absolute;width:9px;height:120px;background: #fff;transform: rotate(-56deg);top: -26px;right: 60px;filter: blur(6px);} 
                                              .mainSlider .heading2{width: 650px;margin-bottom: 10px;padding: 8px 20px;font-size: 34px;}
                                              .mainSlider .heading2 h2{font-size: 40px;}
                                              .mainSlider .heading2:after{content: "";position: absolute;width:9px;height:120px;background: #fff;transform: rotate(-60deg);top: -26px;right: 70px;filter: blur(6px);}  }

@media(min-width:1023px) and (max-width:1025px){.video{height: fit-content;}.mainSlider .caption{top: 180px !important;}}

@media(min-width:1024px) and (max-width:1100px){.product .product-content .product-item .item {min-width: 285px;margin: 10px 10px 0 10px;}}

@media(min-width:1024px){.contact .contact-content .location:nth-child(1) .map-container{padding-left: 0;}.contact .contact-content .location:nth-child(1) .address-container{padding-right: 0;}
                         .contact .contact-content .location:nth-child(2) .map-container{padding-right: 0;}.contact .contact-content .location:nth-child(2) .address-container{padding-left: 0;}
                         .contact .contact-content .location:nth-child(3) .map-container{padding-left: 0;}.contact .contact-content .location:nth-child(3) .address-container{padding-right: 0;}
                         .contact .contact-content .location:nth-child(4) .map-container{padding-right:0}.contact .contact-content .location:nth-child(4) .address-container{padding-left: 0;}}

/*-------------      Animations       ------------------ */

 @-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}
@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}
@keyframes anim-left{
  0%{transform: translateX(-10px);opacity: 0.1;}
  100%{transform: translateX(0px);opacity: 1;}
}
@keyframes anim-right{
  0%{transform: translateX(10px);opacity: 0.1;}
  100%{transform: translateX(0px);opacity: 1;}
}
@keyframes media-left{
  0%{transform: translate3d(100px,50px,20px);opacity: 0.1;}
  100%{transform: translate3d(0px,0px,0px);opacity: 1;}
}

@keyframes zoom{
  0%{
    transform: scale(0.8);
  }
  50%{
    transform: scale(1.1);
  }
  100%{
    transform: scale(0.8);
  }
}
@keyframes caticon{
  0%{transform: translateX(-4px);}
  100%{transform: translateX(0px);}
}

@keyframes navanim{
  0%{
    transform: scale(1);
    opacity: 1;
  }
  100%{
    transform: scale(1.55);
    opacity: 0;
  }
}