body{width: 100%; background:#0c0237 ;padding: 0;margin: 0;font-family: "Roboto", Sans-serif; }
a{text-decoration: none !important; }
p{font-family:ariel ;}
*{padding: 0;margin: 0;}
b{ font-weight:bold; }



/*header-top*/
.header-top { display: none;  position: relative; width: 100%; padding: 8px 0px; margin: 0 0; z-index: 99999; background: #1e0c6f; -webkit-box-shadow: 0px 3px 21px -6px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 21px -6px rgba(0,0,0,0.75); box-shadow: 0px 3px 21px -6px rgba(0, 0, 0, 0.41); }
.header-top .contact-social{ position: relative; width: 100%;  padding: 0 0; margin: 0 0;text-align: left; }
.header-top .contact-social ul.hed-contact{ width: 100%;  padding: 0px 0px; margin: 0 0; }
.header-top .contact-social ul.hed-contact li{ display: inline-block; padding: 0px 0px; margin: 0 0px 0 0; }
.header-top .contact-social ul.hed-contact li i{ color: #D3003A; font-size: 13px; margin: 0 0 0 15px; -webkit-transform: scaleX(-1); transform: scaleX(-1); }
.header-top .contact-social ul.hed-contact li a{ font-family: "Roboto", Sans-serif; color: #fff; font-size: 15px; letter-spacing: 0; line-height: 20px; padding: 0 0 0 10px; margin: 0; font-weight: bold; }
.header-top .contact-social ul.hed-contact li a:hover{ color: #154ea4; transition:all 600ms ease-in-out;}

.header-top .contact-icon{ position: relative; width: 100%;  padding: 0 0; margin: 0 0;text-align: right; }
.header-top .contact-icon ul.social-li-header{ width: 100%;  padding: 0px 0px; margin: 0 0; }
.header-top .contact-icon ul.social-li-header li{ display: inline-block; padding: 0px 0px; margin: 0 auto; text-align: center; }
.header-top .contact-icon ul.social-li-header li i{  margin: 0; }
.header-top .contact-icon ul.social-li-header li a{ font-family: "Roboto", Sans-serif; font-size: 13px; letter-spacing: 0; line-height: 20px; padding: 5px 8px; margin: 0; font-weight: bold; text-align: center; border-radius: 5px; border-left: 2px solid #d4003b; color: #d4003b; background: #fff; }
.header-top .contact-icon ul.social-li-header li a:hover{ border-left: 2px solid #fff; color: #fff; background: #d4003b; transition:all 600ms ease-in-out;}


img.con-gif{ position: fixed;top: 280px; right: -8px; width: 40px; padding: 0; margin: 0; z-index: 99; }

/*header-bottom*/
.header-bottom {position: absolute; width: 100%; padding: 6px 0px; margin: 0 0; z-index: 99; background: none; top: 0;}
.header-bottom .contact-icon{ position: relative; width: 100%;  padding: 0 0; margin: 0 0;text-align: right; }
.header-bottom .contact-icon ul.hed-contact{ width: 100%;  padding: 5px 0 5px; margin: 0 0; }
.header-bottom .contact-icon ul.hed-contact li{ display: inline-block; padding: 0px 0 5px; margin: 0 0px 0 0; }
.header-bottom .contact-icon ul.hed-contact li i{ color: #D3003A; font-size: 13px; margin: 0 0 0 15px; -webkit-transform: scaleX(-1); transform: scaleX(-1); }
.header-bottom .contact-icon ul.hed-contact li a{ font-family: "Roboto", Sans-serif; color: #090326; font-size: 14px; letter-spacing: 1px; line-height: 20px; padding: 0 0 0 8px; margin: 0; }
.header-bottom .contact-icon ul.hed-contact li a:hover{ color: #154ea4; transition:all 600ms ease-in-out;}
.header-bottom .logo-new{ width: 90%; padding: 0px 0 0;}
.header-bottom .logo-new img.logo-img{ width: 100%; }
.header-bottom .navigation{padding: 0; margin: 15px 0 0; }

.sticky { position: fixed; top: 0; width: 100%; z-index: 99999; background: #fff;  -webkit-box-shadow: 0px 3px 21px -6px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 21px -6px rgba(0,0,0,0.75); box-shadow: 0px 3px 21px -6px rgba(0, 0, 0, 0.41);}
.sticky + .banner { padding-top: 0px; }
.sticky .sf-menu a { position: relative; padding: 8px 22px; display: inline-block; transition: all .2s linear; color: #000; font-size: 14px; line-height: 25px; font-weight: bold; outline: none; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 0 10px; background: none; border-radius: 5px; border: none; -webkit-box-shadow: 0px 3px 21px -6px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 21px -6px rgba(0,0,0,0.75); box-shadow: 20px 2px 15px -16px rgba(0, 0, 0, 0.26);}
.sticky .sf-menu li ul li a{ color: #070537bd; padding: 5px 20px; box-shadow:none; text-shadow:none; transition: all 600ms ease-in-out; display: block; font-size: 14px; line-height: 22px; }
.sticky .sf-menu li ul li a:hover{ color: #000; transition: all 600ms ease-in-out;}

/*BANNER*/
.banner{ position: relative; width: 100%; padding: 0 0; margin: 0 0; overflow: hidden; background: #fff; }
.banner video{ width: 100%; }
.banner .banner-dec{ position: absolute; content: ""; left: 0; top: 0; overflow: hidden; height: 100%; z-index: 9; right: 0; margin: 0 auto; text-align: center; }
.banner .banner-dec .banner-dec-text{ width: 80%; padding: 20% 0 0; margin: 0 auto; text-align: center; }
.banner .banner-dec .banner-dec-text h5{margin: 0; padding: 0; font-size: 15px; color: #fff; text-transform: uppercase; font-weight: inherit; font-family: "Roboto", Sans-serif; }
.banner .banner-dec .banner-dec-text h2{margin: 0; padding: 20px 0 20px 0; font-family: 'Changa One', cursive; font-size: 45px; line-height: 60px; font-weight: 700; color: #fff; text-transform: uppercase; text-align: center; text-shadow: 4px 4px 2px rgb(0, 0, 0);}

.word { margin: auto; color: white; text-shadow: 5px 2px #22232400, 2px 4px #2223243d, 3px 5px #000000a8; font-size: 50px; font-weight: bold; font-family: 'Rubik Vinyl', cursive; letter-spacing: 1px; line-height: 60px; transition-property: opacity, transform; font-weight: 400; font-style: normal; font-stretch: normal; text-align: center; opacity: 1; font-family: 'Shrikhand', cursive; line-height: initial; transition-duration: 350ms; }
.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-dec .banner-dec-text a.button-anon-pen { width: 20%; background-image: linear-gradient(0.32turn, #f00, #fad648, #a767e5, #12bcfe, #00ff4c); position: relative; color: #fff; display: block; font-weight: normal; border-radius: 6px; overflow: hidden; -webkit-animation: play 1.6s ease-in infinite; text-align: center; margin: 0 auto; }
.banner .banner-dec .banner-dec-text a.button-anon-pen:hover { -webkit-animation: play 0s ease-in infinite; }
.banner .banner-dec .banner-dec-text a.button-anon-pen span { padding: 10px 0; font-size: 20px; display: block; margin: 3px; background: #1d0b6e; border-radius: 3px; font-weight: bold; text-transform: uppercase; font-family: 'Shrikhand', cursive; }

@-webkit-keyframes play {
    0% {
        background-position: 0px;
    }
    20% {
        background-position: -110px;
    }
    35% {
        background-position: -180px;
    }
    50% {
        background-position: -210px;
    }
    80% {
        background-position: -350px;
    }
    100% {
        background-position: -390px;
    }
}
img.banner-img{ width: 100%; height: auto; }




/*About*/
.about-top{  position: relative; width:100%; padding:70px 0; margin:0 0;background:#eaeaea; z-index: 9; background:#fff; }
.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 h3{ padding: 0; margin: 0; font-size: 30px; color: #1a159e; text-transform: uppercase; font-weight: lighter; font-family: 'Changa One', cursive; letter-spacing: 1px; line-height: 50px;}
.about-top .left-text-top h3 sup{color: #ff0000;}
.about-top .left-text-top h3 sup img{width: 7%; top: -10px; position: relative; }
.about-top .left-text-top h2{  font-size: 15px; font-weight: 600; text-transform: uppercase; line-height: 30px; letter-spacing: 0px; color: #d3003a; display: block; padding: 0; margin: 8px 0 5px; }
.about-top .left-text-top h2 span { font-family: 'Changa One', cursive; font-size: 25px; line-height: 45px; font-weight: 700; color: #0006; }
.about-top .left-text-top #typed{ padding: 0; margin: 0; letter-spacing: 2px; font-style: normal; font-size: 25px; line-height: 40px; font-weight: 700; color: #d4003b; font-family: 'Shrikhand', cursive; } 
.about-top .left-text-top #typed i{font-style:normal;color:#3FBA97;font-weight:600; }
/*-- code for animated blinking cursor --*/
.typed-cursor{opacity: 0;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: #999;font-size: 2.5em;}

.about-top .left-text-top p{ line-height: 28px; max-width: 100%; color: #061c02db; text-align: justify; font-size: 15px; font-weight: normal; font-family: "Roboto", Sans-serif; }
.about-top .left-text-top h4{ font-size: 22px; line-height: 33px; color: #0051cf; padding: 5px 0 0; margin: 10px 0 0; }
.about-top .left-text-top h4 sup{ color: #e80832; font-weight: bold; font-size: 14px; text-transform: uppercase; padding: 0; margin: 0; }
.about-top .left-text-top h4 span{color: #060606; font-size: 15px; font-weight: bold; padding: 0 0 0 5px; margin: 0; }
.about-top .left-text-top h5{ font-style: italic; color: #052b66; font-size: 15px; line-height: 20px; padding: 0; margin: 10px 0; }
.about-top .left-text-top h6{ font-size: 16px; line-height: 25px; color: #000000b3; padding: 0; margin: 4px 0 10px; display: inline-block; }
.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.79);
display: inline-block; vertical-align: middle; padding: 10px 0; border: 0px solid #ffffff; border-radius: 100px; background: linear-gradient(to bottom, #014296, #00bbff); color: #ffffff; text-transform: uppercase; margin: 10px 0 0 0; font-size: 12px; width: 40%; 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; }
.about-top .left-text-top a:hover{ 
-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);
transform: translateY(-7px);
transition: .3s ease;
-webkit-transition: .3s ease;
-moz-transition: .3s ease;
-ms-transition: .3s ease;
-o-transition: .3s ease; }

.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; }

/*services*/
.services{  position: relative; width:100%; padding:40px 0; margin:0 0; background:#2f1b8a; background: linear-gradient(-45deg, #2a24a4, #fea300, #5608c8, #1b0777); background-size: 400% 400%; animation: gradient 15s ease infinite;}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
    
}
.services h2{ margin: 0; padding: 0 0 30px; font-family: 'Changa One', cursive; text-align: center; color: #fff; font-size: 35px; text-transform: uppercase; } 
.services h2 sup img { width: 4%; top: -10px; position: relative; }
.services .services-box{ width: 100%; border-radius: 6px; position: relative; z-index: 9; background: #fff; -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.03); }
.services .services-box:hover{-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.33);}
.services .services-box h3{ padding: 0 0 15px; margin: 0 0; font-size: 16px; line-height: 30px; color: #000; text-align: center; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; font-family: "Roboto", Sans-serif; }
.services .services-box a{text-align: center; display: block; background: #1b0777; padding: 10px 0;  transition:all 600ms ease-in-out; color: #fff; text-transform: uppercase; font-weight: bold; }
.services .services-box a:hover{background: #d0cece; color: 000;  transition:all 600ms 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: 80%; margin: 0 auto; text-align: center; display: block; padding: 10px 0 10px; }

/*clients*/
.clients{  position: relative; width:100%; padding:30px 0; margin:0 0; background:#fff; }
.clients h2{ margin: 0; padding: 0 0 30px; font-family: 'Changa One', cursive; text-align: center; color: #2f1b8a; font-size: 35px; text-transform: uppercase; } 
.clients img.clients-img{ width: 70%; border-radius: 10px; height: 100px; }



/*testmonial*/
.testmonial{position: relative; width: 100%; text-align: center; overflow: hidden; background:#fff;}
.testmonial .left-testmonial { position: relative; width: 100%; text-align: center; overflow: hidden; }
.testmonial .left-testmonial h2 { margin: 0; padding:40px 0 10px; font-family: 'Changa One', cursive; text-align: center; color: #2f1b8a; font-size: 35px; text-transform: uppercase; }
.testmonial .left-testmonial h4 { color: #464545; font-family: 'Roboto',sans-serif; padding: 3px 0 10px; margin: 0; font-size: 17px; }
.testmonial .left-testmonial p { color: #3e3e3e; font-family: 'Roboto',sans-serif; padding: 0 30px; margin: 20px 0 25px; font-size: 22px; font-style: italic; line-height: 37px; }
.testmonial .left-testmonial h5 { color: #222222; font-family: 'Roboto',sans-serif; display: inline-block; font-weight: bold; font-size: 15px; line-height: 20px; padding: 0 0 0 16px; margin: 0 0 50px; }
.testmonial .left-testmonial h5 span { display: block; text-align: left; font-weight: normal; font-size: 13px; line-height: 19px; padding: 5px 0 0; }
img.testmonial-img{ width:4%;}


/*inquery-home*/
.inquery-home{  position: relative; width: 100%; padding: 40px 0px; margin: 0 0; overflow: hidden;  }
.inquery-home .steel-box{ position: absolute; top: 130px; left: 85px; content: ""; width: 40%; overflow: hidden; }
.inquery-home .steel-box h2{ margin: 0; padding: 0 0 0px; font-family: 'Changa One', cursive; text-align: left; color: #fff; font-size: 30px; text-transform: uppercase; } 
.inquery-home .steel-box h2 sup img {width: 3%; top: 0px; position: relative; left: 10px; }
img.in-img{ width: 100%; border: 5px solid #ccc; height: 200px; margin: 50px 0 0 0; }
.inquery-home .steel-box h4{line-height: 28px; max-width: 100%; color: #fff; text-align: justify; font-size: 17px; font-weight: normal; font-family: "Roboto", Sans-serif; }




/*p-gallery*/
.p-gallery{  position: relative; width: 100%; padding: 40px 0px; margin: 0 0; overflow: hidden;  }
.p-gallery h2{ margin: 0; padding: 0 0 30px; font-family: 'Changa One', cursive; text-align: center; color: #1c3254; font-size: 35px; text-transform: uppercase; } 
.p-gallery h2 sup img { width: 2%; top: -10px; position: relative; }
img.in-img{ width: 100%; border: 5px solid #ccc; height: 200px; margin: 50px 0 0 0; }

.p-gallery .gallery-box{ position: relative; width: 100%; padding: 10px; margin: 0 0 30px; float: left; border: 1px solid #e0e0e0; height: 245px; overflow: hidden; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.p-gallery .gallery-box img.pho-gall { width: 100%; height: 220px; }
.p-gallery .gallery-box .view-caption { 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); }
.p-gallery .gallery-box:hover .view-caption { top: 0%; height:100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.p-gallery .gallery-box .view-caption p {  transition:all 600ms ease-in-out;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; }
.p-gallery .gallery-box h6{ text-align: center; color: #000; font-size: 15px; line-height: 25px; font-family: revert; background: #fff; padding: 7px 10px; } 



/*quote*/
.quote{ position: relative; width: 100%; padding: 40px 0px; background: #0d033c; background: linear-gradient(-45deg, #2a24a4, #d3003a, #5608c8, #1b0777); background-size: auto; background-size: 400% 400%; animation: gradient 15s ease infinite;}
.quote h3{ position: relative; text-align: left; color: #fff; font-size: 30px; padding: 0; margin: 0; font-weight: bold; }
.quote a{position: relative; text-align: center; color: #fff; font-size: 30px; padding: 10px 60px; margin: 0; font-weight: bold; background: #d3003a; border-radius: 5px;}
.quote a:hover{ background: #fff;  color:#000;}



img.boton-title-img{  width:100%; }
marquee{ width: 100%; position: fixed; z-index: 9999; bottom: 0; background-image: none; font-size: 13px; line-height: 25px; padding: 5px 0 5px 0;color: #fff;background: #2a2a2a;
border-top: 0.5px solid #ffffff26;}
marquee a{ color: #ffcf00; }
marquee img.marquee-img{ width: 2%; -webkit-transform: scaleX(-1); transform: scaleX(-1); }

.ion-block { overflow: hidden; padding: 2em 0 3em; margin: 0; width: 100%; background: #f2f2f2; }
.ion-block h2 { margin: 0; padding: 0 0 30px; font-family: 'Changa One', cursive; text-align: center; color: #2f1b8a; font-size: 35px; text-transform: uppercase; }
.ion-block .bx { float: left; width: 16%; padding: 0; margin: 0; }
.ion-block .bx h4 { text-align: center; font-size: 50px; line-height: 52px; font-weight: 500; }
.ion-block .bx h3 { text-align: center; font-style: italic; font-family: 'Hind Madurai', sans-serif; font-size: 17px; font-weight: 500; line-height: 28px; color: #020a15; padding: 0 0 0; margin: 0; }



/*footer*/
footer{ width: 100%;  background: url(../images/footer-bg2.png) bottom right no-repeat;  position: relative; background-size: cover; padding: 40px 0 35px; background: #2b2b2b;
}
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;block;}
footer ul.footer-socil li{ list-style: none; display: block; margin: 0 0 6px; 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;  transition:all 600ms ease-in-out;} 
footer ul.footer-socil li i{ color: #ff0046; 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: block; margin: 0 0 6px; }
footer ul.footer-ul li a{ color: #ffffffe5; padding: 0 15px; margin: 0; font-size: 12px; 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;  transition:all 600ms ease-in-out;} 

footer ul.social-li-footer{width: 100%; padding: 0 0; margin: 10px 0 0; 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: #ff0046; 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; }



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: 1px; background: #222; padding: 15px 0 10px; color: #fff; font-weight: normal; margin: 20px 0 0; font-family: 'Montserrat', sans-serif; -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.57); text-align: center;}
p.text-white a{ color: #fff; font-weight: normal; font-family: 'Josefin Sans', sans-serif; letter-spacing: 0; }
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;  }



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

/*about-inner*/
.about-inner{  position: relative; width:100%; padding:0px 0; margin:0 0;background:#eaeaea;  background:#fff; }
.about-inner .ab-inner-text{ position: relative; width:100%; padding:0px 0 0; margin:0 0;  }
.about-inner .ab-inner-text 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; }
.about-inner .ab-inner-text h3{ font-family: 'Montserrat', sans-serif; padding: 0 90px 20px; margin: 0 0; font-size: 25px; line-height: 40px; color: #132746; text-align: center; font-weight: bold; }
.about-inner .ab-inner-text p{ text-align: justify; font-size: 16px; line-height: 30px; color: #1c3254; padding: 0 0 20px; margin: 0; font-family: "Roboto", Sans-serif; }
.about-inner .ab-inner-text a{ font-family: 'Montserrat', sans-serif; background: #428e36; padding: 8px 20px; margin: 15px 0 0; display: inline-block; color: #fff; border: 2px solid #2db318; }
.about-inner .ab-right-img{ position: relative; width:100%; padding:0px 0; margin:0 0;  }
.about-inner .ab-right-img img{ width:100%; }


img.inner-pro-all{ width:100%; padding:0px 0; margin:55px 0 0 0; -webkit-transform: scaleX(-1);
transform: scaleX(-1);}

/*PRODUCT*/
.services-bonding{ position: relative; width:100%; padding:0px 0 100px; margin:0 0; background:#fff; }
.services-bonding 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; }
.services-bonding h6 { font-family: 'Montserrat', sans-serif; padding: 0 90px 20px; margin: 0 0; font-size: 25px; line-height: 40px; color: #132746; text-align: center; font-weight: bold; }
.services-bonding .ser-inner-text { position: relative; width:95%; padding:18px 0 0; margin:0 0; }
.services-bonding .ser-inner-text h3{ padding: 1px 25px; margin: 0 0 10px; font-size: 20px; line-height: 40px; color: #fff; text-align: left; font-weight: bold; background: #1d0b6e; display: inline-block; border-radius: 5px; }
.services-bonding .ser-inner-text p{    font-weight: bold; text-align: justify; font-size: 18px; line-height: 36px; color: #000; font-family: 'Montserrat', sans-serif; padding: 0 0 20px; margin: 0; }
.services-bonding .ser-inner-text p span{ font-weight: bold; text-align: justify; font-size: 18px !important; line-height: 30px !important; color: #000; font-family: 'Montserrat', sans-serif !important; padding: 0 0 5px !important; margin: 0; }
.services-bonding .ser-inner-text li.MsoNormal{margin: 0 0 0 20px;}
.services-bonding .ser-inner-text li span{font-weight: normal; text-align: justify; font-size: 15px !important; line-height: 24px !important; color: #000; font-family: arial !important; padding: 0 0 0px 10px !important; margin: 0;}
.services-bonding .ser-inner-text ul{ padding: 0 0 0 40px; }
.services-bonding .ser-inner-text ul li{ text-align: justify; font-size: 17px; line-height: 25px; color: #000; font-family: 'Montserrat', sans-serif; padding: 0 0 5px 5px; margin: 0; font-style: italic; font-weight: bold; list-style: disclosure-closed; }
.services-bonding .ser-inner-text a.button-anon-pen { width: 25%; background-image: linear-gradient(0.32turn, #f00, #fad648, #a767e5, #12bcfe, #00ff4c); position: relative; color: #fff; display: block; font-weight: normal; border-radius: 6px; overflow: hidden; -webkit-animation: play 1.6s ease-in infinite; text-align: center; margin: 0; }
.services-bonding .ser-inner-text a.button-anon-pen:hover { -webkit-animation: play 0s ease-in infinite; }
.services-bonding .ser-inner-text a.button-anon-pen span {     padding: 10px 0; font-size: 15px; display: block; margin: 3px; background: #1d0b6e; border-radius: 3px; font-weight: bold; text-transform: uppercase; font-family: 'Josefin Sans'; line-height: 25px; }


/*inn-contact*/
.map-box{ margin: -40px 0 0 0; background: #000; }
.map-box iframe{    opacity: 0.7;}
.map-box iframe:hover{    opacity: 1;}
.inn-contact{ position: relative; width: 100%; overflow: hidden; padding:30px 0px 0; margin: 0; background: #fff;  }
.inn-contact h6{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; }
.inn-contact .conta-inner-text{  padding: 35px 30px; margin: 0 0; }
.inn-contact .conta-inner-text ul.cont-d{ padding: 0 0; margin: 0 0; }
.inn-contact .conta-inner-text ul.cont-d li{list-style: none; padding: 0 0; margin: 0 0; font-size: 19px; line-height: 25px; }
.inn-contact .conta-inner-text ul.cont-d li i{     background: linear-gradient( 90deg, rgb(199 18 70) 10%, rgb(246 249 255) 10%); border: 1px solid #cd1548; color: #bb0c3e; padding: 5px 6px; padding: 5px 6px; width: 5%; text-align: center; border-radius: 4px; margin: 0 0 10px; font-size: 12px; }
.inn-contact .conta-inner-text ul.cont-d li a{    font-weight: bold; padding: 0 0 0 10px; margin: 0 0; font-size: 15px; line-height: 28px; color: #000; font-family: 'Montserrat', sans-serif; }
.inn-contact .conta-inner-text ul.cont-d li a:hover{ color: #335233; }
.inn-contact form{  padding: 35px 30px; margin: 0 0;  }
.inn-contact form .input-cont{  width: 100%; padding: 0; margin: 0; display: block; }
.inn-contact form .input-cont label{    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; }
.inn-contact form .input-cont input{ background: none; width: 73%; float: right; outline: none; border: none; font-size: 16px; line-height: 29px; padding: 5px 10px; margin: 0; color: #000; }
.inn-contact form .input-cont textarea{ background: none; width: 73%; float: right; outline: none; border: none; font-size: 16px; line-height: 29px; padding: 5px 10px; margin: 0; color: #000; }
.inn-contact form .input-cont input[type="submit"]{  float: left; margin: 0;  width: 50%; background: linear-gradient( 
90deg, rgb(247 99 0) 10%, rgb(255 255 255) 10%); border: 1px solid #f76300; color: #f76300; display: inline-block;  background: #05173a;}





/*/Responsiv RAj/*/
/*/----------------------- RESPONSIV ----------------------/*/


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

@media(max-width:1050px) {
    /*/chek 1000/*/
}

@media(max-width:991px) {
    .header-bottom .logo-new img.logo-img { width: 60%; } 
    .word{font-size: 30px;}
    .banner .banner-dec .banner-dec-text a.button-anon-pen { width: 30%;}
    .about-top .left-text-top #typed { padding: 0; margin: 0; letter-spacing: 1px; font-style: normal; font-size: 18px; line-height: 20px;}
    .about-top .left-text-top p { line-height: 25px; max-width: 100%; color: #061c02db; text-align: justify; font-size: 12px;}
    .banner .banner-dec .banner-dec-text a.button-anon-pen span { padding: 8px 0; font-size: 16px;}
    .about-top .left-text-top h3{line-height: 35px; font-size: 25px;}
    .typed-cursor{color: #999; font-size: 10px;}
    .inquery-home .steel-box { position: absolute; top: 50px; left: 45px; content: ""; width: 42%; overflow: hidden; height: 253px; }
    .inquery-home .steel-box h2 { margin: 0; padding: 0 0 0px; font-family: 'Changa One', cursive; text-align: left; color: #fff; font-size: 16px;}
    .inquery-home .steel-box h4 { line-height: 22px; max-width: 100%; color: #fff; text-align: justify; font-size: 13px;}
    .inquery-home { position: relative; width: 100%; padding: 0px 0px; margin: 0 0; overflow: hidden; }
    #product-demo .item {padding: 0 5px;color: #2d2b2b;transition: all 600ms ease-in-out; }
    .services .services-box h3 {padding: 0 0 15px;margin: 0 0;font-size: 12px;line-height: 20px;}
   
}

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

@media(max-width:768px) {
.header-bottom .logo-new img.logo-img { width: 80%; }
#menu-icon { right: -10px !important; top: 0px !important; left: -30px !important; }
.sf-menu { width: 250px !important;  right: 0; top: 40px !important;  background: #fff !important;  }
.sticky .sf-menu a{padding: 4px 5% !important; border-bottom: 1px dotted #6c6c6c !important; margin: 0; font-size: 12px !important; line-height: 25px  !important; font-weight: bold  !important; outline: none  !important; text-transform: uppercase; letter-spacing: 0  !important; }
.sticky .sf-menu li ul li a { color: #0b066fbd !important; font-size: 11px !important; line-height: 22px; background: #cccccc24 !important; }
.sf-menu a, .sf-menu ul a { padding: 4px 5% !important; border-bottom: 1px dotted #6c6c6c !important; background: #050115b2 !important; }
.banner .banner-dec .banner-dec-text { width: 100%; padding: 15% 0 0; margin: 0 auto; text-align: center; }
.word{ font-size: 30px;}
.banner .banner-dec .banner-dec-text a.button-anon-pen { width: 25%;}
.banner .banner-dec .banner-dec-text a.button-anon-pen span { padding: 8px 0px; font-size: 15px;}
.about-top { position: relative; width: 100%; padding: 30px 0 !important;}
.about-top .left-text-top h3{font-size: 25px; line-height: 30px; }
.about-top .left-text-top #typed { padding: 0; margin: 0; letter-spacing: 1px; font-style: normal; font-size: 15px; line-height: 40px; font-weight: normal;}
.about-top .left-text-top p { line-height: 25px; max-width: 100%; color: #061c02db; text-align: justify; font-size: 14px;}
.inquery-home .steel-box { position: absolute; top: 80px; left: 40px; content: ""; height: 210px; width: 42%; overflow: hidden; }
.inquery-home .steel-box h2{ font-size: 15px; }
.inquery-home .steel-box h4{ font-size: 12px; font-weight: normal; font-family: "Roboto", Sans-serif; line-height: 20px; }
.inquery-home { position: relative; width: 100%; padding: 40px 0px 0;}
.services h2{font-size: 30px;}
.services .services-box h3{ letter-spacing: 0px; font-family: "Roboto", Sans-serif; font-size: 12px; line-height: 20px; }
.clients h2{font-size: 30px;}
.clients img.clients-img { width: 90%; border-radius: 10px; height: auto; }
.testmonial .left-testmonial p {color: #3e3e3e;font-family: 'Roboto',sans-serif;padding: 0 30px;margin: 20px 0 25px; }
.testmonial .left-testmonial h2 { margin: 0; padding: 30px 0 5px; color: #2f1b8a; font-size: 25px; text-transform: uppercase;}
.quote{ text-align: center; padding: 20px 0px; }
.quote h3 { position: relative; text-align: center; color: #fff; font-size: 22px;} 
.quote a {text-align: center; font-size: 15px; padding: 7px 35px; margin: 15px 0 0; display: inline-block; }
.ion-block h2{font-size: 30px;}
.ion-block .bx { float: left; width: 33%; padding: 0; margin: 0; }

.banner-inner { position: relative; width: 100%; padding: 0 0; margin: 65px 0 0; }

.about-inner .ab-inner-text h2 { font-size: 25px; line-height: 25px; font-weight: 700; letter-spacing: 1px; padding: 20px 0 10px;}
.about-inner .ab-inner-text h3 {  padding: 0 20px 10px; margin: 0 0; font-size: 18px; line-height: 40px;}
.about-inner .ab-inner-text p { text-align: justify; font-size: 15px; line-height: 26px; color: #1c3254cc; padding: 0 10px 20px;}
.services-bonding h2 { font-size: 25px; line-height: 25px; font-weight: 700; letter-spacing: 1px; padding: 20px 0 10px;}
.services-bonding h6 {  padding: 0 20px 10px; margin: 0 0; font-size: 18px; line-height: 40px;}
.services-bonding .ser-inner-text p span { padding: 0; font-weight: bold; text-align: justify; font-size: 15px !important; line-height: 26px !important; color: #000000d4;}
.services-bonding .ser-inner-text li span { font-weight: normal; text-align: justify; font-size: 15px !important; line-height: 24px !important; color: #000000c4;}
.services-bonding .ser-inner-text p{padding: 0; font-weight: bold; text-align: justify; font-size: 15px !important; line-height: 26px !important; color: #000000d4;}
img.inner-pro-all { width: 70% !important; padding: 0px 0; margin: 20px auto; -webkit-transform: scaleX(-1); transform: scaleX(-1); display: block; }
.p-gallery { position: relative; width: 100%; padding: 40px 0px; margin: 0 0; overflow: hidden; background: #fff; }
.p-gallery h2{ font-size: 30px; }
.inn-contact h6{ font-size: 30px; padding: 0; }

    
}

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

@media(max-width:575px) {
/*/chek 500/*/
#menu-icon { right: -10px !important; top: -10px !important; left: -30px !important; }
.sf-menu { width: 250px !important; right: 0; top: 25px !important; background: #fff !important; }
.sf-menu li.active a { color: #fff; background: #1d0b6e !important; border-radius: 4px; border: none; font-weight: bold; }
.sf-menu li ul li a { font-size: 11px !important; line-height: 16px; color: #000; }
.sf-menu > li > a { font-size: 12px !important; line-height: 16px; padding: 8px 0 !important; }
.typed-cursor{color: #f00; font-size: 10px;}
.inquery-home .steel-box h4 { font-size: 9px; font-weight: normal; font-family: "Roboto", Sans-serif; line-height: 15px; margin: 0; }
.inquery-home { position: relative; width: 100%; padding: 0; }
.inquery-home .steel-box { position: absolute; top: 26px; left: 28px; content: ""; height: 170px; width: 42%; overflow: hidden; }
.services { position: relative; width: 100%; padding: 20px 0;}
.services h2 { font-size: 20px; padding: 0 0 20px; }
#product-demo .item { padding: 0 5px;}
.services .services-box h3 { letter-spacing: 0px; font-family: "Roboto", Sans-serif; font-size: 10px; line-height: 15px; }
.services .services-box a { text-align: center; display: block; background: #1b0777; padding: 6px 0; transition: all 600ms ease-in-out; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 12px; }
.clients h2 { font-size: 22px; padding: 0 0 20px; }
.testmonial .left-testmonial p { padding: 0 30px; margin: 20px 0 25px; font-size: 15px; line-height: 25px; }
.ion-block .bx h4 { text-align: center; font-size: 50px; line-height: 49px; font-weight: 500; padding: 0; margin: 0; }
.ion-block .bx h3 { text-align: center; font-style: italic; font-family: 'Hind Madurai', sans-serif; font-size: 14px; font-weight: 500; line-height: 22px; color: #020a15; padding: 0 0 0; margin: 0; }

.banner-inner { position: relative; width: 100%; padding: 0 0; margin: 45px 0 0; }

.about-inner .ab-inner-text h3 { padding: 0; margin: 0 0; font-size: 15px; line-height: 40px; }
.services-bonding h6 { padding: 0; margin: 0 0; font-size: 16px; line-height: 30px; }
.p-gallery { position: relative; width: 100%; padding: 20px 0px;}
.p-gallery h2 { font-size: 25px; }
.p-gallery .gallery-box img.pho-gall { width: 100%; height: 160px; }
.p-gallery .gallery-box{width: 100%; padding: 10px; margin: 0 0 30px; float: left; border: 1px solid #e0e0e0; height: 180px;}
.p-gallery .gallery-box .view-caption { position: absolute; top: -160%; width: 100%; text-align: center; padding: 50px 0;}
.p-gallery .gallery-box .view-caption p { transition: all 600ms ease-in-out; border: 1px solid #d00034; width: 80%;}
.inn-contact h6 { font-size: 20px; padding: 0; line-height: 30px; }
.inn-contact { position: relative; width: 100%; overflow: hidden; padding: 20px 0px 0;}
.inn-contact .conta-inner-text { padding: 20px 0px; margin: 0 0; }
.inn-contact .conta-inner-text ul.cont-d li i{width: 7%; text-align: center; border-radius: 4px; margin: 0 0 10px; font-size: 10px;}
.inn-contact form { padding: 20px 10px; margin: 0 0; display: inline-block; width: 100%; }
.inn-contact form .input-cont { width: 100%; padding: 0; margin: 0; display: inline-block; border-bottom: 1px dotted #ccc; }
.inn-contact form .input-cont label { width: 25%; float: left; line-height: 26px; padding: 5px 1px; margin: 0; font-weight: bold; font-size: 14px;}

}

@media(max-width:480px) {
   /*chek 430 */ 
.word { font-size: 20px; }
.banner .banner-dec .banner-dec-text a.button-anon-pen { width: 40%;margin: 15px auto; }
.banner .banner-dec .banner-dec-text a.button-anon-pen span { padding: 8px 0px; font-size: 13px; letter-spacing: 1px; }
.inquery-home .steel-box h2 { font-size: 10px; }
.inquery-home .steel-box { position: absolute; top: 26px; left: 25px; content: ""; height: 130px; width: 41%; overflow: hidden; }
.inquery-home .steel-box h4 { font-size: 10px; font-weight: normal; font-family: "Roboto", Sans-serif; line-height: 17px; margin: 0; text-align: left; }
.services { position: relative; width: 100%; padding: 20px 0; overflow: hidden; }
.services .services-box h3 { letter-spacing: 0px; font-family: "Roboto", Sans-serif; font-size: 15px; line-height: 20px; }
.services .services-box a{font-size: 12px; padding: 15px 0;}
.testmonial .left-testmonial h4 { color: #000; font-family: 'Roboto',sans-serif; padding: 3px 0 0px; margin: 0; font-size: 14px; font-style: italic; }
.testmonial .left-testmonial p { padding: 0 10px; margin: 20px 0 25px; font-size: 14px; line-height: 25px; }
.ion-block h2 { font-size: 22px; padding: 0 0 25px; }
.ion-block .bx h3{font-size: 13px; font-weight: 500; line-height: 20px;}
footer{padding: 10px 0 35px; background: #020e39;}
footer h2 { font-size: 17px; line-height: 40px; font-weight: bold; color: #fff; text-transform: uppercase; text-align: left; padding: 0; margin: 0; font-family: "Roboto", Sans-serif; letter-spacing: 1px; text-shadow: 3px 3px 2px rgb(0, 0, 0); }
footer p { line-height: 20px; max-width: 100%; color: #ffffffb3; text-align: justify; font-size: 12px;}
footer ul.footer-socil li a{font-size: 12px; line-height: 23px;}
p.text-white { font-size: 13px; letter-spacing: 0; background: #010820; padding: 20px 0 24px;}
marquee{background: #010820;}
  
.about-inner .ab-inner-text h3 { padding: 0; margin: 0 0; font-size: 13px; line-height: 30px; font-style: italic; color: #000; }
.about-inner .ab-inner-text p { text-align: justify; font-size: 13px; line-height: 23px; color: #1c3254cc; padding: 0 10px 15px; }
.services-bonding h2 { font-size: 20px; line-height: 20px;}
.services-bonding h6 { padding: 0; margin: 0 0; font-size: 15px; line-height: 30px; }
.services-bonding .ser-inner-text h3 { padding: 1px 20px; margin: 0 0 10px; font-size: 14px; line-height: 31px; color: #fff; text-align: left; font-weight: bold; background: #1d0b6e; display: inline-block; border-radius: 5px; text-transform: uppercase; }
.services-bonding .ser-inner-text p span { padding: 0; font-weight: bold; text-align: justify; font-size: 13px !important; line-height: 25px !important; color: #0000009e; font-family: arial !important; }
.services-bonding .ser-inner-text li span { font-weight: normal; text-align: justify; font-size: 13px !important; line-height: 22px !important; color: #000000c4; }
.services-bonding .ser-inner-text p{  padding: 0; font-weight: bold; text-align: justify; font-size: 13px !important; line-height: 25px !important; color: #0000009e; font-family: arial !important;}



}

@media(max-width:420px) {
  /*  /chek 400/*/
.sticky{padding: 10px 0;} 
#menu-icon { right: -10px !important; top: -15px !important; left: -30px !important; }
.sf-menu { width: 250px !important; right: 0; top: 20px !important; background: #fff !important; left: -250px !important; }
.word { font-size: 18px; text-shadow: 2px 0px #0000, 2px 1px #2223243d, 3px 3px #00000030; }
.ion-block .bx { float: left; width: 50%; padding: 0; margin: 0 0 20px; }
.about-top .left-text-top h3 { font-size: 20px; line-height: 22px; }
.about-top .left-text-top #typed { padding: 0; margin: 0; letter-spacing: 1px; font-style: normal; font-size: 12px; line-height: 30px; font-weight: normal; }
.about-top .left-text-top p { line-height: 25px; max-width: 100%; color: #061c02db; text-align: justify; font-size: 13px; }
.inquery-home .steel-box h4 { font-size: 10px; font-weight: normal; font-family: "Roboto", Sans-serif; line-height: 15px;}
.services-bonding .ser-inner-text a.button-anon-pen { width: 40%;}
.services-bonding .ser-inner-text a.button-anon-pen span { padding: 5px 0; font-size: 12px;}
.p-gallery .gallery-box { width: 100%; padding: 5px; margin: 0 0 30px; float: left; border: 1px solid #e0e0e0; height: 160px; }
.p-gallery .gallery-box img.pho-gall { width: 100%; height: 150px; }


}

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

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