body{width: 100%; background: #e9e8e8 !important; padding: 0;margin: 0;font-family: 'Urbanist', sans-serif ; }
a{text-decoration: none !important; font-family: 'Poppins', sans-serif; font-weight: 600;}
h1, h2, h3, h4, h5, h6{font-family: 'Urbanist', sans-serif;    font-family: "Poppins", Sans-serif;}
p{padding: 0;margin: 0; font-family: 'Poppins', sans-serif; font-weight: 300; font-family: "Nunito Sans", helvetica, arial, sans-serif;}
*{padding: 0;margin: 0;  }
ul{padding: 0;margin: 0; font-family: 'Poppins', sans-serif; font-weight: 300;}
.loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('../images/loader.gif') 50% 50% no-repeat #fff; }
.headerAuto{ width: 96%;
  display: block;
  margin: 0 auto; }


/*header-top*/
.header-top{ position: relative; position: sticky; width: 100%; padding:3px 0 10px; margin: 0 0; z-index: 9; border-bottom: 1.5px solid #fff; background: #e8e2de; background: #e5e5e5; display: inline-block; transition: all 600ms ease-in-out; -webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.08); -webkit-animation: menu_sticky 0.7s ease-in-out;}
.header-top .header-left{width: 10%;  float: left; padding:0;}
.header-top .header-left span{font-weight: normal; color: #000000a1;transition:all 600ms ease-in-out; font-size: 16px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.header-top .header-left span:hover{letter-spacing: 2px;transition:all 600ms ease-in-out;}
.header-top .header-midel{transition:all 600ms ease-in-out;width: 75%; border-left: 1.5px solid #fff; border-right: 1.5px solid #fff; float: left; padding: 1px 0px; text-align: center; }
.header-top .header-right{width: 10%;  float: right; padding: 18px 0px 10px 0px; text-align: right; }
.header-top .header-right .contact { padding:19px 0 0; background:none; text-align: right;}
.header-top .header-right .contact a{padding: 0; display: block; font-weight: normal; color: #000000a1;transition:all 600ms ease-in-out; font-size: 16px; letter-spacing: 1.5px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase;}
.header-top .header-right .contact a:hover{font-weight: normal;letter-spacing: 0.5px;transition:all 500ms ease-in-out;}
.header-top .header-right .contact a i{color: #0000003b; font-size: 16px; padding: 0 0 0 5px;}
.header-top .header-right .contact a:hover i{color: #0000006b;}
.header-top img.logo-img{ width: 78%; padding:0px 0; }

.header-top .contact-icon{ position: relative; width: 100%;  padding: 0 0; margin: 0 0;text-align: right; }
.header-top .contact-icon ul.hed-contact{ width: 100%;  padding: 0 0; margin: 0 0; }
.header-top .contact-icon ul.hed-contact li{font-family: 'Poppins', sans-serif; font-size: 15px; display: inline-block; padding: 0; margin: 0 0px 5px 0; color: #000000c4; }
.header-top .contact-icon ul.hed-contact li i{ color: #F00; font-size: 15px; margin: 0; transform: scaleX(-1); padding: 0 0 0 10px; text-shadow: -1px 1px 0px rgba(4, 15, 255, 0.43); }
.header-top .contact-icon ul.hed-contact li a{ color: #000000c4;font-size: 14px;letter-spacing: 0.5px;line-height: 20px;padding: 0 0 0 13px;margin: 0;font-family: 'Poppins', sans-serif;font-weight: 300; }
.header-top .contact-icon ul.hed-contact li a:hover{ color: #154ea4; transition:all 600ms ease-in-out;}
.header-top .contact-icon ul.hed-contact li a b{color: #1a229bdb; font-size: 13px;}
.header-top .contact-icon ul.otherlink li a{ color: #fff; font-size: 11px; letter-spacing: 0.5px; line-height: 20px; padding: 4px 18px; margin: 0; font-family: 'Poppins', sans-serif; font-weight: 300; background-image: linear-gradient(to right , #b70303, #f00); border-radius: 25px; }
.header-top .contact-icon ul.otherlink li a:hover{ color: #fff; background-image: linear-gradient(to right , #f00, #910808);transition:all 600ms ease-in-out;}

.header-top .logo-new{ width: 100%; padding: 10px 0 0;transition:all 600ms ease-in-out;}
.header-top .logo-new img.logo-img{ width: 100%;transition:all 600ms ease-in-out; }

.header-top .social-icon{ position: relative; width: 100%;  text-align: right; padding: 0 0; margin: 0 0; }
.header-top .social-icon ul.social-li{ width: 100%;  padding:30px 0px 23px; margin: 0 0; }
.header-top .social-icon ul.social-li span{ color: #fff; font-weight: bold; margin: 0 10px 0 0; }
.header-top .social-icon ul.social-li li { display: inline-block; text-align: center; padding: 0; margin: 0 0 0 6px; width: 25px; height: 25px; background: #0051cf; border-radius: 50%; transition:all 600ms ease-in-out;}
.header-top .social-icon ul.social-li li:hover{ background: #fff; -webkit-box-shadow: 0 -2px 23px 0px rgb(255, 251, 0); -moz-box-shadow: 0 -2px 23px 0px rgb(255, 251, 0); box-shadow: 0 -2px 23px 0px rgba(28, 50, 84, 0.7); transition:all 600ms ease-in-out;}    
.header-top .social-icon ul.social-li li i{  }
.header-top .social-icon ul.social-li li a{ color: #fff; padding: 5px 0 0; display: block; opacity: 1; transition:all 600ms ease-in-out;}
.header-top .social-icon ul.social-li li a:hover{ color: #1c3254; opacity: 1;transition:all 600ms ease-in-out; }


.header-left .dropdown .dropbtn { background: none; border: none; font-weight: normal; color: #000000a1; transition: all 600ms ease-in-out; font-size: 17px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; cursor: pointer; }
.header-left .dropdown { position: relative; display: inline-block; padding: 33px 0px 23px;}

/*.dropdown-content { display: none; padding: 50px 0 0; position: absolute; background-color: #e5e5e5; min-width: 285px; box-shadow: 0px 18px 16px 0px rgba(0,0,0,0.2); z-index: 1; left: -120px; right: 0; top: 60px; z-index: 99999; height: 600px; }*/

.dropdown-content a { padding: 6px 0; font-size: 20px; line-height: 30px; color: #fff; letter-spacing: 1px; font-weight: normal; text-align: center; border: 0.5px dotted #7d7b7b; display: block; background: #ff5249; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important; width: 66%; border-radius: 30px; transition: all 600ms ease-in-out; margin: 5px auto 10px; background: linear-gradient(to bottom, #f00, #d50909);}
.dropdown-content a:hover {background: linear-gradient(to bottom, #f00, #840000);transition: all 600ms ease-in-out;}
.header-left .dropdown:hover .dropdown-content {display: block;}
.header-left .dropdown:hover .dropbtn {transition: all 600ms ease-in-out; letter-spacing: 2px;}

.header-logo{width: 80%;float: left;padding: 0;margin: 0;position: relative; }
.header-logo .logo{}
.header-logo .logo img.logo-img{}
.header-menu{ width: 6%; float: right; padding: 0; margin: 0; position: relative; top: 28px; }
.header-menu span{font-weight: normal; color: #000000a1;transition:all 600ms ease-in-out; font-size: 16px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.header-menu span:hover{letter-spacing: 2px;transition:all 600ms ease-in-out;}
.header-menu .dropdown .dropbtn {background: none; border: none; font-weight: normal; color: #000000a1; padding: 15px; transition: all 600ms ease-in-out; font-size: 15px; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; cursor: pointer; text-align: right; }
.header-menu .dropdown .dropbtn img.mobile-icon{ width: 72%; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all 500ms ease-in-out; padding: 0 0;}
.header-menu .dropdown .dropbtn:hover img.mobile-icon{transition:all 600ms ease-in-out; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.header-menu .dropdown { position: relative; display: inline-block; padding: 0;}
.dropdown-content { display: none;padding: 30px 0 0; position: absolute; background-color: #e5e5e5; width: 300px; box-shadow: 0px 18px 16px 0px rgba(0,0,0,0.2); z-index: 1; right: -30px; top: 40px; z-index: 99999; height: 100vh;}
.dropdown-content a { padding: 6px 0; font-size: 20px; line-height: 30px; color: #fff; letter-spacing: 1px; font-weight: normal; text-align: center; border: 0.5px dotted #7d7b7b; display: block; background: #ff5249; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important; width: 66%; border-radius: 30px; transition: all 600ms ease-in-out; margin: 5px auto 10px; background: linear-gradient(to bottom, #f00, #d50909);}
.dropdown-content a:hover {background: linear-gradient(to bottom, #f00, #840000);transition: all 600ms ease-in-out;}
.header-menu .dropdown:hover .dropdown-content {display: block;}
.header-menu .dropdown:hover .dropbtn {transition: all 600ms ease-in-out; letter-spacing: 2px;}


/* Logo Main styles */
.text { fill: none; font-size: 30px; stroke-width: 3; stroke-linejoin: round; letter-spacing: 1px; stroke-dasharray: 70 330; stroke-dashoffset: 0; -webkit-animation: stroke 6s infinite linear; 
animation: stroke 6s infinite linear; animation-delay: 0s; font-family: 'Urbanist', sans-serif; font-weight: lighter; }
.text:nth-child(5n+1) { stroke: #f2385a; -webkit-animation-delay: -1.2s; animation-delay: -1.2s;  }
.text:nth-child(5n+2) { stroke: #f5a503; -webkit-animation-delay: -2.4s; animation-delay: -2.4s;  }
.text:nth-child(5n+3) { stroke: #e9f1df; -webkit-animation-delay: -3.6s; animation-delay: -3.6s;  }
.text:nth-child(5n+4) { stroke: #c60505; -webkit-animation-delay: -4.8s; animation-delay: -4.8s;  }
.text:nth-child(5n+5) { stroke: #3aa1bf; -webkit-animation-delay: -6s; animation-delay: -6s; }

@keyframes stroke {
  100% {
    stroke-dashoffset: -400;
  }
}

/*header-bottom*/
.header-bottom{ position: relative; z-index: 99; width: 100%; padding:0px 0 0px; margin: 0 0; background: #3b3b3b;  display: block; -webkit-box-shadow: 0px 3px 22px -6px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 22px -6px rgba(0,0,0,0.75); box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.31); z-index: 9; background-image: linear-gradient(#0e5af1, #022a6f);}
.header-bottom .navigation{width: 83%; margin: 0px 0 0 0; float: left; }
.header-bottom a.quote { width: 100%; color: #4e9e42; background-color: #fff; display: block; border-radius: 0px; text-align: left; padding: 0 0 0 10px; font-weight: bold; text-transform: uppercase; font-size: 40px; transition: all 600ms ease-in-out; font-family: 'Changa One', cursive; line-height: 35px; }
.header-bottom a.quote:hover{ background: #f9f6f6; transition:all 600ms ease-in-out;}  
.header-bottom a.quote span{ display: block; font-family: 'Montserrat', sans-serif; text-transform: none; font-size: 13px; line-height: 20px; color: #000; font-weight: initial; padding: 5px 0 0; } 

.after-brfore{ width: 17%; float: right; }
.after-brfore a{ display: inline-block; vertical-align: middle; padding: 23px 0; border: 0px solid #ffffff; background: #6bff00; color: #0051cf; text-transform: uppercase; margin: 0px 0 0 0; font-size: 13px; width: 100%; text-align: center; font-weight: bold; text-indent: 3; transition: all 600ms ease-in-out; }
.after-brfore a:hover{ background: #f00; color: #fff; text-indent: 7; transition: all 600ms ease-in-out;}


.sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #e8e2deb2; background-image: linear-gradient(140deg, #97432FB5 0%, #e8e8e88c 50%, #915940a8 75%); overflow-x: hidden; transition: 0.5s; }
.sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #d0d0d0; display: block; transition: 0.3s; text-align: left; font-size: 15px; }
.sidenav a:hover { color: #f1f1f1; }
.sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 20px; margin-left: 30px; color: #000; }
ul.social-li-header { padding: 25px 0 40px; margin: 0 0 0; width: 100%; border-top: 1px solid #fff; text-align: center; }
ul.social-li-header li{display: inline-block; padding: 0; margin: 0; }
ul.social-li-header li a{ transition: all 600ms ease-in-out; padding: 0; margin: 0 2px 0; background: none; width: 40px; height: 40px; border-radius: 50%; text-align: center; color: #fff; font-size: 20px; line-height: 20px; border: 1px solid #fff; -webkit-box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); box-shadow: 0px 13px 35px -12px rgb(35, 35, 35); -webkit-animation: menu_sticky 0.7s ease-in-out; }
ul.social-li-header li a:hover{ color: #f00; background: #fff;transition: all 600ms ease-in-out; border: 1px solid #f00; }
ul.social-li-header li a img{ width:100%;}


@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.Pupup-Menu{ width: 100%; background: #eeebe9d4; margin: 0; border-radius: 0; -webkit-box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.69); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; padding: 0; display: grid; height: 100%; }
.Pupup-Menu .MenuLogo{ width: 100%; text-align: center; display: block; }
.Pupup-Menu .MenuLogo img{ width: 95%; padding: 0 0 5px; margin: 0 auto 0; display: none;}
.Pupup-Menu ul.addressPhonMail{ padding: 15px 0 0; margin: 0; width: 100%;text-align: center;}
.Pupup-Menu ul.addressPhonMail li{ position: relative; list-style: none; font-family: 'Urbanist', sans-serif;display: inline-block; text-align: center;}
.Pupup-Menu ul.addressPhonMail li a{ font-family: 'Urbanist', sans-serif; padding: 0; margin: 0; font-size: 16px; line-height: 35px; color: #000; letter-spacing: 1px; font-weight: normal;}
.Pupup-Menu ul.addressPhonMail li a:hover{ color: #fff;}
.Pupup-Menu ul.MainMenu{ padding: 0; margin: 50px auto 10px; text-align: center; display: block; width: 65%;}
.Pupup-Menu ul.MainMenu li{ position: relative; list-style: none; font-family: 'Urbanist', sans-serif; text-align: center; display: block;}
.Pupup-Menu ul.MainMenu li a{ padding: 6px 0; margin: 0 0 15px; font-size: 23px; line-height: 30px; color: #fff; letter-spacing: 1px; font-weight: normal; text-align: center; border: 0.5px dotted #7d7b7b; display: inline-block; background: #ff5249; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important; width: 100%; border-radius: 30px; transition: all 600ms ease-in-out;}
.Pupup-Menu ul.MainMenu li a:hover{ color: #fff;border-bottom: 0.5px dotted #fff;background: linear-gradient(to bottom, #f00, #840000);transition: all 600ms ease-in-out;}


.bodyleftdown{position: fixed; z-index: 9; padding: 0; margin: 0;width: 6%; left: 10px; bottom: 15px;}
.bodyleftdown ul{padding: 0 0; margin: 0 0;}
.bodyleftdown ul li{padding: 0 0; margin: 5px 0 0 0; list-style: none;}
.bodyleftdown ul li a{padding: 0 0; margin: 0 0;}
.bodyleftdown ul li a img{width: 90%;transition: all 600ms ease-in-out;}
.bodyleftdown ul li a img:hover{width: 100%;transition: all 600ms ease-in-out;}
.bodyleftdown ul li .gallery-box .view-caption {opacity: 0; display: none; position: absolute; top:-140%; width: 100%; text-align: center; padding: 100px 0; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all; background: rgba(0, 0, 0, 0.82); }
.bodyleftdown ul li .gallery-box:hover .view-caption { top: 0%; height:100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.bodyleftdown ul li .gallery-box .view-caption p {border: 1px solid #d00034; width: 50%; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 100; letter-spacing: 0; line-height: 18px; text-decoration: none; text-shadow: none; background: #000000; padding: 9px 15px; color: #fff !important; margin: 25px auto 0; text-transform: uppercase; }
.bodyleftdown ul li .gallery-box h6{ text-align: center; color: #000; font-size: 15px; line-height: 25px; font-family: revert; background: #fff; padding: 7px 10px; } 
img.fullbodyQR{ width:50%;}
img.lb-image{width: 500px !important; height: auto !important;}
.lb-container { padding: 5px; width: 500px; margin: 0 auto; display: block; }


/*turnkey*/
.turnkey{ position: relative; width: 100%; padding: 40px 0; margin: 0 0; background:#e9e8e8; display: block; text-align:center; }

.turnkey img{ width: 66%;
  border: 6px double #fff;
  padding: 10px;
  border-radius: 100px 0;}




/*BANNER*/
.banner{ position: relative; width: 100%; padding: 0 0; margin: 0 0; background: #e9e8e8; height: 600px; overflow: hidden; }




.banner .banner-dec{ position: absolute; content: ""; left: 100px; top: 0; width: 50%; overflow: hidden; height: 100%; z-index: 9; }
.banner .banner-dec .banner-dec-text{ width: 55%; padding: 120px 0 0; margin: 0; }
.banner .banner-dec .banner-dec-text h5{margin: 0; padding: 0; font-size: 15px; color: #1c3254; text-transform: uppercase; font-weight: inherit; font-family: "Roboto", Sans-serif; }
.banner .banner-dec .banner-dec-text h2{margin: 0; padding: 10px 0 20px 0; font-family: 'Changa One', cursive; font-size: 45px; line-height: 60px; font-weight: 700; color: #0051cf; text-transform: uppercase; }
.banner .banner-dec .banner-dec-text a{ display: inline-block; vertical-align: middle; padding: 16px 0; border: 0px solid #ffffff; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 0px; background: #30b737; color: #fff; text-transform: uppercase; margin: 20px 0 0 0; font-size: 14px; width: 25%; text-align: center; font-weight: bold; text-indent: 3; transition: all 600ms ease-in-out; border-left: 5px solid #fff; -webkit-box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.79); -moz-box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.79); box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.39);}
.banner .banner-dec .banner-dec-text a:hover{ background: #ffad01; text-indent: 7; transition: all 600ms ease-in-out;}

.banner .banner-text{ position: relative; width: 100%; padding:100px 0 0 ; margin: 0 0; background: #fff; }
.banner .banner-text h1{ font-family: "Roboto", Sans-serif; color: #222222; font-size: 50px; font-weight: 800; text-transform: uppercase; padding: 0 0 30px 0; margin: 0; line-height: 70px; }
.banner .banner-text p{ font-family: "Roboto", Sans-serif; font-size: 16px; line-height: 29px; text-align: justify; padding: 0 0 20px; margin: 0; display: block; color: #464545; }
.banner .banner-text a{ color: #ffffff; display: inline-block; border-radius: 30px; text-align: center; padding: 15px 40px; font-weight: bold; font-family: revert; text-transform: uppercase; font-size: 14px; transition: all 600ms ease-in-out; border-color: #12a99d; background-color: #12a99d; }
.banner .banner-text a:hover{ background:#11e8d6; transition:all 600ms ease-in-out; } 
.banner img.banner-img{ width: 100%; height: 600px; }


/*bottom-banner*/
.bottom-banner{ position: relative; width: 100%; padding: 30px 0 5px 0; margin: 0 0;background: #e8e2de; background: #e9e8e8; z-index: 1; }
.bottom-banner .bottom-banner-left{ width: 100%; padding: 0 0; margin: 0; }
.bottom-banner .bottom-banner-left h3{padding: 0;margin: 0;text-transform: uppercase;font-size: 16px;letter-spacing: 0.5px;}
.bottom-banner .bottom-banner-left h2.lineUp{font-size: 80px; line-height: 80px; font-weight: 800; color: #ff534a; font-family: 'Bebas Neue', sans-serif !important; padding: 0; margin: 0; }
.bottom-banner .bottom-banner-left h5{padding: 0; margin: 0; font-size: 80px; letter-spacing: 0px; position: absolute; top: 18px; right: 6px; font-family: 'Bebas Neue', sans-serif !important; color: #23265c; }
.bottom-banner .bottom-banner-left ul{padding: 0; margin: 10px 0 20px 0;}
.bottom-banner .bottom-banner-left ul li{list-style: none; padding: 0; margin: 0; display: inline-block; position: relative;}
.bottom-banner .bottom-banner-left ul li a{ font-weight: inherit; transition:all 600ms ease-in-out; background: #fff9; letter-spacing: 0; font-size: 15px; font-style: italic; color: #000; text-transform: uppercase; padding: 6px 20px; border-radius: 25px; border: 0.5px solid #ff463b; margin: 0 8px 0 0;}
.bottom-banner .bottom-banner-left ul li a:hover{background: #fff9; transition:all 600ms ease-in-out;}
.bottom-banner .bottom-banner-left ul li a.active{background: #fff9; transition:all 600ms ease-in-out;}

.word {font-size:60px; line-height: 80px; height: 90px; font-weight: 800; color: #ff534a; font-family: 'Bebas Neue', sans-serif !important; padding: 0; margin: 0; }
.bottom-banner-left h1 { text-transform: uppercase; white-space: nowrap; overflow: hidden; position: relative; width: 600px; font-size: 70px; line-height: 90px; font-weight: 800; color: #ff534a; font-family: 'Bebas Neue', sans-serif !important; padding: 0; margin: 0;}
.bottom-banner-left h1 span{margin: 0 0 0 340px;}
.bottom-banner-left span.Since{font-size: 60px; line-height: 70px; font-weight: 800; color: #464646; font-family: 'Bebas Neue', sans-serif !important; padding: 0; margin: 0; position: absolute; left: 245px; top: 22px; }

.bottom-banner-left .message {  background-color: #ff534a;color: #fff;display: block;font-weight: 900;overflow: hidden;position: absolute;padding-left: 0.5rem;top: 0.2rem;left: 0;animation: openclose 5s ease-in-out infinite;}
.word1, .word2, .word4, .word3
{
font-family: 'Bebas Neue', sans-serif !important;
}

@keyframes openclose {
  0% {
    top: 0.1rem;
    width: 0;
  }
  5% {
    width: 0;
  }
  15% {
    width: 270px;
  }
  30% {
    top: 0.1rem;
    width: 270px;
  }
  33% {
    top: -0.5rem;
    width: 0;
  }
  35% {
    top: -0.5rem;
    width: 0;
  }
  38% {
    top: -7.5rem;
    
  }
  48% {
    top: -8.5rem;
    width: 265px;
  }
  62% {
    top: -8.5rem;
    width: 265px;
  }
  66% {
    top: -10rem;
    width: 0;
    text-indent: 0;
  }
  71% {
    top: -17.5rem;
    width: 0;
    text-indent: 5px;
  }
  86% {
    top: -17.5rem;
    width: 205px;
  }
  95% {
    top: -17.5rem;
    width: 205px;
  }
  98% {
    top: -17.5rem;
    width: 0;
  }
  100% {
    top: 0;
    width: 0;
    text-indent: 0;
  }
}


.bottom-banner-right{ position: relative;  width: 100%; padding: 0 0; margin: 0;}
.bottom-banner-right .bottom-banner-right-top{background: none; border-radius: 50px; padding: 15px 5px; margin: 0; display: inline-block; width: 100%; }
.bottom-banner-right .bottom-banner-right-top .banner-right-top-left{width: 80%; float: left;}
.bottom-banner-right .bottom-banner-right-top .banner-right-top-left h3{color: #fff; font-size: 26px; line-height: 30px; padding: 0 0 0 15px; margin: 0; }
.bottom-banner-right .bottom-banner-right-top .banner-right-top-left ul{padding: 0; margin: 0;}
.bottom-banner-right .bottom-banner-right-top .banner-right-top-left ul li{list-style: none; display: inline-block;  padding: 0; margin: 0;transition:all 600ms ease-in-out;}
.bottom-banner-right .bottom-banner-right-top .banner-right-top-left ul li a{padding: 12px 0 0; margin: 0 0px; transition: all 600ms ease-in-out; width: 51px; height: 60px; border-radius: 50%; display: block; color: #fff; text-align: center;}
.bottom-banner-right .bottom-banner-right-top .banner-right-top-left ul li a img{ width:100%;transition: all 600ms ease-in-out;}
.bottom-banner-right .bottom-banner-right-top .banner-right-top-left ul li a img:hover{ width:100%; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); transition: all 600ms ease-in-out;}
.bottom-banner-right .bottom-banner-right-top .banner-right-top-right{width: 20%; float: right;}
.bottom-banner-right .bottom-banner-right-top .banner-right-top-right img{width: 90%; text-align: right; float: right; }
.bottom-banner-right .bottom-banner-right-top .banner-right-top-right form{width: 95%; padding: 0; display: inline-block; margin: 10px 0 0; }
.bottom-banner-right .bottom-banner-right-top .banner-right-top-right form input{ background: #e8e0da; border: none; border-radius: 25px; transition:all 600ms ease-in-out; color: #000; font-size: 15px; font-weight: normal; padding: 8px 15px; width: 75%; float: left;}
.bottom-banner-right .bottom-banner-right-top .banner-right-top-right form input:hover{ background: #fff;transition:all 600ms ease-in-out;}
.bottom-banner-right .bottom-banner-right-top .banner-right-top-right form button{ background: #fc574e; border: none;transition:all 600ms ease-in-out; border-radius: 25px; color: #fff; font-size: 15px; font-weight: normal; padding: 8px 0; width: 20%; float: right; text-align: center; }
.bottom-banner-right .bottom-banner-right-top .banner-right-top-right form button:hover{ color:#ff0d00; background: #fff;transition:all 600ms ease-in-out;}
#bottom-banner-right-demo h4{ text-align: center; padding: 0; margin: 20px 0px 0 0; font-size: 16px; font-style: italic; color: #000; line-height: 25px; }


/* lineup class and keyframes */
.lineUp {
  animation: 2s anim-lineUp ease-out infinite;
}
@keyframes anim-lineUp {
  0% {
    opacity: 0;
    transform: translateY(80%);
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}

/*.mar-div*/
.mar-div{ position: fixed; padding: 0px 0 0; margin: 0 auto; content: ""; bottom: 0; z-index: 9999999; left: 0; right: 0; display: table; display: none;transition:all 500ms ease-in-out;}
.mar-div ul{padding: 2px 6px 4px 5px; margin: 0; text-align: center; background: #303b40de; border-radius: 25px; transition:all 500ms ease-in-out;}
.mar-div ul li{position: relative; padding: 0 0; margin: 0; display: inline-block; list-style: none; transition:all 500ms ease-in-out;}
.mar-div ul li a{color: #fff; font-size: 20px; padding: 4px 6px;transition:all 600ms ease-in-out;cursor: pointer;}
.mar-div ul li a:hover{transition:all 500ms ease-in-out;}
.mar-div ul li a span{display:none; font-size: 15px; line-height: 20px; padding: 0 0 0 5px; color: #fff; font-weight: bold;transition:all 600ms ease-in-out;}
.mar-div ul li a:hover span{display: inline-block;transition:all 500ms ease-in-out;}
.mar-div ul li a i{font-size: 15px; line-height: 20px; padding: 0 2px;}
.mar-div ul li a.ulcontact{font-family: 'Urbanist', sans-serif; color: #fff; font-size: 18px; letter-spacing: 1px;transition:all 600ms ease-in-out;}
.mar-div ul li a.ulcontact:hover{ color: #f7ff00; transition:all 500ms ease-in-out;}

.mar-div img{ width: 100%; } 

/*#clientsSlider{  height: 265px; background: #e5e5e5 url('../images/newBANNER.webp') repeat 0 center; margin: 0 auto; }*/
/*#clientsSlider2{ height: 265px; background: #e5e5e5 url('../images/newBANNER03.webp') repeat 0 center; margin: 0 auto; }*/
/*#clientsSlider3{  height: 265px; background: #e5e5e5 url('../images/newBANNER.webp') repeat 0 center; margin: 0 auto; }*/

.new-banner{ position: relative; width: 100%; padding: 10px 0; margin: 0 0; background: #e8e2de; }
#clientsSlider{  height: 180px; background: #e8e2de url('../images/BS-BANNER01.png') repeat 0 center; margin: 0 auto 0px; background-size: cover;  }
#clientsSlider2{ height: 160px; background: #e8e2de url('../images/BS-BANNER02.png') repeat 0 center; margin: 0 auto 0px; background-size: cover;}
#clientsSlider3{  height: 180px; background: #e8e2de url('../images/BS-BANNER03.png') repeat 0 center; margin: 0 auto; background-size: cover; }


/*about-newtop*/
.about-newtop{ position: relative; width: 100%; padding: 10px 0 20px; margin: 0; display: inline-block; background: #e9e8e8; }
.about-newtop .about-newtop-box{ width: 25%; float: left; padding: 10px 20px; margin: 0 0; text-align: center; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.about-newtop .about-newtop-box .about-newtop-box-img{ width: 35%; float: left;}
.about-newtop .about-newtop-box .about-newtop-box-img img{ width: 70%;margin: 8px 0 0;}
.about-newtop .about-newtop-box .about-newtop-box-text{ width: 65%; float: right; text-align: center; border-right: 2px solid #23265c; height: 80px; }
.about-newtop .about-newtop-box .about-newtop-box-text h3{font-family: 'Urbanist', sans-serif; padding: 15px 0 20px; margin: 0; font-size: 18px; line-height: 22px;}
.about-newtop .about-newtop-box .about-newtop-box-text a{ padding: 15px 0 20px; margin: 0; font-size: 18px; line-height: 22px; transition: all 500ms ease-in-out; font-family: 'Urbanist', sans-serif !important; font-weight: normal; color: #000000c4; display: block; }
.about-newtop .about-newtop-box .about-newtop-box-text a:hover{ color:#000; transition:all 500ms ease-in-out;}


/*About*/
.about-top{  position: relative; width: 100%; padding: 30px 0 40px; margin: 0; display: inline-block; background: #ededed; background:#e9e8e8; box-shadow: 0 10px 10px 0px rgb(225, 223, 223); }
.typed-cursor { opacity: 1; font-weight: 300; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; -ms-animation: blink 0.7s infinite; -o-animation: blink 0.7s infinite; animation: blink 0.7s infinite; color: #ededed; font-size: 1.5em; }

.about-top img.pata{position: absolute; top: 0; left: -15px; width: 10%; padding: 0; margin: 0;}
.about-top img.pata2{position: absolute; top: 100px; right: 30px; width: 5%; padding: 0; margin: 0; }
.about-top .left-text-top{ position: relative; width:100%; padding:0px 0 0; margin:0 0; }
.about-top .left-text-top #typed{font-size: 50px; line-height: 70px; color: #ff534a; letter-spacing: 0px; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important; position: absolute; height: 70px; top: 30px; left: 0; }

.about-top .left-text-top h2{line-height: 28px; max-width: 100%; color: #242424; text-align: justify; font-size: 20px; font-weight: 400; padding: 0 0 10px; margin: 0px 0 0; }
.about-top .left-text-top h3{line-height: 28px; max-width: 100%; color: #242424; text-align: justify; font-size: 17px; padding: 0 0 10px; margin: 30px 0 0 0; font-family: "Nunito Sans", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variation-settings: "wdth" 100, "YTLC" 500}

.about-top .left-text-top a{ webkit-box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.79); -moz-box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.79); box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.43); display: inline-block; vertical-align: middle; padding: 10px 0; border-radius: 100px; background: linear-gradient(to bottom, #fff0, #ffffffb0); color: #ff534a; margin: 10px 0 0 0; width: 20%; text-align: center; font-weight: bold; transition: .3s ease; -webkit-transition: .3s ease; -moz-transition: .3s ease; border: 2px solid #ffffffbd; font-size: 16px; letter-spacing: 0px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;font-family: 'Urbanist', sans-serif !important; }
.about-top .left-text-top a:hover{background: linear-gradient(to bottom, #fff0, #c8c8c8b0); transition:all 500ms ease-in-out;}
.about-top .right-img-ico{ position: relative; width:100%; padding:0px 0 0; margin:0 0; background: #000; border-radius: 6px; }
.about-top .right-img-ico img{width:100%; opacity: 0.8;      transition: .3s ease; -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease; }
.about-top .right-img-ico img:hover{ opacity: 1; border-radius: 5px; transform: translateY(-10px); transition: .3s ease; -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease; }

.MeetourLeaders{width: 100%; position: relative; display: block; background: #e9e8e8; padding: 0 0 40px 0; margin: 0;}
.MeetourLeaders h2{text-align: center; font-size: 30px; font-weight: normal; text-transform: uppercase; line-height: 30px; letter-spacing: 0; display: block; padding: 0; color: #000000d6; margin: 35px 0 0; font-family: "Poppins", Sans-serif;}
.MeetourLeaders img.BoardofDirectors{width: 100%; padding: 0; margin: 0 0 30px; height: auto;}
.MeetourLeaders img.BoardofDirectors:hover{}

/*services*/
.services{  position: relative; width:100%; padding:3px 0 30px; margin:0 0;  background:#f9f7f5a1; background:#e8e2de;}
.services h2{ text-align: center; padding: 0; margin: 0; font-size: 45px; color: #ff534a; font-weight: 900; letter-spacing: 0.5px; line-height: 60px; text-transform: uppercase;  } 
.services h2 span{ display: block; font-size: 15px; font-weight: 500; color: #170202ad; line-height: 15px; margin: 0 0 30px; font-family: 'Urbanist', sans-serif !important; }
.services .item{width: 31%; float: left; margin: 0 13px; }
.services .services-box{ width: 100%; position: relative; z-index: 9; background: #ededed; transition: all 600ms ease-in-out; padding: 0px; -webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.31); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; margin: 0 0 40px; border-radius: 10px;}
.services .services-box:hover{-webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);}
.services .services-box a h3{ padding: 5px 10px 10px; margin: 0 0; font-size: 18px; line-height: 27px; transition:all 500ms ease-in-out; color: #fff; text-align: center; font-weight: 400; background-image: linear-gradient(to right , #f00, #c80606); transition: all 300ms ease-in-out; }
.services .services-box a h3:hover{ color: #fff; transition: all 300ms ease-in-out; }
.services .services-box h4{ padding: 5px 10px 10px; margin: 0 0; font-size: 16px; line-height: 27px; color: #02031e; text-align: center; font-weight: 300; }
.services .services-box:hover h3{ color: #000;  transition:all 500ms ease-in-out;}
.services .services-box p{ font-size: 14px; line-height: 23px; text-align: justify; font-weight: normal; padding: 0 0 15px; font-family: system-ui; }
.services .services-box img{ width: 100%; margin: 0 auto; text-align: center; display: block; padding: 5px; height: 245px; border-radius: 10px; }
.services a.viewdet{ display: inline-block; margin: 0 auto; text-indent: 7;text-align: center; border-radius: 25px; transition: all 500ms ease-in-out; padding: 8px 25px; color: #222020d6; font-size: 15px; -webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.64); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; position: absolute; top: 40px; right: 110px; font-weight: normal; font-size: 12px; border: 0.5px solid #ff534ab8; text-transform: uppercase; opacity: 0.8; background: none; }
.services a.viewdet:hover{text-indent: 9;background: #ededed9e;opacity: 1;right: 106px; transition:all 500ms ease-in-out; }

.overlay { position: absolute;  bottom: 0;  background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.5); /* Black see-through */ color: #f1f1f1;  width: 100%; transition: .5s ease; opacity:0; color: white; font-size: 20px; padding: 20px; text-align: center; }
.container:hover .overlay { opacity: 1; transition:all 500ms ease-in-out; }





/*Photo Gallery Start*/
.gallery{ width: 100%; position: relative; display: block; background: #fff;background:#e9e8e8; padding: 45px 0 20px; margin: 0; }
.gallery #gallary-slider .item{margin: 0px 10px; }
.gallery h2{ text-align: center; padding: 0 0 30px; margin: 0; font-size: 50px; color: #ff4d44; letter-spacing: 0; line-height: 70px; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important; font-weight: bold; font-style: normal; }
.gallery p{ text-align: center;display: block; font-size: 15px; font-weight: 500; color: #170202ad; line-height: 15px; margin: 0 0 30px; font-family: 'Urbanist', sans-serif !important; }
.gallery a.viewdet{ display: inline-block; margin: 0 auto; text-indent: 7;text-align: center; border-radius: 25px; transition: all 500ms ease-in-out; padding: 8px 25px; color: #222020d6; font-size: 15px; -webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.64); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; position: absolute; top: 90px; right: 110px; font-weight: normal; font-size: 12px; border: 0.5px solid #ff534ab8; text-transform: uppercase; opacity: 0.8; background: none; }
.gallery a.viewdet:hover{text-indent: 9;background: #ededed9e;opacity: 1;right: 106px; transition:all 500ms ease-in-out; }

.gallery .gallery-images{ width: 100%; border-radius: 10px; border: 1px solid #fff; overflow: hidden; padding: 0; margin: 0 0 40px; -webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.4); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out;transition:all 500ms ease-in-out;  }
.gallery .gallery-images:hover{-webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);}
.gallery .gallery-images img{ width: 100%; height:250px;}
.gallery .gallery-images figure {position: relative;}
.gallery .gallery-images figure::before {position: absolute;top: 50%;left: 50%;z-index: 2;display: block;content: '';width: 0;height: 0;background: rgba(255,255,255,.2);border-radius: 100%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);opacity: 0;}
.gallery .gallery-images figure:hover::before {-webkit-animation: circle .75s;animation: circle .75s;}
@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}


/*-----Theme Counter -----*/
.theme-counter { text-align: center; border-bottom: 1px solid rgba(0,0,0,0.07); padding: 50px 0 30px; display: block; background: #f00; background-image: none; position: relative; background-image: linear-gradient(to right , #f00, #c80606);
background: url(../images/bg-counter.png) no-repeat right top;background-size: cover; background-attachment: fixed;background: #131e29;}
.theme-counter h3{ text-align: center; padding: 0; margin: 0; font-size: 50px; color: #fd3b31; text-transform: uppercase; font-weight: 900; letter-spacing: 0.5px; line-height: 70px;font-family: 'Bebas Neue', sans-serif !important;} 
.theme-counter h3 span{ display: block; font-size: 15px; font-weight: 500; color: #e1e1e1; line-height: 25px; margin: 0 0 30px; }

.theme-counter .play-video{  width: 100%; height: 315px; overflow: hidden; border: 5px solid #fff; border-radius: 20px; padding: 0; margin: 0; background: #000;}
.theme-counter .play-video video{ width: 100%; }
.theme-counter .play-video video source{ width: 100%;}


.theme-counter.fix {padding-bottom: 120px;}
.theme-counter .single-box{ background: red; background:#fd3b31; transition: all 600ms ease-in-out; border: 0.5px solid #ececec5e; -webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.18); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; border-radius: 15px; margin: 0 0 30px; padding: 10px 0; }
.theme-counter .single-box:hover{ background: #fff; transition: all 400ms ease-in-out; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);}
.theme-counter .single-box i{ color: #fff; font-size: 25px; line-height: 0; padding: 0; display: inline-block; margin: 0 0 0; position: relative; top: 6px; left: -15px; -webkit-box-shadow: 0px 13px 35px -12px rgb(0, 0, 0); box-shadow: 0px 13px 35px -12px rgb(0, 0, 0); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; }
.theme-counter .single-box h2{color: #fff; font-weight: 600; font-size: 30px; line-height: 40px; padding: 0; margin: 0; display: inline-block; position: relative; top: 8px; }
.theme-counter .single-box h2 span{font-family: 'Poppins', sans-serif; }
.theme-counter .single-box img{ max-width: 30%; height: 11%; display: inline-block; padding: 20px 15px; }
.theme-counter .single-box p { font-family: 'Poppins', sans-serif; font-size: 18px; color: #fff; margin: 5px 0 22px 0; display: inline-block; position: relative; top: 5px; }
.theme-counter .single-box:hover p{ color: red; }
.theme-counter .single-box:hover h2{ color: red; }
.theme-counter .single-box:hover i{ color: red; }

/*Video Gallary Start*/
.video-gallery{ width: 100%; position: relative; display: block; background: #fff; background: #e9e8e8; padding:4px 0 25px; margin: 0; }
.video-gallery #video-gallary-slider .item{margin: 0px 10px; }
.video-gallery h2{ text-align: center; text-align: center; padding: 0; margin: 0; font-size: 40px; color: #ff4d44; letter-spacing: -0.5px; line-height: 60px; text-transform: uppercase; font-family: "Poppins", sans-serif; font-weight: bold; font-style: normal;  }
.video-gallery p{ text-align: center;display: block; font-size: 15px; font-weight: 500; color: #170202ad; line-height: 15px; margin: 0 0 30px; font-family: 'Urbanist', sans-serif !important; }
.video-gallery a.viewdet { display: inline-block; margin: 0 auto; text-indent: 7; text-align: center; border-radius: 25px; transition: all 500ms ease-in-out; padding: 8px 25px; color: #222020d6; font-size: 15px; -webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.64); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; position: absolute; top: -15px; right: 110px; font-weight: normal; font-size: 12px; border: 0.5px solid #ff534ab8; text-transform: uppercase; opacity: 0.8; background: none; }
.video-gallery .gallery-videos{ width: 100%; height: 365px; border-radius: 10px; border: 2px solid #ededed; overflow: hidden; padding: 0; margin: 0 0 40px; -webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.4); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; transition: all 500ms ease-in-out; }
.video-gallery .gallery-videos:hover{-webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);}
.video-gallery .gallery-videos iframe{ width: 100%; height: 365px; }

/*Latest News and Events*/
.news{ position: relative; display: block; width: 100%; padding: 50px 0; margin: 0 0; }
.news h2{ text-align: center; padding: 0; margin: 0; font-size: 30px; color: #0051cf; text-transform: uppercase; font-weight: 900; letter-spacing: 0.5px; line-height: 40px;} 
.news h2 span{ display: block; font-size: 15px; font-weight: 500; color: #f70000; line-height: 25px; margin: 0 0 50px; }

.news .item{ padding: 0 15px; }
.news .news-box{ width: 100%; position: relative; z-index: 9; background: #fff; transition: all 600ms ease-in-out; padding: 0px; -webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.18); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; margin: 0 0 30px; border: 1px solid #8c888824; border-radius: 10px; overflow: hidden;}
.news .news-box img{ width: 100%; border-radius: 10px; padding: 4px; line-height: 300px;}
.news .news-box h3{ color: #0d0328cc; font-size: 18px; line-height: 25px; margin: 0; padding: 10px; font-weight: 500; }
.news .news-box p{ color: #090442c7; padding: 0 10px 20px; height: 65px; font-size: 15px; line-height: 24px; }

/*clientbg*/
.clientbg{ position: relative; display: block; width: 100%; padding: 45px 0 20px; margin: 0 0; background:#eeeeee;}
.clientbg h2{text-align: center; padding: 0; margin: 0; font-size: 50px; color: #ff4d44; letter-spacing: 0; line-height: 70px; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important; font-weight: bold; font-style: normal; } 
.clientbg p{ text-align: center; display: block; font-size: 18px; font-weight: 600; color: #002c51db; line-height: 26px; margin: 0 0 30px; /*font-family: 'Urbanist', sans-serif !important;*/}
.clientbg img.client-img{ width: 90%; border-radius: 10px; background: #fff; border: 1px solid #e9e9e9; -webkit-box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.32); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; margin: 0 0 40px;}
.clientbg h3{ position: relative; font-family: 'Urbanist', sans-serif !important; padding: 0; margin: 0 0 7px; color: #000; font-size: 26px; letter-spacing: 1px; text-transform: capitalize; }
.clientbg h3 span{ background: #eee; position: relative; z-index: 9; padding: 0 15px 0 0; font-weight: bold; font-size: 25px; }
.clientbg h3:after{position: absolute; content: ""; width: 99%; height: 1px; background: #d6d6d6; left: 10px; top: 15px;}

/*Blog Start*/
.blog{ width: 100%; position: relative; display: block; background: url(../images/blog-banner.png) no-repeat; background-size: cover; background-attachment: fixed; padding: 50px 0; margin: 0; background: #131e29;}
.blog h2{ text-align: center; padding: 0 0 30px; margin: 0; font-size: 50px; color: #ff4d44; letter-spacing: 0; line-height: 70px; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important; font-weight: bold; font-style: normal; }
.blog h4{ display: block; font-size: 15px; font-weight: 500; color: #fff; line-height: 15px; margin: 0 0 40px; font-family: 'Urbanist', sans-serif !important; text-align: center; text-transform: uppercase; letter-spacing: 1.5px; }
.blog .blog-box{ width: 100%; padding: 0; margin: 0; background: #fff; overflow: hidden;  -webkit-box-shadow: 2px 2px 15px -8px rgba(0,0,0,0.75); -moz-box-shadow: 2px 2px 15px -8px rgba(0,0,0,0.75); box-shadow: 2px 2px 15px -8px rgba(0,0,0,0.75); border-radius: 10px; overflow: hidden; }
.blog #blog-slider .item{margin: 0px 20px; }
.blog .blog-box img{ position: relative; width: 100%; height: 350px; }
.blog .blog-box h5{ display: none; position: absolute; content: ""; top: 165px; right: 30px; font-family: 'raleway', sans-serif; font-size: 16px; line-height: 22px; color: #fff; background-image: linear-gradient(to right , #f00, #c80606); padding: 10px 30px; border-radius: 12px 0 12px 0; font-weight: bold; border: 2px solid #fff; }
.blog .blog-box .blog-box-dec{display: block;  width: 100%; padding:8px 20px 20px; margin: 0; background: #fff;  }
.blog .blog-box .blog-box-dec h6{font-size: 15px; line-height: 20px; color: #424242; padding: 0 0 10px; margin: 0; }
.blog .blog-box .blog-box-dec h6 span{ color: #f70000; }
.blog .blog-box .blog-box-dec h3{ font-size: 17px; line-height: 25px; color: #000000a1; padding: 0; margin: 0; font-weight: bold; }
.blog .blog-box .blog-box-dec p{ font-size: 14px; line-height: 25px; padding: 10px 0; margin: 0; font-family: 'Urbanist', sans-serif !important; color: #080908d6; }
.blog .blog-box .blog-box-dec a{ display: inline-block; font-family: 'raleway', sans-serif; font-size: 15px; line-height: 22px; color: #fff; background-image: linear-gradient(to right , #f00, #c80606); padding: 7px 0; border-radius: 12px 0 12px 0; letter-spacing: 0; width: 140px; text-align: center; transition: all 400ms ease-in-out; }
.blog .blog-box .blog-box-dec a:hover{ letter-spacing: 3px; border-radius: 0 12px 0 12px; transition: all 400ms ease-in-out; }
.blog a.viewdet{ display: inline-block; margin: 0 auto; text-indent: 7;text-align: center; border-radius: 25px; transition: all 500ms ease-in-out; padding: 8px 25px; color: #fff; font-size: 15px; -webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.64); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; position: absolute; top: 90px; right: 110px; font-weight: normal; font-size: 12px; border: 0.5px solid #fff; text-transform: uppercase; opacity: 0.8; background: none; }
.blog a.viewdet:hover{text-indent: 9;background: #ededed9e;opacity: 1;right: 106px; transition:all 500ms ease-in-out; }


/*ManufacturingProduction*/
.ManufacturingProduction{ width: 100%; position: relative; display: block; background: #e9e8e8; padding: 0 0 40px 0; margin: 0; }
.ManufacturingProduction h2{text-align: center; font-size: 30px; font-weight: bold; text-transform: capitalize; line-height: 30px; letter-spacing: 0; display: block; padding: 0 0 30px; color: #000000d6; margin: 35px 0 0; font-family: 'Urbanist', sans-serif !important; }
.ManufacturingProduction .img-box-left{ width: 67%; float: left; padding: 5px; margin: 0; position: relative; background: #f4f3f0; }
.ManufacturingProduction .img-box-left .flexslider{ }  
.ManufacturingProduction .img-box-left .flexslider .slides li{ }       
.ManufacturingProduction .img-box-left .flexslider .slides img{ width: 100%; height: 550px;}  
.ManufacturingProduction .img-box-left .flexslider .slides .thumb-image{}
.flex-control-thumbs li { width: 10%; float: left; margin: 0; height: 48px; border: 0.5px solid #fff; overflow: hidden; }
.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; height: 50px; }
.flex-control-thumbs li { width: 10%; float: left; margin: 0; height: 50px; border: 0.5px solid #fff; overflow: hidden; }
.ManufacturingProduction .img-box-left .flexslider .slides .thumb-image img.img-ManufacturingProduction{}
.ManufacturingProduction .img-box-right{ width:33%; float: right; padding: 5px; margin: 0; position: relative; background: #f4f3f0;}
.ManufacturingProduction .img-box-right img{ width: 100%; position: relative; display: block;}

/*EUCL-REGISTRATION*/
.EUCL-REGISTRATION{ position: relative; padding: 0; margin: 0; display: block; background: #fff; }
.EUCL-REGISTRATION .ecul-box{ background: #fff; background: #e6e6e6; border: 1px solid #e9e9e9; -webkit-box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; border-radius: 20px; padding: 40px 10px; text-align: center; position: relative; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; height: 400px; width: 70%; margin: 10px auto 50px; }
.EUCL-REGISTRATION .ecul-box .left-ecul{ width: 30%; border-right: 0.5px solid #ccc9; float: left; padding: 0; margin: 0; background: #fff;}
.EUCL-REGISTRATION .ecul-box .left-ecul img.regudi-aadrer{ width: 100%; margin: 10px auto  25px; display: block; }
.EUCL-REGISTRATION .ecul-box .right-ecul{ width: 70%; border: none; float: right; padding: 0; margin: 0; }
.EUCL-REGISTRATION .ecul-box .right-ecul form{ width: 100%;}
.EUCL-REGISTRATION .ecul-box .right-ecul form .ecul-form{ text-align: left; width: 44%; float: left; margin: 0 16px 30px; padding: 8px 10px; border-radius: 5px; height: 65px; -webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.18); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; border: 1px solid #fff;}
.EUCL-REGISTRATION .ecul-box .right-ecul form .ecul-form label{ width: auto; padding: 0 10px; margin: 0 0 0 0; background: #e6e6e6; position: relative; top: -20px; font-size: 15px; color: #070839; font-weight: normal; }
.EUCL-REGISTRATION .ecul-box .right-ecul form .ecul-form label span{ color: red;}
.EUCL-REGISTRATION .ecul-box .right-ecul form .ecul-form input{ width: 100%; border: none; background: #e6e6e6; padding: 0 10px; margin: 0; outline: none; color: #000; font-size: 14.5px; line-height: 25px; }
.EUCL-REGISTRATION .ecul-box .right-ecul form .ecul-form textarea{ width: 100%; border: none; background: #e6e6e6; padding: 0 10px; margin: 0; outline: none; color: #000; font-size: 14.5px; line-height: 25px; height: 45px;}
.EUCL-REGISTRATION .ecul-box .right-ecul form .ecul-form-submit{width: 100%; display: inline-block; }
.EUCL-REGISTRATION .ecul-box .right-ecul form .ecul-form-submit input{width: 19%; float: left; margin: 0 0 0 15px; background: #f00; border: none; border-radius: 30px; color: #fff; font-size: 15px; line-height: 20px; padding: 10px 0; font-weight: bold;}
.EUCL-REGISTRATION .ecul-box .right-ecul form .ecul-form-submit input:hover{background:#ff0000;}
.EUCL-REGISTRATION .ecul-box .right-ecul form .ecul-form-submit a{ width: 15%; float: right; margin: 0 15px 0 0; background: #0ecf0e; border: none; border-radius: 30px; color: #fff; font-size: 14px; line-height: 20px; padding: 5px 0; }
.EUCL-REGISTRATION .ecul-box .right-ecul form .ecul-form-submit a:hover{background:#ff0000;}
.EUCL-REGISTRATION .ecul-box .right-ecul h3{background: #ffb200; width: 80%; margin: 5px auto 10px; font-size: 22px; line-height: 35px; padding: 5px 0 5px; border-radius: 0 50px 0px 50px; }
.EUCL-REGISTRATION .ecul-box .right-ecul h4{font-size: 17px; line-height: 25px; color: #000000db; margin: 0 0 20px; }
.EUCL-REGISTRATION h2{ text-align: center; padding: 0; margin: 0; font-size: 30px; color: #0051cf; text-transform: uppercase; font-weight: 900; letter-spacing: 0.5px; line-height: 40px;} 
.EUCL-REGISTRATION h2 span{ display: block; font-size: 15px; font-weight: 500; color: #f70000; line-height: 25px; margin: 0 0 50px; }

/*Whychoos Start*/
.whychoos { position: relative; width: 100%; padding:0 0 30px; margin: 0 0;  background: #eeeeee; background: #e9e8e8;}
.whychoos h2{ text-align: center; padding: 0; margin: 0; font-size: 50px; color: #ff4d44; letter-spacing: 0; line-height: 70px; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important; font-weight: bold; font-style: normal;}
.whychoos h2 span{ text-align: center; display: block; font-size: 15px; font-weight: 500; color: #170202ad; line-height: 15px; margin: 0 0 30px; font-family: 'Urbanist', sans-serif !important; }
.whychoos .why-box { width: 100%;}
.whychoos .why-box:hover{ width: 100%;}
.whychoos .why-box img { width: 120px; margin: 5px auto 0; display: block; height: 120px; padding: 0; -webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.64); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; border-radius: 50%; }
.whychoos .why-box h3 {color: #000000f5; text-align: center; font-size: 20px; line-height: 25px; padding: 5px 0 0px; }
.whychoos .why-box p { font-size: 15px; text-align: center; font-family: "Nunito Sans", sans-serif; font-optical-sizing: auto; font-weight: normal; font-style: normal; line-height: 25px; color: #00000096;}


/*Page Load Pupup*/
.pageloadPupup{}
.pageloadPupup .modal-dialog { width: 700px; margin:100px auto; background: #fc5249; overflow: hidden; border-radius: 15px;}
.pageloadPupup .modal-content{background: #fc5249; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.85); border-radius: 16px;}
.pageloadPupup .modal-header{background: #fff; padding: 20px 0 15px;}
.pageloadPupup .modal-header img{width: 70%; margin: 0 auto; display: block;}
.modal-header .close { margin-top: -15px; margin-right: 15px; }
.close {float: right;font-size: 30px;font-weight: bold;line-height: 1;color: #00000080;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: 1;}

.pageloadPupup .modal-body h1{font-family: 'Bebas Neue', sans-serif !important; color: #fff; padding: 0; text-align: center; font-size: 23px; line-height: 35px; margin: 0;}
.pageloadPupup .modal-body h2{text-align: center; padding: 0 0 20px; margin: 10px 0 18px; color: #fff; font-weight: bold; font-size: 30px; line-height: 35px; border-bottom: 0.5px solid #e8e8e8;}
.pageloadPupup .modal-body{}
.pageloadPupup .modal-body ul{padding: 0; margin: 0; font-family: 'Poppins', sans-serif; font-weight: 300;}
.pageloadPupup .modal-body ul li{list-style: none; color: #fff; font-size: 16px; line-height: 35px; text-align: center;transition:all 600ms ease-in-out;}
.pageloadPupup .modal-body ul li:hover{font-style: none;transition:all 600ms ease-in-out;}


/*footer*/
footer{ width: 100%;  background: url(../images/footer-bg2.png) top right no-repeat;  position: relative; background-size: cover; padding: 40px 0 10px; }
footer .footer-box {  width: 100%;   }
img.logo-footer{ text-align: center; display: block; width: 30%; margin:10px auto 40px; background: #fff; padding: 10px; border-radius: 5px; }
footer h2{ font-size: 20px; line-height: 45px; font-weight: bold; color: #fff; text-transform: uppercase; text-align: left; padding: 0 0 10px; margin: 0; font-family: "Roboto", Sans-serif; letter-spacing: 2px; text-shadow: 3px 3px 2px rgb(2, 51, 2); }
footer p{ line-height: 25px; max-width: 100%; color: #ffffffb3; text-align: justify; font-size: 15px; font-weight: normal; font-family: "Roboto", Sans-serif; }
footer ul.footer-socil {  padding: 0px; margin: 0 auto; text-align: left; width: 100%; position: relative; display: inline-block;}
footer ul.footer-socil li{ list-style: none; display: block; margin: 0 0 13px; color: #ccc;}
footer ul.footer-socil li a{color: #ffffffc7; text-transform: capitalize; padding: 0; margin: 0; font-size: 14px; line-height: 25px; font-family: 'Nanum Gothic', sans-serif; text-align: left; }
footer ul.footer-socil li a:hover{ color: #fff; } 
footer ul.footer-socil li i{ color: #f00; margin: 0 10px 5px 0; }

footer ul.footer-ul { padding: 0; margin: 0; text-align: left;}
footer ul.footer-ul li{ list-style: none; display: inline-block; margin: 0 0 6px; }
footer ul.footer-ul li a{ color: #ffffffc7; padding: 0 15px; margin: 0; font-size: 13px; line-height: 20px; font-family: 'Josefin Sans', sans-serif; font-weight: lighter; letter-spacing: 0px; text-transform: uppercase;}
footer ul.footer-ul li a:hover{ color: #fff; } 

footer ul.social-li-footer{width: 100%; padding: 0 0; margin:20px 0 0 0px; display: inline-block; text-align: left; }
footer ul.social-li-footer span{ color: #fff; font-weight: bold; margin: 0 10px 0 0; }
footer ul.social-li-footer li { display: inline-block; text-align: center; padding: 0; margin: 0px 5px 0 0; width: 25px; height: 25px; background: #f00; border-radius: 50%; transition: all 600ms ease-in-out; }
footer ul.social-li-footer li:hover{ background: #fff; -webkit-box-shadow: 0 -2px 23px 0px rgb(255, 255, 255); -moz-box-shadow: 0 -2px 23px 0px rgb(255, 255, 255); box-shadow:  0 -2px 23px 0px rgb(255, 255, 255); transition:all 600ms ease-in-out;}    
footer ul.social-li-footer li i{ }
footer ul.social-li-footer li a{ color: #fff; padding: 5px 0 0; display: block; opacity: 0.9; transition:all 600ms ease-in-out;}
footer ul.social-li-footer li a:hover{ opacity: 1;transition:all 600ms ease-in-out; color: #023302; }

footer .footerlogo{ width: 7%; margin: 15px auto 5px; overflow: hidden; transition: all 600ms ease-in-out; padding: 1px 3px 4px 7px; border-radius: 5px; opacity: 0.9; background: #fff; }
footer .footerlogo:hover{ opacity:1; transition:all 600ms ease-in-out;}
footer .footerlogo img{ width: 100%;border-radius: 5px;}
footer .footermenu{ width: 100%; position: relative; padding: 0; margin: 0;}
footer .footermenu ul{ padding: 10px 0; text-align: center; border-top: 0.5px dotted #ededed; border-bottom: 0.5px dotted #ededed; width: 70%; margin: 30px auto 15px;}
footer .footermenu ul li{ padding: 0; margin: 0; list-style: none; display: inline list-item;}
footer .footermenu ul li a{ font-family: 'Urbanist', sans-serif !important; color: #e7e1ddc9; font-weight: normal; transition:all 600ms ease-in-out; font-size: 17px; line-height: 20px; margin: 0 20px;}
footer .footermenu ul li a:hover{ color: #fff; transition:all 600ms ease-in-out; }
footer .footeraddress{ width: 100%; text-align: center; margin: 0 auto; padding: 0; transition:all 600ms ease-in-out;}
footer .footeraddress h3{ font-family: 'Urbanist', sans-serif !important; text-align: center; transition:all 600ms ease-in-out; color: #c4c4c4; font-size: 20px; line-height: 30px; margin: 25px 0 7px; padding: 0;}
footer .footeraddress:hover h3{ color: #fff; transition:all 600ms ease-in-out;}
footer .footeraddress p{ font-family: 'Urbanist', sans-serif !important; transition:all 600ms ease-in-out; text-align: center; font-size: 14px; line-height: 25px; color: #ccc5c5; padding: 0; margin: 0;}
footer .footeraddress:hover p{ color: #fff; transition:all 600ms ease-in-out; }
footer .footeraddress h6{ font-family: 'Urbanist', sans-serif !important; color: #ffffffba; font-size: 16px; line-height: 16px; padding: 0; margin: 4px 0 0;}



img.futter-ser{ width:100%;}
.footer-box p{text-align: justify; color: #acacac; font-family: 'Abel-Regular'; font-weight: normal; padding: 0 0 2px; font-style: italic; font-size: 15px; line-height: 23px; }
.footer-box p a{ color: #fff; }



p.text-white{ font-size: 15px; letter-spacing: 0.5px; background: #01020a40; padding: 15px 0; color: #ffffffcf; font-weight: normal; margin: 50px 0 0; box-shadow: 0px 3px 22px -6px rgb(0, 0, 0); text-align: center; border-top: 0.5px dotted #ccc; font-family: 'Urbanist', sans-serif !important; }
p.text-white a{ letter-spacing: 0; color: #ff372c; font-weight: bold; font-family: 'Urbanist', sans-serif !important; }
p.text-white a:hover{  font-style: italic; }   
.map-foot{    width: 100%; height:250px; overflow: hidden; padding: 0; border: 10px solid #c2c2c2; background: rgb(24 6 5 / 65%); opacity: 1; margin:0px 0 0; }
.map-foot:hover{ opacity: 0.9;  }  
.map-foot iframe{     width: 100%; height: 250px; margin: 0; padding: 0; border: none;  }

#Clientele-slider .owl-nav{display: none !important; }
#Clientele2-slider .owl-nav{display: none !important; }
#video-demo .owl-dots{display: none !important; }
#blog-slider .owl-dots{display: none !important; }
#gallary-slider .owl-dots{display: none !important; }
#gallary-slider .owl-nav{display: none !important; }
#about-demo .owl-dots{display: none !important; }
#about-demo .owl-nav{display: none !important; }
#bottom-banner-right-demo .owl-dots{display: none !important; }
#bottom-banner-right-demo .owl-nav{display: none !important; }
#banner-demo .owl-dots{display: none !important; }
#banner-demo .owl-nav{ }
#feedback-block .owl-dots{display: none !important; }
#feedback-block .owl-nav{display: none !important; }


/*INNER bANNER*/
.banner-inner{ position: relative; width: 100%; padding: 0 0; margin: 0 0; }
img.inner-banner-img{ width:100%; height: auto; }


/*About Inner Banner*/
.inner-banner{ width: 100%; position: relative; display: block; padding: 0; margin: 0; background: #000; height: auto; overflow: hidden;}
.inner-banner img{width: 100%; opacity: 0.9; margin: 0px 0 0 0; }
.inner-banner h2{ position: absolute; content: ""; top: 85px; left: 0; right: 0; font-size: 25px; line-height: 25px; color: #ffffffe5; text-transform: uppercase; font-weight: inherit; padding: 25px 0 25px 150px; width: 30%; margin: 0; background: #e5e5e521; border-radius: 0; border: 0.5px solid #d9d9d961; font-family: "Poppins", Sans-serif; -webkit-box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); box-shadow: 0px 20px 30px 0 rgba(0, 0, 0, 0.19); -webkit-animation: menu_sticky 0.7s ease-in-out;}
.inner-banner .ul-tag{ display: none; width: 100%; position: absolute; content: ""; background: #0000006e; bottom: 0; left: 0; padding: 15px 200px; margin: 0; }
.inner-banner .ul-tag ul{ padding: 0; margin: 0; }
.inner-banner .ul-tag ul li{ display: inline-block; font-size: 16px; color: #fff; line-height: 18px; padding: 0 5px; margin: 0; }
.inner-banner .ul-tag ul li a{ font-size: 16px; line-height: 18px; color: #f70000; }

/*Inner About*/
.inner-about{ width: 100%; position: relative; display: block; background: #fff0; padding: 50px 0 10px; margin: 0; }
.inner-about h2{text-align: center; font-size: 30px; font-weight: bold; text-transform: capitalize; line-height: 30px; letter-spacing: 0; display: block; padding: 0 0 20px; color: #000000d6; margin: 0; font-family: 'Urbanist', sans-serif !important; }
.inner-about h5{ font-size: 17px; font-weight: 400; text-transform: capitalize; line-height: 30px; letter-spacing: 0; color: #f00; display: block; padding: 0; margin: 8px 0 16px; text-align: center; }
.inner-about p{line-height: 28px; max-width: 100%; color: #242424; text-align: justify; font-size: 17px; padding: 0 0 20px; margin: 0px 0 0 0; font-family: "Nunito Sans", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variation-settings: "wdth" 100, "YTLC" 500;}
.inner-about strong{ font-weight: bold; color: #f00; }

/*Inner About Down*/
.down-about{width: 100%; position: relative; background: #e9e8e8; padding: 0 0 20px; margin: 0; overflow: hidden; }
.down-about h2{text-align: center; font-size: 30px; font-weight: bold; text-transform: capitalize; line-height: 30px; letter-spacing: 0; display: block; padding: 0; color: #000000d6; margin: 35px 0 0; font-family: 'Urbanist', sans-serif !important; }
.down-about h2 span { display: block; text-align: center; padding: 0; margin: 10px 0 20px; font-size: 18px; color: #ff0000c4; font-weight: normal; letter-spacing: 0.5px; line-height: 30px; }
.down-about h5{ font-size: 17px; font-weight: 400; text-transform: capitalize; line-height: 30px; letter-spacing: 0; color: #f00; display: block; padding: 0; margin: 8px 0 36px; text-align: center; }
.down-about .down-about-dec{ width: 100%; padding: 0px; margin:  0px; }
.down-about .down-about-dec p{ max-width: 100%; line-height: 28px; max-width: 100%; color: #242424; text-align: justify; font-size: 17px; padding: 0 0 20px; margin: 0px 0 0 0; font-family: "Nunito Sans", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variation-settings: "wdth" 100, "YTLC" 500;}
.down-about .down-about-dec p i{color: #0948aa; font-size: 20px; line-height: 35px; padding: 0 0 0; margin: 0 2px 0 0; font-weight: bold; }
.down-about .down-about-dec:hover p i{color: #f00; }
.down-about .down-about-dec:hover{  transition:all 600ms ease-in-out;}


/*About Mission*/
.about-mission{  width: 100%; position: relative; display: block; background: #e9e8e8; padding: 0 0 40px 0; margin: 0; }
.about-mission h2{text-align: center; font-size: 30px; font-weight: bold; text-transform: capitalize; line-height: 30px; letter-spacing: 0; display: block; padding: 0 0 20px; color: #000000d6; margin: 0; font-family: 'Urbanist', sans-serif !important; }
.about-mission p{text-align: center; line-height: 28px; max-width: 100%; color: #242424; font-size: 17px; font-weight: 400; padding: 0; font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
 }


/*services-bonding*/
.services-bonding{ position: relative; width:100%; padding:0px 0; margin:0 0; background:#fff; }
.services-bonding h2{ text-align: center; font-size: 17px; font-weight: 600; text-transform: uppercase; line-height: 30px; letter-spacing: 1px; color: #1c3254; display: block; padding: 20px 0 0;}
.services-bonding h2 span { font-family: 'Changa One', cursive; font-size: 40px; line-height: 45px; font-weight: 700; color: #1c3254; letter-spacing: 1px; padding: 0 0 30px; display: block; }
.services-bonding .ser-inner-text { position: relative; width:95%; padding:0px 0 0; margin:0 0; }
.services-bonding .ser-inner-text h3{ padding: 0 0 5px; margin: 0 0; font-size: 20px; line-height: 40px; color: #13243e; text-align: left; font-weight: bold; font-family: "Roboto", Sans-serif; }
.services-bonding .ser-inner-text p{ text-align: justify; font-size: 16px; line-height: 30px; color: #13243ec4; padding: 0 0 20px; margin: 0; font-family: "Roboto", Sans-serif; }
.services-bonding .ser-inner-text ul{ padding: 0 0 0 40px; }
.services-bonding .ser-inner-text ul li{ text-align: justify; font-size: 14px; line-height: 25px; color: #4d3d3d; font-family: 'Montserrat', sans-serif; padding: 0 0 0 5px; margin: 0; font-style: italic; font-weight: bold; list-style: disclosure-closed; }

/*test-inner*/
.test-inner{ position: relative; width:100%; padding:0px 0; margin:0 0; background:#fff;}
.test-inner h2{font-family: 'Changa One', cursive; font-size: 40px; line-height: 45px; font-weight: 700; color: #1c3254; letter-spacing: 1px; padding: 30px 0 10px; display: block; margin: 0; text-transform: uppercase; text-align: center;}
.testimonials-inner-text { display: inline-block; width: 100%; border: 1px solid #cccccc0d; -webkit-box-shadow: 0px 3px 22px -6px rgb(0 0 0 / 75%); -moz-box-shadow: 0px 3px 22px -6px rgba(0,0,0,0.75);
box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.12); padding: 20px 30px; margin: 0 0 50px; }
.testimonials-inner-text .testmonial-img { width: 16%; float: left; padding: 0; margin: 0; }
.testimonials-inner-text .testmonial-img img { width: 90%; }
.testimonials-inner-text .testmonial-text { width: 83%; float: right; padding: 0; margin: 0; }
.testimonials-inner-text .testmonial-text p { font-size: 16px; line-height: 30px; text-align: justify; padding: 10px 15px; font-weight: normal; font-family: revert; color: #66676c; }
.testimonials-inner-text .testmonial-text h6 { text-align: left; padding: 0 0 0 15px; margin: 0 0; font-size: 14px; line-height: 30px; color: #000; font-weight: lighter; }

.feedback{ position: relative; width:100%; padding:35px 0; margin:0 0; background:#131e29;}
.feedback h2 { text-align: center; padding: 0; margin: 10px 0 30px; font-size: 45px; color: #ff534a; font-weight: 900; letter-spacing: 0.5px; line-height: 60px; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif; }
.feedback h2{text-align: center; padding: 0; margin: 0; font-size: 50px; color: #ff4d44; letter-spacing: 0; line-height: 70px; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important; font-weight: bold; font-style: normal; }
.feedback .testimonial-block-content{ width: 100%; padding: 0; margin: 10px 0 20px; position: relative; z-index: 9; background: #131e29; }
.feedback .testimonial-block-content img{ width: 100%; height: 100%; }
.feedback .testimonial-block-content .testimonial-block-content-dec{ position: relative; margin: 15px; background: #e7e7e7; text-align: center; width: 94%; box-shadow: 5px 5px 3px #c1c1c152; border-radius: 20px; display: inline-block; padding: 15px; border-right: 4px solid #f5cf6b; border-left: 4px solid #f5cf6b; }
.feedback .testimonial-block-content .testimonial-block-content-dec img{ width: 20%; height: auto; padding: 0; margin: 0 auto; }
.feedback .testimonial-block-content .testimonial-block-content-dec h4{ font-size: 20px; line-height: 30px; color: #101f18; padding: 10px 0 0; margin: 0; text-align: center; font-weight: 600; }
.feedback .testimonial-block-content .testimonial-block-content-dec p{ font-size: 16px; line-height: 25px; color: #000000ab; padding: 5px 0 10px; margin: 0; height: 227px; float: right; text-align: justify; font-weight: 400; }




/*contact-inner - con-contact*/
.con-contact-in{ position: relative; width: 100%; padding: 0 0; margin: 0 0; background: #fff;}
.con-contact-in h2{ padding: 20px 0 8px; margin: 0 0; font-size: 40px; font-size: 40px; line-height: 60px; color: #1c3254; text-align: center; font-family: 'Changa One', cursive; font-weight: lighter; letter-spacing: 1px; text-transform: uppercase; }
.con-contact-in p{ font-family: 'Montserrat', sans-serif; text-align: center; padding: 0 0 40px; margin: 0 0; font-size: 20px; line-height: 35px; color: #1c3254; }
.con-contact{ position: relative; width: 100%; padding: 0 0; margin: 0 0; background: #fff; }
.con-contact .con-det{ position: absolute; content: ""; left: 0; top: 0; width: 100%; overflow: hidden; height: 100%; z-index: 9; }
.con-contact .con-det .con-det-box-lt{ width: 50%; float: left; padding: 0; margin: 100px 0 0 50px; }
.con-contact .con-det .con-det-box-lt h2{ padding: 0; margin: 0; font-size: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: bold; color: #000; line-height: 30px; }
.con-contact .con-det .con-det-box-lt h2 i{ background: #121a37; color: #fff; width: 40px; height: 40px; text-align: center; border-radius: 50%; font-size: 22px; line-height: 40px; margin: 0 20px 20px 0; }
.con-contact .con-det .con-det-box-lt p{ margin: 0; font-size: 15px; line-height: 30px; color: #03091ed4; padding: 0 0 30px 50px; font-weight: bold; font-family: "Roboto", Sans-serif; }
.con-contact .con-det .con-det-box-lt a{ display: block; margin: 0; font-size: 15px; line-height: 30px; color: #03091ed4; padding: 0 0 0px 50px; font-weight: bold; font-family: "Roboto", Sans-serif; }
.con-contact .con-det .con-det-box-lt a:hover{  }
.con-contact .con-det .con-det-box-rt{ width: 45%; float: right; padding: 0; margin: 50px 0 0 0; }
.con-contact .con-det .con-det-box-rt form{ width: 100%; padding: 0 0 0 50px; margin: 0 0; background:none; display: inline-block; }
.con-contact .con-det .con-det-box-rt form h4{ font-size: 40px; font-weight: 700; color: #000000; line-height: 60px; margin: 0; }
.con-contact .con-det .con-det-box-rt form h6{ font-size: 18px; font-weight: 400; color: #fff; margin: 0; }
.con-contact .con-det .con-det-box-rt form .input-cont{  width: 100%; padding: 0; margin: 0; display: block; }
.con-contact .con-det .con-det-box-rt form .input-cont label{  border-bottom: 1px solid #ccc;  width: 25%; float: left; line-height: 26px; padding: 5px 10px; margin: 0; font-weight: bold; font-size: 16px; color: #000; font-family: 'Montserrat', sans-serif; }
.con-contact .con-det .con-det-box-rt form .input-cont input{ background: none; width: 100%; float: right; border: none; font-size: 15px; line-height: 29px; border: none; padding: 5px 10px; color: #000; border-bottom: 2px solid #000; font-weight: bold; margin: 0 0 10px; border-radius: 5px;}
.con-contact .con-det .con-det-box-rt form .input-cont textarea{ background: none; width: 100%; float: right; border: none; font-size: 15px; line-height: 29px; border: none; padding: 5px 10px; color: #000; border-bottom: 2px solid #000; font-weight: bold; margin: 0 0 10px; border-radius: 5px;  }
.con-contact .con-det .con-det-box-rt form .input-cont input[type="submit"]{ float: left; margin: 0 0 10px 5px; width: 60%; border: 1px solid #fff; color: #fff; display: inline-block; background: #081027; text-transform: uppercase; font-weight: bold; border-radius: 10px; }

/*product-details Start*/
.product-details{ position: relative; width:100%; padding:20px 0; margin:0 0 25px 40px; display: block; background: #e5e5e5; }
.product-details h5{ font-size: 18px; line-height: 22px; color: #ff0000; font-weight: 500; padding: 0 0 15px; margin: 0; }
.product-details table{ width: 100%; display: block; padding: 0; margin: 0; font-family: "Nunito Sans", sans-serif;}
.product-details table tr{ width: 100%; display: inline-block; padding: 0; margin: 0;  font-family: "Nunito Sans", sans-serif;}
.product-details table tr td{ min-height: 87px; width: 50%; display: inline-block; float: left; border: 1px solid #000; padding: 10px 15px; font-family: "Nunito Sans", sans-serif;}
.product-details table tr td strong{ font-weight: 600; color: #535353; }
.product-details a{ webkit-box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.79);
-moz-box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.79); box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.79); display: inline-block; vertical-align: middle; padding: 14px 0; border: 0px solid #ffffff; border-radius: 100px; background: linear-gradient(to bottom, #f00, #d50909); color: #ffffff; text-transform: uppercase; margin: 30px 0 0 0; font-size: 12.5px; width: 30%; text-align: center; font-weight: bold; transition: .3s ease;
-webkit-transition: .3s ease;
-moz-transition: .3s ease;
-ms-transition: .3s ease;
-o-transition: .3s ease; }
.product-details a:hover{ background: linear-gradient(to bottom, #8e0000, #f00); transition: all 500ms ease-in-out;}



/*Inner Product Finishing Line*/
.finishing{ position: relative; width:100%; padding:30px 0 50px; margin:0 0; display: block; background: #f3f2f2; border-bottom: 2px solid #f9f7f5; }
/*.finishing h2{text-align: center; padding: 0; margin: 0; font-size: 50px; color: #ff4d44; letter-spacing: 0; line-height: 70px; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif !important; font-weight: bold; font-style: normal;}*/
/*.finishing h2 span{display: block; text-align: center; padding: 0; margin: 10px 0 20px; font-size: 18px; color: #ff0000c4; font-weight: normal; letter-spacing: 0.5px; line-height: 30px; }*/
.finishing h2{ text-align: center; font-size: 30px; font-weight: bold; text-transform: capitalize; line-height: 30px; letter-spacing: 0; display: block; padding: 0; color: #000000d6; margin: 0; font-family: 'Urbanist', sans-serif !important; }
 .finishing h2 span{ text-align: center; padding: 5px 0 0; margin: 0 0 20px; font-size: 20px; color: #f00; font-weight: normal; letter-spacing: 0.5px; line-height: 30px; display: block; }
.finishing .finishing-dec{ width: 100%; position: relative; box-shadow: 0px 0px 8px #0000009c; padding: 0; margin: 0 0 30px; }
.finishing .finishing-dec img{width: 100%; height: 200px; padding: 5px; background: #fff; }
.finishing .finishing-dec a{ width: 100%; position: relative; font-size: 18px; line-height: 26px; color: #fff; text-align: center; background: #f00; padding: 10px; font-weight: 400; transition: all 500ms ease-in-out; display: block; border: 5px solid #fff; border-top: 0; }
.finishing .finishing-dec a:hover{background: #fff; color: #f00; transition: all 500ms ease-in-out; }
.finishing .finishing-dec:hover a{background: #fff; color: #f00; transition: all 500ms ease-in-out; }
.finishing .finishing-dec a .ankerText{width: 100%;}
.finishing .finishing-dec a .ankerText h5{ font-family: 'Poppins', sans-serif;font-family: 'Poppins', sans-serif !important; padding: 15px 0 0; margin: 0; font-size: 18px; line-height: 25px; color: #fff; height: 80px; }
.finishing .finishing-dec a .ankerText h6{ font-family: 'Poppins', sans-serif; font-family: 'Poppins', sans-serif !important;padding: 0; margin: 0; font-size: 14px; line-height: 20px; color: #fff;}
.finishing .finishing-dec:hover a .ankerText h6{background: #fff; color: #f00; transition: all 500ms ease-in-out; }
.finishing .finishing-dec:hover a .ankerText h5{background: #fff; color: #f00; transition: all 500ms ease-in-out; }
.finishing h3{background: #f00; padding: 10px 10px; color: #ffff;}





.inerproductsingle .item { padding:0 15px; margin:0 0;}
.inerproductsingle h2 { text-align: center; font-size: 35px; font-weight: bold; text-transform: capitalize; line-height: 35px; letter-spacing: 0; display: block; padding: 0; color: #000000d6; margin: 20px 0 30px; font-family: 'Urbanist', sans-serif !important; }
/*Single Page Start*/
.single-page{ position: relative; width:100%; padding:50px 0 10px; margin:0 0; display: block; background: #e5e5e5; }
.single-page .single-page-image{ width: 100%; padding: 0; margin: 0; -webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.18); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; margin: 0 0 30px; border: 5px solid #8c888824; }
.single-page .single-page-image img{ width: 100%; opacity: 0.8; }
.single-page .single-page-image img:hover{ width: 100%; opacity: 1; }
.thumb-image img.img-responsive_1{ width: 100%; opacity: 1 !important;  height:260px;}
.thumb-image iframe{ width: 100%; opacity: 1 !important; height:260px;}

.single-page .flex-control-thumbs li { width: 24%; float: left; margin: 2.5px; opacity: 1; background: #000; height: 60px; padding: 0; overflow: hidden; }
.single-page .single-page-video{width: 100%; float: left; overflow: hidden; margin: 0 17px 0 0; 
-webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.21);
-webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; border: 5px solid #ffffff24; height:200px; }
.single-page .single-page-video video{  width: 100%; height:100%; }
.single-page .single-page-video iframe{  width: 100%; height:100%; }

.single-page .single-page-dec{ width: 100%; padding: 0; margin: 0; height: 425px;
  overflow-x: hidden; }
.single-page .single-page-dec h2{ padding: 0 0 20px 10px; margin: 0; font-size: 30px; color: #000000d4; letter-spacing: 0.5px; line-height: 32px; font-weight: bold; font-family: "Nunito Sans", sans-serif;}
.single-page .single-page-dec h5{ font-size: 18px; line-height: 22px; color: #ff0000; font-weight: 500; padding: 0 0 15px; margin: 0;font-family: "Nunito Sans", sans-serif; }
.single-page .single-page-dec ul{ padding: 0 0 0 15px; margin: 0; }
.single-page .single-page-dec ul li{ line-height: 22px; max-width: 100%; color: #000; text-align: justify; font-size: 15px; font-weight: 400; padding: 0 0 5px 0; font-family: "Nunito Sans", sans-serif !important;letter-spacing: 1px; }
.single-page .single-page-dec ul li span{ font-family: "Nunito Sans", sans-serif !important; font-size: 15px !important; line-height: 22px !important; }
.single-page .single-page-dec ul li b{ font-weight: 600; color: #535353; }
.single-page .single-page-dec a{width: 60%; font-size: 15px; line-height: 18px; text-transform: uppercase; font-weight: bold; padding: 12px 0 12px; margin: 10px 0 0; background: linear-gradient(to bottom, #f00, #c10808); color: #fff; transition: all 400ms ease-in-out; display: block; text-align: center; }
.single-page .single-page-dec a:hover{ background: linear-gradient(to bottom, #f90000, #800303); transition: all 400ms ease-in-out; }


/*Single Dec Start*/
.single-dec{ position: relative; width:100%; padding: 0; margin:0 0; display: block; background: #e5e5e5; }
.single-dec p{line-height: 24px; max-width: 100%; color: #061c02e5; text-align: justify; font-size: 16px; font-weight: normal; padding: 0 0 7px; font-family: "Nunito Sans", sans-serif; }
.single-dec p span{ font-family: "Nunito Sans", sans-serif !important; font-size: 16px; line-height: 22px !important; }
.single-dec strong{ font-weight: bold; color: #f00;}

/*Inquiry Single Page Modal*/
.InquirySinglePageModal{}

.InquirySinglePageModal .new-contact-form{ width: 100%; display: block; background: none; padding:0px; margin: 0; border: 1.5px solid #ffffff70;transition: all 400ms ease-in-out;
-webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15);
box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.05);
-webkit-animation: menu_sticky 0.7s ease-in-out;
animation: menu_sticky 0.7s ease-in-out;}
.InquirySinglePageModal .new-contact-form form{  width: 100%; padding: 0; margin: 0; display: inline-block; }
.InquirySinglePageModal .new-contact-form form .fill-box{ width: 46%; float: left; padding: 20px 0 0; margin: 0 10px;}
.InquirySinglePageModal .new-contact-form form .fill-box textarea{height: 80px; width: 100%; display: inline-block; font-family: 'Raleway', sans-serif; font-size: 14px; line-height: 16px; color: #000; border: 1px solid #fff; outline: none; padding: 15px; margin: 0; background: #ffffffa3; transition: all 400ms ease-in-out;}
.InquirySinglePageModal .new-contact-form form .fill-box textarea:hover{background: #fffffff2; transition: all 400ms ease-in-out;}
.InquirySinglePageModal .new-contact-form form .fill-box input{ width: 100%; display: inline-block; font-family: 'Raleway', sans-serif; font-size: 14px; line-height: 16px; color: #000; border: 1px solid #fff; outline: none; padding: 15px; margin: 0; background: #ffffffa3; transition: all 400ms ease-in-out;}
.InquirySinglePageModal .new-contact-form form .fill-box input:hover{background: #fffffff2; transition: all 400ms ease-in-out;}
.InquirySinglePageModal .new-contact-map{ width: 100%; display: block; background: #ecebebcc; padding: 6px; margin: 30px 0 0; border: 1.5px solid #ffffff70;transition: all 400ms ease-in-out;
-webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15);
box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.05);
-webkit-animation: menu_sticky 0.7s ease-in-out;
animation: menu_sticky 0.7s ease-in-out;}
.InquirySinglePageModal .new-contact-form form .fill-box img.captcha-hed{ position: absolute; width: 255px; height: 49px; left: 0; top: 20px; }
.InquirySinglePageModal .new-contact-form form .fill-box .captcha-text{ position: absolute; background: none; width: 255px;}
.InquirySinglePageModal .new-contact-form form .fill-box .captcha-text input{width: 100%; background: #0000002e; color: #fff; text-align: center; font-size: 15px; font-family: "Permanent_Marker variant0", Tofu !important; font-weight: bold; }
.InquirySinglePageModal .new-contact-form form .fill-box input[type="submit"]{ width: 50%; font-size: 16px; line-height: 18px; text-transform: uppercase; font-weight: bold; padding: 14px 0; margin: 0 0 15px; background: linear-gradient(to bottom, #f00, #640404); color: #fff; transition: all 400ms ease-in-out; -webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.46); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; }
.InquirySinglePageModal .new-contact-form form .fill-box input[type="submit"]:hover{ background: linear-gradient(to bottom, #f00, #990f0f); color: #fff; transition: all 400ms ease-in-out;}
img.logo-img-pup{width: 70%; display: block; margin: 0 auto; }
.InquirySinglePageModal .modal-body { position: relative; padding: 15px; background: #d9d9d9; }
.InquirySinglePageModal .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; background: #fbfbfb; }



/*Inner Gallery Start*/
.inner-gallery{width: 100%; position: relative; display: block; background: #fff0; padding: 15px 0 20px; margin: 0 0 0; }
.inner-gallery h2{text-align: center; font-size: 30px; font-weight: bold; text-transform: capitalize; line-height: 30px; letter-spacing: 0; display: block; padding: 0 0 30px; color: #000000d6; margin: 0; font-family: 'Urbanist', sans-serif !important; }
.inner-gallery h2 span{ display: block; text-align: center; padding: 0; margin: 10px 0 20px; font-size: 18px; color: #ff0000c4; font-weight: normal; letter-spacing: 0.5px; line-height: 30px; }
.inner-gallery p{ font-size: 15px; font-weight: 500; color: #f70000; line-height: 25px; margin: 0 0 50px; text-align: center; }
.inner-gallery h3{ display: inline-block; display: none; padding: 5px 0 5px 20px; margin: 0 0 15px 15px; font-size: 21px; color: #000000d1; line-height: 35px; text-align: left; background: #e9e8e7; font-family: 'Urbanist', sans-serif !important;  width: 97%; border-radius: 5px; font-weight: bold; letter-spacing: 1px; }
.inner-gallery .gallery-image-box{width: 100%; border-radius: 5px; border: 1px solid #ffffffe5; overflow: hidden; padding: 0; margin: 0 0 30px; cursor: pointer; box-shadow: 0px 5px 8px #0000002b; height: 200px; }
.inner-gallery .gallery-image-box img{ width: 100%; height: 200px;}
.inner-gallery .gallery-image-box figure {position: relative;}
.inner-gallery .gallery-image-box figure::before { position: absolute;top: 50%;left: 50%;z-index: 2;display: block;content: '';width: 0;height: 0;background: rgba(255,255,255,.2);border-radius: 100%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);opacity: 0;}
.inner-gallery .gallery-image-box figure:hover::before {-webkit-animation: circle .75s;animation: circle .75s;}
@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}



/*Inner Video Gallary Start*/
.inner-video{ width: 100%; position: relative; display: block; background: #ffffff6e; padding:15px 0; margin: 0; }
.inner-video h2{text-align: center; font-size: 30px; font-weight: bold; text-transform: capitalize; line-height: 30px; letter-spacing: 0; display: block; padding: 0 0 30px; color: #000000d6; margin: 0; font-family: 'Urbanist', sans-serif !important; }
.inner-video h2 span { display: block; text-align: center; padding: 0; margin: 10px 0 20px; font-size: 18px; color: #ff0000c4; font-weight: normal; letter-spacing: 0.5px; line-height: 30px;}
.inner-video p{ text-align: center; padding: 0; margin: 0 0 20px; font-size: 20px; color: #ff0000c4; font-weight: normal; letter-spacing: 0.5px; line-height: 30px; }
.inner-video .inner-gallery-videos{ width: 100%; height: 200px; border: 1px solid #b9b9b9; overflow: hidden; padding: 0; margin: 0 0 20px; box-shadow: 0px 0px 8px #0000009c; }
.inner-video .inner-gallery-videos iframe{ width: 100%; height: 100%; }



/*Inner Blog Start*/
.inner-blog{ background: #fff0; }
.inner-blog h2{ text-align: center; font-size: 30px; font-weight: bold; text-transform: capitalize; line-height: 30px; letter-spacing: 0; display: block; padding: 0 0 30px; color: #000000d6; margin: 0; font-family: 'Urbanist', sans-serif !important; }
.inner-blog h2 span { display: block; text-align: center; padding: 0; margin: 10px 0 20px; font-size: 18px; color: #ff0000c4; font-weight: normal; letter-spacing: 0.5px; line-height: 30px; }
.inner-blog .blog-box{ margin: 0 0 30px; }
.inner-blog .blog-button{ width: 20%; display: block; padding: 0; margin: 15px auto; text-align: center;  }
.inner-blog .blog-button a{ width: 100%; background: #0051cf; font-size: 16px; line-height: 22px; color: #fff; border-radius: 60px; display: inline-block; padding: 12px; -webkit-box-shadow: 2px 2px 15px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 15px -8px rgba(0,0,0,0.75);
box-shadow: 2px 2px 15px -8px rgba(0,0,0,0.75); transition: all 400ms ease-in-out; }
.inner-blog .blog-button a:hover{ letter-spacing: 3px; transition: all 400ms ease-in-out; box-shadow: none; }


/*Blog Single Page*/
.single-blog{ width: 100%; position: relative; display: block; padding: 60px 0; margin: 0; }
.single-blog .single-iten-blog{ width: 100%; background: #fff; border: 1px solid #ccc; padding: 0; margin: 0; -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.15);
box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.15); }
.single-blog .single-iten-blog .single-blog-image{ width: 100%; height: 444px; padding: 0; margin: 0; }
.single-blog .single-iten-blog .single-blog-image img{ width: 100%; height: 100%; }
.single-blog .single-iten-blog .single-blog-dec h2{font-family: 'Poppins', sans-serif !important; margin: 0; padding: 0 0 10px; font-size: 25px; line-height: 35px; }
.single-blog .single-iten-blog .single-blog-dec{ width: 100%; padding: 30px; margin: 0; }
.single-blog .single-iten-blog .single-blog-dec i{ display: inline-block; font-size: 16px; line-height: 18px; color: #028; padding: 0 0 10px; margin: 0; }
.single-blog .single-iten-blog .single-blog-dec p{ display: inline-block; font-size: 15px; line-height: 25px; color: #515151; text-align: justify; }


/*Certificate Start*/
.certificate{ width: 100%; position: relative; display: block; background: #f9f9f9a1;background: #e9e8e8; padding: 50px 0; margin: 0; border-bottom: 2px solid #f9f7f5; }
.certificate #certificate-slider .item{ margin: 10px 20px 0; box-shadow: 0px 0px 8px #0000003b; padding: 0; }
.certificate h2{ text-align: center; font-size: 30px; font-weight: bold; text-transform: capitalize; line-height: 30px; letter-spacing: 0; display: block; padding: 0 0 30px; color: #000000d6; margin: 0; font-family: 'Urbanist', sans-serif !important; }
.certificate h2 span {display: block; text-align: center; padding: 0; margin: 10px 0 20px; font-size: 18px; color: #ff0000c4; font-weight: normal; letter-spacing: 0.5px; line-height: 30px;}
.certificate .certificate-images{ width: 100%; height: 350px; border: 1px solid #b9b9b9; overflow: hidden; padding: 0; margin: 0 0 20px; overflow: hidden; padding: 10px; margin: 0 0 20px; box-shadow: 0px 0px 8px #0000; border: 2px solid #f9f7f5; }
.certificate .certificate-images img{ width: 100%; height: 100%; }




/*Contact Us*/
.contact{ width: 100%; display: block; background: #fff; background: #eee; padding: 60px 0; margin: 0; }
.contact h2{text-align: center; font-size: 30px; font-weight: bold; text-transform: capitalize; line-height: 30px; letter-spacing: 0; display: block; padding: 0; color: #000000d6; margin: 0; font-family: 'Urbanist', sans-serif !important; }
.contact h5{ text-align: center; padding: 0; margin: 0 0 20px; font-size: 20px; color: #f00; font-weight: normal; letter-spacing: 0.5px; line-height: 30px; }

.contact .new-contact-box{ width: 100%; display: block; background: #ffffff61; padding: 6px; margin: 0; border: 1.5px solid #ffffff70;transition: all 400ms ease-in-out;
-webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15);
box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.05);
-webkit-animation: menu_sticky 0.7s ease-in-out;
animation: menu_sticky 0.7s ease-in-out; height: 130px; }
.contact .new-contact-box ul{ padding: 5px; margin: 0; }
.contact .new-contact-box ul li{ color: #333; list-style: none; padding: 6px; margin: 0; font-family: 'Urbanist', sans-serif !important; font-size: 15px;transition: all 400ms ease-in-out; line-height: 20px; }
.contact .new-contact-box ul li span{ font-size: 18px; line-height: 30px; height: 50px; display: block; }
.contact .new-contact-box ul li span a{letter-spacing: 1px; font-size: 27px; color: #333333f5; font-weight: revert; font-family: 'Urbanist', sans-serif !important;transition: all 400ms ease-in-out;}
.contact .new-contact-box ul li i{color: #f00; font-size: 16px; padding: 0 8px 0 0;transition: all 400ms ease-in-out;}
.contact .new-contact-box:hover ul li i{transition: all 400ms ease-in-out; }
.contact .new-contact-box:hover ul li span a:hover{transition: all 400ms ease-in-out; color: #f00;}
.contact .new-contact-box:hover{  background: #fff; -webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15);
box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.25);
-webkit-animation: menu_sticky 0.7s ease-in-out;
animation: menu_sticky 0.7s ease-in-out; transition: all 400ms ease-in-out;}
.contact .new-contact-box ul.email li{ padding: 6px 6px 0; }
.contact .new-contact-box ul.email li span{ height: auto; }
.contact .new-contact-box ul.email li span a{ font-size: 18px; line-height: 30px; }


.contact .new-contact-form{ width: 100%; display: block; background: #ffffff61; padding:6px 6px 20px; margin: 30px 0 0; border: 1.5px solid #ffffff70;transition: all 400ms ease-in-out;
-webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15);
box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.05);
-webkit-animation: menu_sticky 0.7s ease-in-out;
animation: menu_sticky 0.7s ease-in-out;}
.contact .new-contact-form form{  width: 100%; padding: 0; margin: 0; display: inline-block; }
.contact .new-contact-form form .fill-box{ width: 46%; float: left; padding: 20px 0 0; margin: 0 10px;}
.contact .new-contact-form form .fill-box textarea{height: 80px; width: 100%; display: inline-block; font-family: 'Raleway', sans-serif; font-size: 14px; line-height: 16px; color: #000; border: 1px solid #fff; outline: none; padding: 15px; margin: 0; background: #ffffffa3; transition: all 400ms ease-in-out;}
.contact .new-contact-form form .fill-box input{ width: 100%; display: inline-block; font-family: 'Raleway', sans-serif; font-size: 14px; line-height: 16px; color: #000; border: 1px solid #fff; outline: none; padding: 15px; margin: 0; background: #ffffffa3; transition: all 400ms ease-in-out;}
.contact .new-contact-form form .fill-box input:hover{background: #fffffff2; transition: all 400ms ease-in-out;}
.contact .new-contact-map{ width: 100%; display: block; background: #ecebebcc; padding: 6px; margin: 30px 0 0; border: 1.5px solid #ffffff70;transition: all 400ms ease-in-out;
-webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15);
box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.05);
-webkit-animation: menu_sticky 0.7s ease-in-out;
animation: menu_sticky 0.7s ease-in-out;}
.contact .new-contact-form form .fill-box img.captcha-hed{ position: absolute; width: 255px; height: 49px; left: 0; top: 20px; }
.contact .new-contact-form form .fill-box .captcha-text{ position: absolute; background: none; width: 255px;}
.contact .new-contact-form form .fill-box .captcha-text input{width: 100%; background: #0000002e; color: #fff; text-align: center; font-size: 15px; font-family: "Permanent_Marker variant0", Tofu !important; font-weight: bold; }
.contact .new-contact-form form .fill-box input[type="submit"]{ width: 40%; font-size: 16px; line-height: 18px; color: #fff; transition: all 400ms ease-in-out; text-transform: uppercase; font-weight: bold; padding: 14px  ; margin: 0 auto; background: linear-gradient(to bottom, #f00, #d50909); color: #fff; transition: all 400ms ease-in-out;}
.contact .new-contact-form form .fill-box input[type="submit"]:hover{ background: linear-gradient(to bottom, #350000, #d50909); transition: all 400ms ease-in-out;}
/*Map*/
.map{ width: 95%; display: block; height: 360px; padding: 0; margin: 0 auto 50px; }
.map iframe{ width: 100%; height: 100%; border: 5px solid #0078d0; }
.contact .new-contact-form form .fill-box input::placeholder {
  color: #f00;
  opacity: 1; /* Firefox */
}

.contact .new-contact-form form .fill-box input::-ms-input-placeholder { /* Edge 12-18 */
  color: #f00;
}
.contact .new-contact-form form .fill-box textarea::placeholder {
  color: #f00;
  opacity: 1; /* Firefox */
}

.contact .new-contact-form form .fill-box textarea::-ms-input-placeholder { /* Edge 12-18 */
  color: #f00;
}





/*Client Desktop*/
@media(min-width:1900px)
{
/*.banner{ position: relative; width: 100%; padding: 0 0; margin: 0 0; background: #fff; height: 580px; overflow: hidden; }*/
/*.inner-banner { width: 100%; position: relative; display: block; padding: 0; margin: 0; background: #000; height: 230px; overflow: hidden; }*/
/*.inner-banner img { width: 100%; opacity: 0.9; margin: -65px 0px 0 0; } */
/*.dropdown-content { display: none; padding: 50px 0 0; position: absolute; background-color: #e5e5e5; min-width: 320px; box-shadow: 0px 18px 16px 0px rgba(0, 0, 0, 0.2); z-index: 1; left: 270px; right: 0; top: 48px; z-index: 99999; height: 650px;}*/

    
}


/*//-------------------TAB / All Mobile Responsiv view SUJOY-------------------//*/
@media(max-width: 1680px) {
    
    
}

@media(max-width: 1600px) {
    
    
    
    
    
    
    
}

@media(max-width: 1440px) {

 .header-top img.logo-img { width: 80%; padding: 0px 0; }   
  .header-menu .dropdown .dropbtn img.mobile-icon { width: 80%; }  
  .header-menu { width: 6%; top: 22px; }
    
    
}

@media(max-width: 1280px){
   
   
   .sticky .dropdown-content { top: 45px !important; }
   .dropdown-content { padding: 30px 0 0; right: -30px; top: 40px; }
   .header-menu { width: 7%; top: 18px; }
   
   
   
   
   
   
   
}

@media(max-width: 1080px){
    .header-logo { width: 85%; }
    .header-top img.logo-img { width: 90%; }
     .header-menu { width: 9%; top: 16px; }
     .dropdown-content { padding: 30px 0 0; right: -30px; top: 46px; }
     .sticky img.logo-img { width: 80% !important; padding: 5px 0 !important; }
     .bottom-banner .bottom-banner-left h3 { padding: 0; margin: 0; font-size: 15px; }
     .bottom-banner-left span.Since { font-size: 50px; line-height: 60px; left: 245px; top: 22px; }
     .word { font-size: 50px; line-height: 70px; height: 90px; }
     .bottom-banner-right .bottom-banner-right-top .banner-right-top-left ul li a { padding: 15px 0 0; margin: 0 1px; width: 50px; height: 55px; }
     .about-newtop .about-newtop-box .about-newtop-box-text { width: 76%; height: 86px; padding: 0 10px; }
     .about-newtop .about-newtop-box { width: 25%; padding: 10px; margin: 0 0; }
     .about-newtop .about-newtop-box .about-newtop-box-img { width: 24%; }
     .about-newtop .about-newtop-box .about-newtop-box-img img { width: 100%; margin: 8px 0 0; }
     .about-newtop .about-newtop-box .about-newtop-box-text h3 { padding: 15px 0 20px; margin: 0; font-size: 16px; line-height: 22px; }
     .about-top .left-text-top #typed { font-size: 42px; line-height: 60px; height: 70px; top: 30px; left: 0; }
     .about-top .left-text-top a { padding: 10px 0; margin: 10px 0 0 0; width: 26%; font-size: 16px; letter-spacing: 0px; }
     .about-newtop .about-newtop-box .about-newtop-box-text a { padding: 15px 0 20px; margin: 0; font-size: 16px; line-height: 22px;}
     .content .testimonial-block-content-dec p { font-size: 16px; line-height: 25px; color: #000000ab; padding: 5px 0 10px; margin: 0; height: 260px; float: right; text-align: justify; font-weight: 400; }
     
     
     
     
     
     
     
}

@media(max-width: 900px){

.header-logo { width: 90%; }
.banner { height: 350px; }
.banner img.banner-img { height: 350px; }
  .bottom-banner-left span.Since { font-size: 50px; line-height: 60px; left: 245px; top: 20px; }
 .bottom-banner-right .bottom-banner-right-top .banner-right-top-left ul li a { padding: 20px 0 0; margin: 0; width: 30px; height: 30px; }
#bottom-banner-right-demo h4 { margin: 25px 0px 0 0; font-size: 11px; line-height: 19px; }
.bottom-banner .bottom-banner-left h3 { padding: 0; margin: 0; font-size: 13px; }
.bottom-banner .bottom-banner-left ul li a { font-size: 13px; padding: 3px 18px; margin: 0 8px 0 0; }
.bottom-banner-right .bottom-banner-right-top .banner-right-top-right img { width: 98%; }
 .about-newtop .about-newtop-box { width: 25%; padding: 5px; margin: 0 0; }
 .about-newtop .about-newtop-box .about-newtop-box-text { width: 81%; height: 60px; padding: 0 5px; }
 .about-newtop .about-newtop-box .about-newtop-box-text h3 { padding: 8px 0 9px; margin: 0; font-size: 14px; line-height: 20px; }
.about-newtop .about-newtop-box .about-newtop-box-text a { padding: 8px 0 9px; margin: 0; font-size: 14px; line-height: 20px; }
.about-top{ padding: 30px 0 40px !important; }
.about-newtop .about-newtop-box .about-newtop-box-img { width: 19%; }
.about-top .left-text-top h2 { line-height: 20px; font-size: 17px; padding: 0 0 10px; margin: 0px 0 0; }
.about-top .left-text-top #typed { font-size: 34px; line-height: 40px; }
.about-top .left-text-top h3 { line-height: 26px; font-size: 14px; padding: 0 0 10px; margin: 15px 0 0 0; }
.about-top img{  float: right !important; width: 75% !important ; }
 .about-top .left-text-top a { padding: 8px 0; margin: 10px 0 0 0; width: 30%; font-size: 14px; letter-spacing: 0px; }
.finishing { padding: 30px 0; }
.services a.viewdet { padding: 6px 20px; top: 50px; right: 60px; font-size: 11px; }
.services a.viewdet:hover{ right: 56px;}
.finishing .finishing-dec img { height: 165px; padding: 5px; }
.finishing .finishing-dec a .ankerText h5 { font-size: 16px; line-height: 22px; }
.finishing .finishing-dec a .ankerText h6 { font-size: 12px; line-height: 20px; }
.blog { padding: 30px 0 40px; }
.blog h2 { font-size: 34px; line-height: 40px; padding: 0 0 30px; }
.blog a.viewdet { padding: 6px 20px; top: 50px; right: 60px; font-size: 11px; }
.blog a.viewdet:hover{ right: 56px;}
.blog .blog-box img { height: 180px; }
.gallery { padding: 30px 0 20px; margin: 0; }
.gallery h2 { padding: 0 0 30px; font-size: 34px; line-height: 40px; }
.gallery a.viewdet { padding: 6px 20px; top: 50px; right: 60px; font-size: 11px }
.gallery a.viewdet:hover{ right: 56px;}
.gallery .gallery-images img { height: 180px; }
.video-gallery a.viewdet { padding: 6px 20px; top: -20px; right: 60px; font-size: 11px; }
.video-gallery a.viewdet:hover{ right: 56px;}
.video-gallery .gallery-videos { height: 340px; padding: 0; margin: 0 0 30px; }
.theme-counter { padding: 30px 0; }
.theme-counter .play-video { height: 198px; border: 3px solid #fff; }
.theme-counter h3 { padding: 0 0 20px; font-size: 34px; line-height: 40px; }
.theme-counter .single-box { margin: 0 0 20px; padding: 5px 0; }
.theme-counter .single-box i { font-size: 16px; line-height: 0; padding: 0; top: 6px; left: -6px; }
.theme-counter .single-box h2 { font-size: 21px; line-height: 30px; padding: 0; margin: 0; top: 8px; }
.theme-counter .single-box p { font-size: 11px; margin: 5px 0 20px 0; top: 5px; }
.clientbg { padding: 30px 0 20px; margin: 0 0; }
.clientbg h2 { padding: 0; margin: 0; font-size: 34px; letter-spacing: 0; line-height: 40px; }
.clientbg p { font-size: 14px; line-height: 26px; margin: 0 0 30px; }
.clientbg h3 span { padding: 0 15px 0 0; font-size: 18px; }

.feedback h2 { font-size: 34px; line-height: 40px; }
.feedback .testimonial-block-content { padding: 0; margin: 0; }
.feedback .testimonial-block-content .testimonial-block-content-dec { margin: 0; width: 100%; padding: 10px; }
.feedback .testimonial-block-content .testimonial-block-content-dec h4 { font-size: 16px; line-height: 18px; padding: 10px 0 0; margin: 0; height: 35px; }
.feedback .testimonial-block-content .testimonial-block-content-dec p { font-size: 14px; line-height: 24px; padding: 0; margin: 0; height: 315px; }
.feedback .item{ margin: 15px; }

.globe-map{  padding: 30px 0 40px !important; margin: 0 0 30px 0 !important; }
.globe-map h2{  font-size: 34px !important; line-height: 40px !important; }
.globe-map p{ font-size: 14px !important; line-height: 26px !important; margin: 0 0 30px !important; }

.whychoos h2 { padding: 0 0 20px; font-size: 34px; letter-spacing: 0; line-height: 40px; }
.whychoos .why-box img { width: 100px; margin: 0 auto; height: 100px; }
.whychoos .why-box h3 { font-size: 18px; line-height: 20px; padding: 5px 0 0px; font-weight: 600; }
.whychoos .why-box p { font-size: 14px; line-height: 24px; }

footer { padding: 30px 0 0; }
footer .footerlogo { width: 9%; margin: 0 auto 5px; padding: 1px 3px 4px 7px; }
footer .footermenu ul { padding: 8px 0; width: 75%; margin: 30px auto 0; }
footer .footermenu ul li a { font-size: 14px; line-height: 20px; margin: 0 12px; }
footer .footeraddress h3 { font-size: 18px; line-height: 20px; margin: 25px 0 7px; padding: 0; }
footer .footeraddress p { font-size: 13px; line-height: 24px; }
footer .footeraddress h6 { font-size: 13px; line-height: 24px; margin: 10px 0 0; }
footer .footeraddress h6 b{ font-size: 16px; line-height: 18px; }

p.text-white { font-size: 11px; padding: 9px 0; margin: 30px 0 0; }
.bodyleftdown ul li a img { width: 100%; }
.inner-banner h2 { top: 85px; left: 0; right: 0; font-size: 22px; line-height: 22px; padding: 20px 0 20px 152px; width: 37%; margin: 0; }
.inner-about { padding: 30px 0 10px; margin: 0; }
.inner-about p { line-height: 26px; font-size: 14px; padding: 0 0 15px; }
.down-about .down-about-dec p { line-height: 26px; font-size: 14px; padding: 0 0 15px; }
.down-about h2 span { margin: 5px 0 20px; font-size: 16px; line-height: 24px; }
.down-about h2 { font-size: 28px; line-height: 30px; margin: 20px 0 0; }
.inner-about h2 { font-size: 28px; line-height: 30px; padding: 0 0 20px; }
.finishing h2 { font-size: 28px; line-height: 30px; margin: 0 0 30px; }
.ManufacturingProduction h2 { font-size: 28px; line-height: 30px; padding: 0 0 30px; margin: 20px 0 0; }
.certificate { padding: 30px 0; }
.certificate .certificate-images { height: 240px; padding: 0; margin: 0 0 20px; padding: 7px; margin: 0 0 20px; }
.certificate h2 { font-size: 28px; line-height: 30px; padding: 0 0 20px; margin: 0; }
.finishing h2 span { padding: 5px 0 0; margin: 0 0 20px; font-size: 16px; line-height: 24px; }
.finishing h3 { padding: 10px; font-size: 20px; margin: 0 0 15px; line-height: 26px; }
.single-page .single-page-dec h2 { padding: 0 0 15px 10px; margin: 0; font-size: 26px; line-height: 30px; }
.single-page .single-page-dec h5 { font-size: 16px; line-height: 20px; padding: 0 0 10px; }
.single-page .single-page-dec ul { padding: 0; margin: 0; }
.single-page .single-page-dec ul li { line-height: 26px; font-size: 13px; padding: 0 0 5px 0; }
.single-page .single-page-dec a { width: 92%; font-size: 13px; line-height: 18px; padding: 8px 0; margin: 0; }
.single-dec p { line-height: 26px; font-size: 14px; padding: 0 0 10px; }
.product-details { padding: 0; margin: 0 0 25px; }
.product-details h5 { font-size: 16px; line-height: 20px; padding: 0 0 10px; margin: 0; }
.product-details table tr td { width: 50%; padding: 10px; font-size: 14px; line-height: 16px; }
.product-details a { padding: 8px 0; margin: 30px 0 0 0; font-size: 13px; width: 60%; line-height: 18px }
.inner-gallery { padding: 30px 0; margin: 0 0 0; }
.contact { padding: 30px 0; margin: 0; }
.contact h5 { margin: 0 0 30px; font-size: 16px; line-height: 24px; }
.contact .new-contact-box ul li span a { font-size: 22px; }
.contact .new-contact-box { padding: 0; margin: 0; }
.contact .new-contact-box ul li i { font-size: 14px; padding: 0 5px 0 0; }
.contact .new-contact-box ul.email li { padding: 6px 5px 0; }
.contact .new-contact-box ul.email li span a { font-size: 15px; line-height: 20px; }
.contact .new-contact-box ul li span { font-size: 15px; line-height: 25px; height: auto; }
.contact .new-contact-form form .fill-box {  width: 100% !important; float: left; padding: 10px 0; height: 42px; margin: 15px 0; }
.contact .new-contact-form { width: 100%; padding: 5px 15px 20px; margin: 30px 0 0; }
.contact .new-contact-form form .fill-box input { width: 100% ; font-size: 13px; line-height: 16px; padding: 12px 15px; }
.contact .new-contact-form form .fill-box textarea { height: 70px; width: 100% !important; font-size: 13px; line-height: 16px; padding: 12px 15px; margin: 0; }
.contact .new-contact-form form .fill-box input[type="submit"] { width: 40%; font-size: 14px; line-height: 18px; padding: 8px 0; margin: 0 auto; }
.contact .new-contact-form form .fill-box .captcha-text { position: absolute; background: none; width: 100%; top: 18px; }
.contact .new-contact-form form .fill-box .captcha-text { position: absolute; background: none; width: 100%; top: 18px; }
.contact .new-contact-map { width: 100%; padding: 15px; margin: 30px 0 0; height: 602px; }
.contact .new-contact-map iframe{ height: 100% !important; }
.pageloadPupup .modal-body h1 { font-size: 20px; line-height: 30px; margin: 0; }
.pageloadPupup .modal-body h2 { text-align: center; padding: 0 0 15px; margin: 10px 0 18px; font-size: 26px; line-height: 30px; }
.pageloadPupup .modal-body ul li { font-size: 14px; line-height: 26px; }
.inner-gallery h2 { font-size: 28px; line-height: 30px; padding: 0 0 30px; }
.inner-video h2 { font-size: 28px; line-height: 30px; padding: 0 0 30px; }
.about-mission h2 { font-size: 28px; line-height: 30px; padding: 0 0 20px; }
.about-mission p { text-align: center; line-height: 26px; font-size: 14px; }
.contact .new-contact-form form .fill-box img.captcha-hed { position: absolute; width: 100%; height: 41px; left: 0; top: 20px; }
.contact h2 { font-size: 28px; line-height: 30px; }

	
}

@media(max-width: 800px){
    
     .header-menu { width: 10%; top: 12px; }
    .inner-banner h2 { top: 66px; left: 0; right: 0; font-size: 21px; line-height: 22px; padding: 20px 0 20px 152px; width: 40%; margin: 0; }
     .sticky .dropdown-content { top: 38px !important; }
     .dropdown-content { padding: 30px 0 0; right: -30px; top: 37px; width: 290px; }
    .dropdown-content a { padding: 6px 0; font-size: 18px; line-height: 28px; width: 62%; }
    ul.social-li-header li a { margin: 0 2px 0; width: 36px; height: 36px; font-size: 16px; }
    
    
    
    
}



@media(max-width:786px) {
     
     .header-logo { width: 80%; padding: 4px 0 0; }

     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     


}
@media(max-width:768px) { 



}

@media(max-width:760px) {
    /*///chek 700///*/
.header-logo { width: 86%; padding: 4px 0 0; }
 .header-menu .dropdown .dropbtn img.mobile-icon { width: 85%; }
  .banner img.banner-img { height: 318px; }
 .banner { height: 318px; }
.word { font-size: 44px; line-height: 60px; height: 66px; }
.bottom-banner-left span.Since { font-size: 44px; line-height: 52px; left: 210px; top: 20px; }
.bottom-banner-right .bottom-banner-right-top .banner-right-top-left ul li a { padding: 10px 0 0; margin: 0 5px 0 0; width: 40px; height: 40px; }
#bottom-banner-right-demo h4 { margin: 20px 0px 0 0; font-size: 12px; line-height: 19px; width: 100%; text-align: left; }
.bottom-banner-right .bottom-banner-right-top .banner-right-top-right { width: 25%; float: right; margin: -85px 0 0 0; }
.about-newtop .about-newtop-box .about-newtop-box-img { width: 18%; }
 .about-newtop .about-newtop-box .about-newtop-box-text { width: 82%; height: 50px; padding: 0; }
.about-newtop .about-newtop-box .about-newtop-box-text h3 { padding: 6px 0 4px; margin: 0; font-size: 13px; line-height: 18px; }
.about-newtop .about-newtop-box .about-newtop-box-text a { padding: 6px 0 4px; margin: 0; font-size: 13px; line-height: 18px; }
.about-top { padding: 20px 0 30px !important; }
 .about-top .left-text-top a { padding: 8px 0; margin: 10px 0 0 0; width: 26%; font-size: 14px; letter-spacing: 0px; }
.about-top img { float: left !important; width: 100% !important; }
.blog .blog-box img { height: 240px; }
 .blog a.viewdet { padding: 6px 20px; top: 50px; right: 30px; font-size: 11px; }
.blog a.viewdet:hover{ right: 28px; }
  .services a.viewdet { padding: 6px 20px; top: 50px; right: 30px; font-size: 11px; }
.services a.viewdet:hover{ right: 28px; }
.gallery a.viewdet { padding: 6px 20px; top: 50px; right: 30px; font-size: 11px; }
.gallery a.viewdet:hover{ right: 28px; }
.video-gallery a.viewdet { padding: 6px 20px; top: -20px; right: 30px; font-size: 11px; }
.video-gallery a.viewdet:hover{ right: 28px; }
.gallery .gallery-images{ margin: 0 0 25px; }
  .gallery .gallery-images img { height: 290px; }
.video-gallery .gallery-videos { height: 365px; padding: 0; margin: 0 0 25px; }


.theme-counter { padding: 30px 0; box-sizing: border-box; }
 .theme-counter .play-video { height: auto; border: 3px solid #fff; overflow: hidden; box-sizing: border-box; margin: 0 0 30px; }
 .theme-counter .single-box { margin: 0 0 20px; padding: 12px 0; }
 .theme-counter .single-box i { font-size: 27px; line-height: 0; padding: 0; top: 10px; left: -19px; }
  .theme-counter .single-box h2 { font-size: 30px; line-height: 30px; padding: 0; margin: 0; top: 11px; }
 .theme-counter .single-box p { font-size: 14px; margin: 6px 0 20px 0; top: 5px; }
.feedback .testimonial-block-content .testimonial-block-content-dec p { font-size: 14px; line-height: 24px; padding: 0; margin: 0; height: 210px; }
.whychoos .why-box { width: 100%; height: 250px; }
footer .footermenu ul { padding: 8px 0; width: 82%; margin: 30px auto 0; }
.services .item { width: 96%; float: left; margin: 0 13px; }
.thumb-image img.img-responsive_1 { width: 100%; opacity: 1 !important; height: 300px; }
.single-page .flex-control-thumbs li { margin: 2.5px; height: 50px; }
.single-page .single-page-dec a { width: 70%; font-size: 13px; line-height: 18px; padding: 8px 0; margin: 0 0 15px; }
 .product-details a { padding: 8px 0; margin: 30px 0 0 0; font-size: 13px; width: 38%; line-height: 18px; }
  .finishing h2 { font-size: 28px; line-height: 30px; margin: 0 0 30px; }
.inner-banner img { width: 100%; opacity: 0.9; margin: 0px 0 0 0; height: 236px; }
 .inner-banner h2 { top: 82px; left: 0; right: 0; font-size: 20px; line-height: 22px; padding: 15px 0 15px 152px; width: 40%; margin: 0; }
.ManufacturingProduction .img-box-left .flexslider .slides img { width: 100%; height: 260px; }
.finishing .finishing-dec img { height: 300px; padding: 5px; }
.blog .blog-box img { height: 460px; }
.inner-gallery .gallery-image-box { padding: 0; margin: 0 0 30px; height: 240px; }
.inner-gallery .gallery-image-box img { width: 100%; height: 240px; }
 .contact .new-contact-box { padding: 0; margin: 0 auto 20px; width: 70%; }
 .contact .new-contact-box ul.email li span a { font-size: 18px; line-height: 22px; }
.contact .new-contact-box ul.email li { padding: 10px 10px 0; }
.contact .new-contact-box ul li { padding: 10px 10px 0; margin: 0; font-size: 15px; line-height: 20px; }
.contact .new-contact-box ul li span { font-size: 18px; line-height: 30px; height: auto; }
 .contact .new-contact-form { width: 70%; padding: 5px 15px 20px; margin: 30px auto 0; }
.contact .new-contact-map { width: 70%; padding: 15px; margin: 30px auto 0; height: 450px; }
.pageloadPupup .modal-dialog { width: 639px; margin: 120px auto; }


















}


@media(max-width:699px) {
    /*///chek 600///*/

.pageloadPupup .modal-dialog { width: 580px; margin: 120px auto; }
 .pageloadPupup .modal-body h1 { font-size: 18px; line-height: 30px; margin: 0; }
.modal-body { position: relative; padding: 10px; }
 .pageloadPupup .modal-body h2 { text-align: center; padding: 0 0 15px; margin: 5px 0 15px; font-size: 24px; line-height: 30px; }
.pageloadPupup .modal-body ul li { font-size: 13px; line-height: 24px; }
  .about-newtop .about-newtop-box .about-newtop-box-text h3 { padding: 11px 0 4px; margin: 0; font-size: 13px; line-height: 18px; }
 .about-newtop .about-newtop-box .about-newtop-box-text a { padding: 11px 0 4px; margin: 0; font-size: 13px; line-height: 18px; }
.about-newtop .about-newtop-box { width: 50%; padding: 5px; margin: 0 0 5px; }
.about-newtop .about-newtop-box .about-newtop-box-text{ width: 82%; height: 50px; padding: 0; border-right:none; }
 .about-newtop .about-newtop-box { width: 48%; padding: 5px; margin: 0 5px 5px; border-right: 1px solid #23265c; }
 .header-menu { width: 12%; top: 7px; }
 .header-top img.logo-img { width: 96%; }
.sticky img.logo-img { width: 86% !important; padding: 5px 0 !important; }
  .video-gallery .gallery-videos { height: 364px; padding: 0; margin: 0 0 25px; }
.feedback .testimonial-block-content .testimonial-block-content-dec p { font-size: 14px; line-height: 24px; padding: 0; margin: 0; height: 250px; }
 footer { padding: 33px 0 0; }
  footer .footerlogo { width: 12%; margin: 0 auto 5px; padding: 1px 3px 4px 7px; }
  footer .footermenu ul { padding: 8px 0; width: 100%; margin: 30px auto 0; }
 footer .footermenu ul li a { font-size: 14px; line-height: 20px; margin: 0 12px; color: #fff; }
 p.text-white { font-size: 9px; padding: 5px 0; margin: 30px 0 0; }
footer .footeraddress p { font-size: 12px; line-height: 24px; }
 footer .footeraddress h6 { font-size: 12px; line-height: 24px; margin: 5px 0 0; }
 footer .footeraddress h6 b { font-size: 15px; line-height: 18px; }
footer .footeraddress h3 { font-size: 18px; line-height: 20px; margin: 15px 0 7px; padding: 0; }
.bodyleftdown ul li a img { width: 124%; }
.bottom-banner-right .bottom-banner-right-top .banner-right-top-right { width: 25%; float: right; margin: -60px 0 0 0; }
  .inner-banner h2 { top: 82px; left: 0; right: 0; font-size: 19px; line-height: 22px; padding: 15px 0 15px 152px; width: 49%; margin: 0; }
.ManufacturingProduction .img-box-left .flexslider .slides img { width: 100%; height: 203px; }
.ManufacturingProduction { padding: 0; margin: 0; }
.about-mission { padding: 0 0 15px; margin: 0; }
.certificate .certificate-images { height: 300px; padding: 0; margin: 0 0 20px; padding: 7px; margin: 0 0 20px; }
.blog .blog-box img { height: 430px; }
 .dropdown-content { padding: 30px 0 0; right: -30px; top: 37px; width: 270px; }
 .dropdown-content a { padding: 6px 0; font-size: 17px; line-height: 26px; width: 64%; }
ul.social-li-header { padding: 20px 0; }
 ul.social-li-header li a { margin: 0 2px 0; width: 38px; height: 38px; font-size: 16px; }























}

@media(max-width:580px) {
    /*///chek 490///*/

 .pageloadPupup .modal-dialog { width: 480px; margin: 120px auto; }
 .pageloadPupup .modal-body h1 { font-size: 16px; line-height: 26px; margin: 0; }
 .pageloadPupup .modal-body h2 { text-align: center; padding: 0 0 15px; margin: 7px 0 15px; font-size: 22px; line-height: 28px; }
.pageloadPupup .modal-body ul li { font-size: 12px; line-height: 24px; }
.pageloadPupup .modal-header img { width: 80%; margin: 0 auto; }
.banner img.banner-img { height: 220px; }
 .banner { height: 220px; }
.header-top img.logo-img { width: 100%; }
.header-logo { width: 86%; padding: 6px 0 0; }
.word { font-size: 40px; line-height: 56px; height: 60px; }
  .bottom-banner-left span.Since { font-size: 40px; line-height: 47px; left: 200px; top: 20px; }
.bottom-banner .bottom-banner-left ul { padding: 0; margin: 4px 0 10px 0; }
.bottom-banner .bottom-banner-left ul li a { font-size: 11px; padding: 3px 16px; margin: 0 5px 0 0; }
 .bottom-banner-right .bottom-banner-right-top .banner-right-top-left ul li a { padding: 6px 0 0; margin: 0 5px 0 0; width: 36px; height: 36px; }
 #bottom-banner-right-demo h4 { margin: 12px 0px 0 0; font-size: 11px; line-height: 18px; width: 100%; text-align: left; }
 .bottom-banner-right .bottom-banner-right-top .banner-right-top-right { width: 25%; float: right; margin: -50px 0 0 0; }
 .about-newtop .about-newtop-box { width: 48%; padding: 5px; margin: 0 4px 5px; }
 .about-newtop .about-newtop-box .about-newtop-box-text h3 { padding: 8px 0 4px; margin: 0; font-size: 12px; line-height: 18px; }
.about-newtop .about-newtop-box .about-newtop-box-text a { padding: 8px 0 4px; margin: 0; font-size: 12px; line-height: 18px; }
.about-top .left-text-top a { padding: 7px 0; margin: 10px 0 0 0; width: 28%; font-size: 13px; letter-spacing: 0px; }
  .blog a.viewdet { padding: 5px 10px; top: 40px; right: 30px; font-size: 10px; }
 .gallery a.viewdet { padding: 5px 10px; top: 40px; right: 30px; font-size: 10px; }
.video-gallery a.viewdet { padding: 5px 10px; top: -4px; right: 30px; font-size: 10px; }
 .services a.viewdet { padding: 5px 10px; top: 40px; right: 30px; font-size: 10px; }

 .about-top .left-text-top #typed { font-size: 30px; line-height: 40px; height: 45px; top: 20px; left: 0; }
.about-top .left-text-top h2 { line-height: 18px; font-size: 16px; padding: 0 0 8px; margin: 0px 0 0; }
  .about-top .left-text-top h3 { line-height: 24px; font-size: 13px; padding: 0 0 10px; margin: 8px 0 0 0; }
.blog .blog-box img { height: 390px; }
.gallery .gallery-images img{ height: 320px; }
.clientbg p { font-size: 13px; line-height: 24px; margin: 0 0 30px; }
 .clientbg h3 span { padding: 0 15px 0 0; font-size: 16px; }
.clientbg img.client-img { width: 103% !important; margin: 0 0 20px; }
.feedback .testimonial-block-content .testimonial-block-content-dec { margin: 0; width: 100%; padding: 15px; }
.feedback .testimonial-block-content .testimonial-block-content-dec img { width: 16%; height: auto; padding: 0; margin: 0 auto; }
.feedback .testimonial-block-content .testimonial-block-content-dec h4 { font-size: 18px; line-height: 18px; padding: 12px 0 2px; margin: 0; height: 45px; }
.feedback .testimonial-block-content .testimonial-block-content-dec p { font-size: 13px; line-height: 24px; padding: 0; margin: 0; height: 200px; }
 .globe-map p { font-size: 13px !important; line-height: 24px !important; margin: 0 0 30px !important; }
 .whychoos .why-box p { font-size: 13px; line-height: 24px; }
 .whychoos .why-box h3 { font-size: 16px; line-height: 18px; padding: 2px 0 0px; font-weight: 600; }
 .whychoos .why-box img { width: 80px; margin: 0 auto; height: 80px; }
 .whychoos .why-box { width: 100%; height: 225px; }
 footer .footermenu ul li a { font-size: 12px; line-height: 16px; margin: 0 7px; color: #fff; }
  footer .footermenu ul { padding: 8px 0; width: 100%; margin: 20px auto 0; }
 footer .footeraddress h3 { font-size: 16px; line-height: 20px; margin: 16px 0 3px; padding: 0; }
footer .footeraddress p { font-size: 11px; line-height: 20px; }
 footer .footeraddress h6 { font-size: 11px; line-height: 20px; margin: 5px 0 0; }
 footer .footeraddress h6 b { font-size: 13px; line-height: 16px; }
  p.text-white { font-size: 9px; padding: 5px 0; margin: 30px 0 0; line-height: 14px; }
 .bodyleftdown ul li a img { width: 135%; }
   .bodyleftdown ul li a img:hover { width: 145%; }
.theme-counter .single-box i { font-size: 27px; line-height: 0; padding: 0; top: 10px; left: -15px; }
.inner-banner img { width: 100%; opacity: 0.9; margin: 0px 0 0 0; height: 215px; }
.inner-banner h2 { top: 72px; left: 0; right: 0; font-size: 18px; line-height: 22px; padding: 15px 0 15px 84px; width: 49%; margin: 0; }
.inner-about h2 { font-size: 18px; line-height: 20px; padding: 0 0 20px; }
.inner-about p { line-height: 24px; font-size: 13px; padding: 0 0 10px; }
.down-about h2 { font-size: 18px; line-height: 20px; margin: 10px 0 0; }
.down-about .down-about-dec p { line-height: 24px; font-size: 13px; padding: 0 0 10px; }
 .down-about h2 span { margin: 5px 0 20px; font-size: 12px; line-height: 20px; }
.about-mission h2 { font-size: 18px; line-height: 20px; padding: 0 0 10px; }
 .ManufacturingProduction h2 { font-size: 18px; line-height: 20px; padding: 0 0 20px; margin: 10px 0 0; }
.ManufacturingProduction .img-box-left .flexslider .slides img { width: 100%; height: 150px; }
.certificate h2 { font-size: 18px; line-height: 20px; padding: 0 0 15px; margin: 0; }
.certificate #certificate-slider .item { margin: 10px 15px 0; box-shadow: 0px 0px 8px #0000003b; padding: 0; }
.certificate .certificate-images { height: 415px; padding: 0; margin: 0 0 20px; padding: 7px; }
.finishing h2 { font-size: 18px; line-height: 20px; margin: 0 0 25px; }
 .finishing h2 span { padding: 5px 0 0; margin: 0 0 20px; font-size: 12px; line-height: 20px; }
 .blog h2 { font-size: 26px; line-height: 30px; padding: 0 0 30px; }
 .gallery h2 { padding: 0 0 20px; font-size: 26px; line-height: 30px; }
.theme-counter h3 { padding: 0 0 20px; font-size: 26px; line-height: 30px; }
  .theme-counter .single-box i { font-size: 24px; line-height: 0; padding: 0; top: 9px; left: -15px; }
.theme-counter .single-box h2 { font-size: 26px; line-height: 30px; padding: 0; margin: 0; top: 9px; }
 .theme-counter .single-box p { font-size: 13px; margin: 7px 0 20px 0; top: 5px; }
.theme-counter .single-box { margin: 0 0 20px; padding: 9px 0; }
.clientbg h2 { padding: 0; margin: 0; font-size: 26px; letter-spacing: 0; line-height: 30px; }
.feedback h2 { font-size: 26px; line-height: 30px; }
.globe-map h2 { font-size: 26px !important; line-height: 30px !important; }
.whychoos h2 { padding: 0 0 20px; font-size: 26px; letter-spacing: 0; line-height: 30px; }
.inner-blog h2 { font-size: 18px; line-height: 20px; padding: 0 0 30px; }
.inner-gallery h2 { font-size: 18px; line-height: 20px; padding: 0 0 20px; }
.contact h2 { font-size: 18px; line-height: 20px; }
.contact h5 { margin: 0 0 20px; font-size: 12px; line-height: 20px; }
.contact .new-contact-box ul li i { font-size: 13px; padding: 0 5px 0 0; }
.contact .new-contact-box ul li { padding: 10px 10px 0; margin: 0; font-size: 13px; line-height: 16px; }
.contact .new-contact-box ul.email li span a { font-size: 15px; line-height: 17px; }
.contact .new-contact-box ul li span a { font-size: 18px; }
 .contact .new-contact-box ul li span { font-size: 15px; line-height: 24px; height: auto; }
 .contact .new-contact-box { padding: 0; margin: 0 auto 20px; width: 75%; height: 110px; }
 .contact .new-contact-form { width: 75%; padding: 5px 15px 20px; margin: 30px auto 0; }
 .contact .new-contact-form form .fill-box { width: 100% !important; float: left; padding: 15px 0; height: auto; margin: 0; }
.contact .new-contact-form form .fill-box input { width: 100%; font-size: 12px; line-height: 16px; padding: 10px; }
.contact .new-contact-form form .fill-box textarea { height: 70px; width: 100% !important; font-size: 12px; line-height: 16px; padding: 10px; margin: 0; }
.contact .new-contact-form form .fill-box .captcha-text input { font-size: 14px;  }
 .contact .new-contact-form form .fill-box .captcha-text { position: absolute; background: none; width: 100%; top: -4px; margin: 0; }
.contact .new-contact-form form .fill-box img.captcha-hed { position: absolute; width: 100%; height: 29px; left: 0; top: 0px; }
 .contact .new-contact-form form .fill-box input[type="submit"] { width: 36%; font-size: 13px; line-height: 18px; padding: 8px 0; margin: 0 auto; }
 .contact .new-contact-map { width: 75%; padding: 10px; margin: 30px auto 0; height: 400px; }
 .thumb-image img.img-responsive_1 { width: 100%; opacity: 1 !important; height: 240px; }
.single-page .single-page-dec h2 { padding: 0 0 15px 10px; margin: 0; font-size: 22px; line-height: 26px; }
.single-page .single-page-dec h5 { font-size: 15px; line-height: 18px; padding: 0 0 5px; }
.single-page .single-page-dec ul li { line-height: 24px; font-size: 13px; padding: 0 0 5px 0; }
.single-page .single-page-dec a { width: 72%; font-size: 12px; line-height: 16px; padding: 8px 0; margin: 0 0 15px; }
 .single-dec p { line-height: 24px; font-size: 13px; padding: 0 0 10px; }
  .product-details h5 { font-size: 15px; line-height: 18px; padding: 0 0 10px; margin: 0; }
 .product-details table tr td { width: 50%; padding: 10px; font-size: 13px; line-height: 15px; }
  .product-details a { padding: 8px 0; margin: 30px 0 0 0; font-size: 12px; width: 44%; line-height: 16px; }
.finishing h3 { padding: 10px 12px; font-size: 18px; margin: 0 0 15px; line-height: 22px; }
  .inner-video h2 { font-size: 18px; line-height: 20px; padding: 0 0 20px; }
.inner-video .inner-gallery-videos { width: 100%; height: 140px; }
.about-mission p { text-align: center; line-height: 24px; font-size: 13px; }



}



@media(max-width:480px) {
    /*///chek 440///*/

.pageloadPupup .modal-dialog { width: 430px; margin: 100px auto; }
.pageloadPupup .modal-body h1 { font-size: 12px; line-height: 26px; margin: 0; letter-spacing: 0.5px; }
  .pageloadPupup .modal-body h2 { text-align: center; padding: 0 0 15px; margin: 4px 0 15px; font-size: 21px; line-height: 28px; }
 .pageloadPupup .modal-body ul li { font-size: 11px; line-height: 22px; }
 .about-top .left-text-top h2 { line-height: 20px; font-size: 15px; padding: 0 0 10px; margin: 0px 0 0; }
 .about-top .left-text-top #typed { font-size: 24px; line-height: 35px; height: 41px; top: 21px; left: 0; }
  .bottom-banner-right .bottom-banner-right-top .banner-right-top-right { width: 25%; float: right; margin: -30px 0 0 0; }
.header-menu .dropdown .dropbtn { padding: 10px; }
.header-menu { width: 12%; top: 9px; }
 .dropdown-content { padding: 30px 0 0; right: -30px; top: 28px; width: 270px; }
  .sticky .dropdown-content { top: 28px !important; }
.about-top .left-text-top a { padding: 7px 0; margin: 10px 0 0 0; width: 32%; font-size: 13px; letter-spacing: 0px; }
.blog a.viewdet { padding: 4px 10px; top: 60px; right: 30px; font-size: 9px; }
.services a.viewdet { padding: 4px 10px; top: 48px; right: 30px; font-size: 9px; }
.finishing .finishing-dec img { height: 260px; padding: 5px; }
 .blog .blog-box img { height: 365px; }
.gallery a.viewdet { padding: 4px 10px; top: 50px; right: 30px; font-size: 9px; }
.video-gallery a.viewdet { padding: 4px 10px; top: 5px; right: 30px; font-size: 9px; }
  .gallery .gallery-images img { height: 290px; }
 .theme-counter .single-box i { font-size: 20px; line-height: 0; padding: 0; top: 9px; left: -10px; }
.theme-counter .single-box h2 { font-size: 20px; line-height: 26px; padding: 0; margin: 0; top: 9px; }
 .theme-counter .single-box p { font-size: 12px; margin: 7px 0 20px 0; top: 7px; }
.ManufacturingProduction .img-box-left .flexslider .slides img { width: 100%; height: 120px; }
 .single-page .single-page-dec a { width: 80%; font-size: 12px; line-height: 16px; padding: 8px 0; margin: 0 0 15px; }
 .product-details a { padding: 8px 0; margin: 30px 0 0 0; font-size: 12px; width: 50%; line-height: 16px; }
.contact .new-contact-form form .fill-box input[type="submit"] { width: 40%; font-size: 13px; line-height: 18px; padding: 7px 0; margin: 0 auto; }
.contact .new-contact-map { width: 75%; padding: 10px; margin: 30px auto 0; height: 360px; }
.inner-video .inner-gallery-videos { width: 100%; height: 125px; }









}

@media(max-width:430px) {
    /*///chek 400///*/


.contact .new-contact-box { padding: 0; margin: 0 auto 20px; width: 100%; height: 110px; }
 .contact .new-contact-form { width: 100%; padding: 5px 15px 20px; margin: 30px auto 0; }
.contact .new-contact-map { width: 100%; padding: 10px; margin: 30px auto 0; height: 380px; }
.bodyleftdown ul li a img { width: 165%; }
.bodyleftdown ul li a img:hover { width: 175%; }
 .pageloadPupup .modal-dialog { width: 390px; margin: 100px auto; }
 .pageloadPupup .modal-body h1 { font-size: 13px; line-height: 20px; margin: 0; letter-spacing: 0.9px; }
.pageloadPupup .modal-body ul li { font-size: 10px; line-height: 18px; }
.pageloadPupup .modal-header img { width: 85%; margin: 0 auto; }
.bottom-banner .bottom-banner-left h3 { padding: 0; margin: 0; font-size: 12px; }
.about-newtop .about-newtop-box { width: 48%; padding: 5px; margin: 0 3px 5px; }
 #bottom-banner-right-demo h4 { margin: 12px 0px 0 0; font-size: 10px; line-height: 18px; width: 100%; text-align: left; }
 .bottom-banner-right .bottom-banner-right-top .banner-right-top-right { width: 25%; float: right; margin: -15px 0 0 0; }
.blog .blog-box img { height: 270px; }
.gallery .gallery-images img{ height: 270px; }
.video-gallery .gallery-videos { height: 320px; padding: 0; margin: 0 0 25px; }
.inner-video .inner-gallery-videos { width: 100%; height: 118px; }
  .whychoos .why-box { width: 100%; height: 250px; }
 footer .footermenu ul li a { font-size: 11px; line-height: 15px; margin: 0 5px; color: #fff; }
.dropdown-content a { padding: 6px 0; font-size: 14px; line-height: 22px; width: 64%; }
.dropdown-content { padding: 25px 0 0; right: -9px; top: 28px; width: 210px; }
 ul.social-li-header li a { margin: 0 2px 0; width: 32px; height: 32px; font-size: 16px; }
 .inner-banner h2 { top: 68px; left: 0; right: 0; font-size: 17px; line-height: 22px; padding: 12px 0 12px 65px; width: 49%; margin: 0; }
.inner-banner img { width: 100%; opacity: 0.9; margin: 0px 0 0 0; height: 190px; }
.flex-control-thumbs li { margin: 0; height: 30px; }
.ManufacturingProduction .img-box-left .flexslider .slides img { width: 100%; height: 129px; }
.certificate .certificate-images { height: 480px; padding: 0; margin: 0 0 20px; padding: 7px; }
.thumb-image img.img-responsive_1 { width: 100%; opacity: 1 !important; height: 200px; }



}

@media(max-width:399px) {
    /*///chek 385///*/

.bottom-banner .bottom-banner-left h3 { padding: 0; margin: 0; font-size: 11px; }
.thumb-image img.img-responsive_1 { width: 100%; opacity: 1 !important; height: 190px; }
.bottom-banner-right .bottom-banner-right-top .banner-right-top-left ul li a { padding: 6px 0 0; margin: 0 3px 0 0; width: 34px; height: 34px; }
.pageloadPupup .modal-dialog { width: 375px; margin: 100px auto; }
.about-top .left-text-top #typed { font-size: 23px; line-height: 35px; height: 41px; top: 21px; left: 0; }
.bottom-banner-right .bottom-banner-right-top .banner-right-top-right img { width: 94%; }
.theme-counter .single-box i { font-size: 20px; line-height: 0; padding: 0; top: 9px; left: -5px; }
 .clientbg h3 span { padding: 0 15px 0 0; font-size: 14px; }
.whychoos .why-box p { font-size: 12px; line-height: 22px; }
.whychoos .why-box { width: 100%; height: 235px; }
 .whychoos .why-box h3 { font-size: 15px; line-height: 18px; padding: 0; font-weight: 600; margin: 15px 0 5px; }
 .ManufacturingProduction .img-box-left .flexslider .slides img { width: 100%; height: 120px; }
 .finishing h3 { padding: 8px 12px; font-size: 16px; margin: 0 0 15px; line-height: 22px; }
 .finishing .finishing-dec img { height: 215px; padding: 5px; }



}


@media(max-width:380px) {
    /*///chek 375///*/


.pageloadPupup .modal-dialog { width: 365px; margin: 85px auto; }
.header-menu .dropdown .dropbtn img.mobile-icon { width: 95%; }
.header-menu { width: 12%; top: 7px; }
 .banner img.banner-img { height: 190px; }
  .banner { height: 190px; }
 .about-top .left-text-top #typed { font-size: 22px; line-height: 35px; height: 41px; top: 21px; left: 0; }
 .about-top .left-text-top a { padding: 7px 0; margin: 10px 0 0 0; width: 37%; font-size: 12px; letter-spacing: 0px; }
 .blog h2 { font-size: 22px; line-height: 30px; padding: 0 0 30px; }
.gallery h2 { padding: 0 0 20px; font-size: 22px; line-height: 30px; }
 .theme-counter h3 { padding: 0 0 20px; font-size: 22px; line-height: 30px; }
.clientbg h2 { padding: 0; margin: 0; font-size: 22px; letter-spacing: 0; line-height: 30px; }
 .feedback h2 { font-size: 22px; line-height: 30px; }
 .globe-map h2 { font-size: 22px !important; line-height: 30px !important; }
.whychoos h2 { padding: 0 0 20px; font-size: 22px; letter-spacing: 0; line-height: 30px; }
.inner-video .inner-gallery-videos { width: 100%; height: 90px; }
  .finishing h3 { padding: 6px 12px; font-size: 15px; margin: 0 0 15px; line-height: 22px; }
 .finishing .finishing-dec img { height: 205px; padding: 5px; }
.inner-gallery .gallery-image-box img { width: 100%; height: 230px; }
.inner-gallery .gallery-image-box { padding: 0; margin: 0 0 30px; height: 230px; }
 .product-details a { padding: 8px 0; margin: 30px 0 0 0; font-size: 11px; width: 60%; line-height: 16px; }
.product-details table tr td { width: 50%; padding: 10px; font-size: 10px; line-height: 15px; }
.single-page .single-page-dec a { width: 86%; font-size: 11px; line-height: 16px; padding: 7px 0; margin: 0 0 15px; }
 .single-page .single-page-dec ul li { line-height: 24px; font-size: 12px; }
.single-page .single-page-dec h2 { padding: 0 0 10px 10px; margin: 0; font-size: 20px; line-height: 24px; }
.contact .new-contact-form form .fill-box input[type="submit"] { width: 37%; font-size: 12px; line-height: 16px; padding: 7px 0; margin: 0 auto; }
 .contact .new-contact-form form .fill-box img.captcha-hed { position: absolute; width: 100%; height: 33px; left: 0; top: 0px; }






}

@media(max-width:365px) {
    /*///chek 320///*/

  .pageloadPupup .modal-dialog { width: 310px; margin: 85px auto; }
 .pageloadPupup .modal-body h1 { font-size: 12px; line-height: 16px; margin: 0; letter-spacing: 0.6px; }
.pageloadPupup .modal-body h2 { text-align: center; padding: 0px 0 12px; margin: 5px 0 13px; font-size: 18px; line-height: 26px; }
 .pageloadPupup .modal-body ul li { font-size: 9px; line-height: 14px; }
.header-menu .dropdown .dropbtn img.mobile-icon { width: 100%; }
.header-menu { width: 12%; top: 7px; }
.header-logo { width: 88%; padding: 6px 0 0; }
.sticky img.logo-img { width: 90% !important; padding: 5px 0 !important; }
 .bottom-banner .bottom-banner-left h3 { padding: 0; margin: 0; font-size: 9px; }
  .word { font-size: 30px; line-height: 40px; height: 40px; }
 .bottom-banner-left span.Since { font-size: 30px; line-height: 34px; left: 150px; top: 13px; }
 .bottom-banner .bottom-banner-left ul li a { font-size: 9px; padding: 2px 14px; margin: 0 2px 0 0; }
.bottom-banner-right .bottom-banner-right-top .banner-right-top-left ul li a { padding: 6px 0 0; margin: 0 0px 0 0; width: 30px; height: 30px; }
  #bottom-banner-right-demo h4 { margin: 12px 0px 0 0; font-size: 9px; line-height: 14px; width: 100%; text-align: left; }
 .bottom-banner-right .bottom-banner-right-top .banner-right-top-right { width: 25%; float: right; margin: -10px 0 0 0; }
.about-newtop {  padding: 5px 0; }
.about-newtop .about-newtop-box { width: 48%; padding: 3px; margin: 0 2px 5px; }
.about-newtop .about-newtop-box .about-newtop-box-text h3 { padding: 8px 0 4px; margin: 0; font-size: 10px; line-height: 14px; }
 .about-newtop .about-newtop-box .about-newtop-box-text a { padding: 8px 0 4px; margin: 0; font-size: 10px; line-height: 14px; }
.about-newtop .about-newtop-box .about-newtop-box-text { width: 82%; height: 44px; padding: 0; }
.about-top .left-text-top h2 { line-height: 20px; font-size: 12px; padding: 0; margin: 0px 0 0; }
.about-top .left-text-top #typed { font-size: 18px; line-height: 31px; height: 28px; top: 21px; left: 0; }
.about-top .left-text-top h3 { line-height: 24px; font-size: 12px; padding: 0 0 10px; margin: 5px 0 0 0; }
.about-top .left-text-top a { padding: 6px 0; margin: 10px 0 0 0; width: 41%; font-size: 12px; letter-spacing: 0px; }
.theme-counter .single-box i { font-size: 16px; line-height: 0; padding: 0; top: 9px; left: -3px; }
.theme-counter .single-box h2 { font-size: 16px; line-height: 21px; padding: 0; margin: 0; top: 9px; }
.theme-counter .single-box p { font-size: 10px; margin: 7px 0 20px 0; top: 7px; }
.theme-counter .single-box { margin: 0 0 20px; padding: 4px 0; }
.theme-counter { padding: 30px 0 10px; box-sizing: border-box; }
.clientbg p { font-size: 12px; line-height: 20px; margin: 0 0 20px; }
.clientbg img.client-img { width: 108% !important; margin: 0 0 20px; border-radius: 5px; }
.feedback .testimonial-block-content .testimonial-block-content-dec p { font-size: 13px; line-height: 24px; padding: 0; margin: 0; height: 240px; }
.globe-map p { font-size: 12px !important; line-height: 24px !important; margin: 0 0 20px !important; }
 .whychoos .why-box p { font-size: 11px; line-height: 20px; }
.whychoos .why-box h3 { font-size: 14px; line-height: 16px; padding: 0; font-weight: 600; margin: 15px 0 5px; }
 .whychoos .why-box img { width: 70px; margin: 0 auto; height: 70px; }
  footer .footermenu ul li a { font-size: 10px; line-height: 15px; margin: 0 2px; color: #fff; }
footer .footermenu ul { padding: 4px 0; width: 100%; margin: 20px auto 0; }
 footer .footerlogo { width: 14%; margin: 0 auto 5px; padding: 1px 3px 4px 7px; }
 footer .footeraddress h3 { font-size: 14px; line-height: 20px; margin: 16px 0 3px; padding: 0; }
 .inner-video .inner-gallery-videos { width: 100%; height: 85px; }
.inner-banner h2 { top: 56px; left: 0; right: 0; font-size: 14px; line-height: 22px; padding: 10px 0 10px 50px; width: 49%; margin: 0; }
.inner-banner img { width: 100%; opacity: 0.9; margin: 0px 0 0 0; height: 160px; }
.inner-about p { line-height: 24px; font-size: 12px; padding: 0 0 10px; }
.down-about .down-about-dec p { line-height: 24px; font-size: 12px; padding: 0 0 10px; }
.about-mission p { text-align: center; line-height: 24px; font-size: 12px; }
.certificate .certificate-images { height: 430px; padding: 0; margin: 0 0 20px; padding: 7px; }
.finishing h2 span { padding: 5px 0 0; margin: 0 0 20px; font-size: 11px; line-height: 14px; }
.down-about h2 span { margin: 5px 0 20px; font-size: 11px; line-height: 14px; }
.contact h5 { margin: 0 0 20px; font-size: 11px; line-height: 14px; }
.finishing h3 { padding: 6px 12px; font-size: 13px; margin: 0 0 15px; line-height: 20px; }
  .finishing .finishing-dec img { height: 185px; padding: 5px; }
 .single-page .single-page-dec a { width: 95%; font-size: 10px; line-height: 16px; padding: 7px 0; margin: 0 0 15px; }
 .single-dec p { line-height: 24px; font-size: 12px; padding: 0 0 10px; }
.single-page .single-page-dec h5 { font-size: 14px; line-height: 16px; padding: 0 0 5px; }
.product-details h5 { font-size: 14px; line-height: 16px; }
 .product-details table tr td { font-size: 9px; line-height: 15px; }
.product-details a { padding: 8px 0; margin: 30px 0 0 0; font-size: 10px; width: 63%; line-height: 16px; }
  .blog .blog-box img { height: 235px; }
  .inner-gallery .gallery-image-box { padding: 0; margin: 0 0 30px; height: 220px; }
 .inner-gallery .gallery-image-box img { width: 100%; height: 220px; }

.contact .new-contact-box ul.email li span a { font-size: 13px; line-height: 15px; }
  .contact .new-contact-box ul li span { font-size: 13px; line-height: 22px; height: auto; }
 .contact .new-contact-box ul li { padding: 10px 10px 0; margin: 0; font-size: 10px; line-height: 16px; }
.contact .new-contact-box ul li i { font-size: 10px; padding: 0 5px 0 0; }
  .contact .new-contact-box { padding: 0; margin: 0 auto 20px; width: 100%; height: 100px; }
 .contact .new-contact-form form .fill-box input { width: 100%; font-size: 11px; line-height: 16px; padding: 10px; }
.contact .new-contact-form form .fill-box textarea { height: 60px; width: 100% !important; font-size: 11px; line-height: 16px; padding: 10px; margin: 0; }
.contact .new-contact-form form .fill-box input[type="submit"] { width: 37%; font-size: 11px; line-height: 16px; padding: 7px 0; margin: 0 auto; }
 .contact .new-contact-map { width: 100%; padding: 10px; margin: 30px auto 0; height: 350px; }


}

.turnkey-section{
    padding:60px 0;
    background:#f5f5f5;
}

.turnkey-section .title{
    text-align:center;
    font-size:45px;
    margin-bottom:50px;
    color:#111;
}

.project-box{
    display:flex;
    justify-content:center;
    gap:30px;
    flex-wrap:wrap;
}

.project-card{
    width:350px;
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 0 15px rgba(0,0,0,0.1);
    text-align:center;
    padding-bottom:20px;
}

.project-card img{
    width:100%;
    max-width:300px;
    height:250px;
    object-fit:cover;
    display:block;
    margin:auto;
}

.project-card h2{
    margin-top:20px;
    font-size:30px;
    color:#222;
}

.project-card button{
    margin-top:15px;
    padding:12px 25px;
    background:red;
    color:white;
    border:none;
    border-radius:5px;
    font-size:18px;
    cursor:pointer;
}
.gallery img{
    transition:0.3s;
    cursor:pointer;
}

.gallery img:hover{
    transform:scale(1.05);
}