/* 
   Arunkumar 1988 css;
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
strong { font-weight: bold }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; -moz-border-radius:
}
@font-face { font-family: 'YanoneKaffeesatzLight'; src: url('../fonts/YanoneKaffeesatzLight.eot'); src: local('../fonts/YanoneKaffeesatzLight'), url('../fonts/YanoneKaffeesatzLight.woff') format('woff'), url('../fonts/YanoneKaffeesatzLight.ttf') format('truetype'); }
a { text-decoration: none; transition: all 0.8s; }
p { font-family: Calibri; font-size: 14px; color: #000; line-height: 18px; padding-bottom: 20px; text-align: justify }
h1, h2, h3, h4, h5, h6 { color: #000; font-family: 'YanoneKaffeesatzLight'; text-rendering: optimizelegibility; font-style: normal; font-weight: 300; line-height: 1.4; }
h2 { font-size: 24px; margin-bottom: 20px; position: relative; color: #79266e; font-weight: 600; }
h2 span { color: #14a5b8; }
h3:before { background: #477e04; bottom: 0; content: ""; height: 2px; left: 48%; position: absolute; width: 30px; }
h3 { color: #fff; font-size: 27px; font-weight: bold; margin-bottom: 20px; padding-bottom: 10px; position: relative; text-align: center; }
body { line-height: 2px; font-family: 'Roboto Slab'; font-style: normal; font-weight: 400; background: url(../images/body.jpg) 50% 0 repeat #e9e9e9; }
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.color1 { color: #79266e }
.color2 { color: #cd6391 }
.color3 { color: #14a5b8 }
header { width: 100%; display: inline-block; }
.top-row { width: 100%; background: url(../images/top_bg.png) repeat; border-top: 5px solid #79266e; border-bottom: 1px solid #fff; display: inline-block; }
#wrapper { width: 1000px; margin: 0 auto; position: relative; }
.logo-nav { width: 100%; }
.logo { width: 100%; padding: 10px; display: inline-block }
.logo a { display: block; font-family: pt sans; font-size: 45px; }
}
.logo img, .logo img { float: left; margin-right: 47px; position: absolute; }
.logo a span { display: block; font-family: oswald; margin-bottom: 44px; padding-left: 199px; padding-top: 18px; color: #79266E; text-align: center; }
.logo-text { width: 220px; float: left; font-size: 24px; padding: 20px 0 0; }
.logo-text span { display: block; line-height: 50px; color: #B1AFAF; font-weight: 500; font-family: 'PT Sans Narrow', sans-serif; font-size: 28px; padding-left: 20px; }
.menu { margin-left: 242px; float:right }
.menu ul li { float: left; position:relative; }
.menu ul li:first-child a { padding-left: 0; }
.menu ul li a { color: #180716; display: block; font-size: 14px; font-family: 'PT Sans', sans-serif; line-height: 50px; padding:0 0 0 86px; text-transform: uppercase; }
.menu ul li a:hover, .menu ul li a.actvie { color: #79266e; }

.responsive_menu{ width:100%; height:40px; background:#3ab3c2; display:none;}
.responsive_menu a{ color:#fff; line-height:40px;  font-family: 'PT Sans', sans-serif; font-size:14px; text-shadow: 2px 2px 1px #727272; padding:0 10px;}
.responsive_menu a i{ float:right; color:#fff;line-height:40px; font-size:18px; padding:0 10px;}



.banner-bg { background: url(../images/banner-bg.png)repeat; padding: 20px 0; }
#content { width: 100%; display: inline-block; }
.row { width: 100%; display: inline-block; margin-bottom: 20px; }
.ser-list-row { margin-bottom: 30px; }
.ser-list { width: 23.5%; float: left; background: url(../images/pags_li.png) repeat; height: 96px; position: relative; }
.ser-list a { background: url(../images/pag_li.jpg) repeat-x scroll 0 -200px rgba(0, 0, 0, 0); color: #3f3f3f; display: block; font-size: 17px; line-height: 22px; padding: 25px 0 26px; text-align: center; }
.ser-list a span { background: none repeat scroll 0 0 #ff4404; display: block; height: 1px; left: 0; position: absolute; top: 0; width: 100%; }
.ser-list a:hover { background-position: 0 100%; color: #fff; }
.ser-list a:hover span { height: 4px; }
.wel { width: 31.3%; float: left; }
.services { border-bottom: 1px solid #cdcdcd }
.services h2 { margin: 0 0 20px; text-align: center; }
.services p { color: #000; font-size: 16px; font-weight: normal; text-align: center; }
.wel img { display: block; margin-bottom: 10px; }
.wel h2 { margin-bottom: 10px; }
.wel h2 span { color: #14a5b8; }
.wel h2.marB { margin-bottom: 20px; }
.borLR { border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; }
.padLR { padding: 0 2% }
.button { color: #79266e; display: block; font-size: 15px; line-height: 23px; text-align: center; padding-bottom: 20px; }
.button:hover { color: #14a5b8; text-decoration: underline }
.button1 { background: #CC6290; border-radius: 2px; color: #fff; display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: -1px; line-height: 23px; padding: 7px 21px 8px; text-align: center; text-transform: uppercase; }
.button1:hover { background: #14a5b8; }
.row.welcome img { float: left; margin: 0 20px 0 0; }
.hi-logo { transform: rotate(45deg); transition: all 500ms ease-in 0s; display: block; }
.services:hover .hi-logo { transform: rotate(-45deg); }
.hi-logo i { transform: rotate(-45deg); transition: all 500ms ease-in 0s }
.services:hover .hi-logo i { transform: rotate(90deg); }
.img-tl { padding-bottom:20px; }
.button1.cen-mb { display: block; margin: 0 auto 20px; width: 73px; }
.services i { background: #CC6290; border: 1px solid #79266e; border-radius: 50%; display: block; font-size: 30px; height: 100px; line-height: 100px; margin: 0 auto 25px; text-align: center; color: #fff; width: 100px; }
.serv_list > li { border-bottom: 1px solid #cccccc; transition: all 0.6s; margin-bottom: 17px; padding-bottom: 16px; }
.serv_list > li > figure { background: none repeat scroll 0 0 #bfbebe; border-radius: 100%; color: #fff; font-size: 17px; font-weight: bold; height: 27px; margin-top: 1px; padding: 8px 0 0; text-align: center; float: left; line-height: 15px; transition: all 0.6s; width: 35px; }
.serv_list > li > strong { color: #000; float: right; font-size: 12px; line-height: 18px; margin-bottom: 10px; margin-right: 20px; width: 215px; }
.serv_list > li a.text { color: #787878; display: inline-block; font-family: Calibri; font-size: 14px; line-height: 18px; }
.serv_list > li:hover > figure { background: #ee2934; }
.serv_list > li a.text:hover { color: #ee2934; }
.social, .email { width: 254px; float: left; }
.social a { float: left; color: #888888; padding: 14px; border-left: 1px solid #f2f2f2; }
.social a:last-child { border-right: 1px solid #f2f2f2; }
.social a:hover { background: #477e04; color: #fff; }
.email { border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; float: right; width: 210px; }
.email a, .login a { color: #888888; padding: 10px; float: left; padding: 14px; font-family: 'PT Sans Narrow', sans-serif; }
.email a i, .login a i { color: #477e04; padding-right: 10px; }
.social a i { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow: hidden; }
.social a i:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); }
.login { float: right; border-left: 1px solid #f2f2f2; }
hr { width: 100%; height: 1px; margin-bottom: 20px; color: #ccc; }
.arrow-up { border-bottom: 5px solid #ffffff; border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); bottom: 0px; height: 0; left: 0; margin: auto; position: absolute; right: 0; width: 0; }
.our-services { width: 100%; display: inline-block; }
.welcom { padding: 40px 0; }
.welcom figcaption h1 { font-size: 32px; color: #000; text-align: center; margin-bottom: 20px; }
.welcom figcaption p { text-align: center; padding-bottom: 10px; font-size: 18px; color: #111 }
.our-services { padding: 50px 0 20px; background: #f5f5f5; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; }
.marLR { margin: 0px 30px; }
.marL { margin: 0 0 0 20px; }
.colm3 { width: 300px; min-height: 200px; float: left; margin-bottom: 20px; }
.fa.fa-3x { padding-top: 20px; margin: 0 40px 40px 0; }
.cont-but { color: #477e04; display: block; font-size: 14px; font-weight: normal; margin-top: 12px; padding-left: 21%; position: relative; transition: background-color 0.2s linear 0s, color 0.2s linear 0s; }
.cont-but span { color: #f5f5f5; transition: background-color 0.2s linear 0s, color 0.2s linear 0s; }
.cont-but:hover span { color: #477e04; padding-left: 10px; }
.colm3:hover .fa.fa-3x { color: #477e04; }
.our-working { background: url(images/working.jpg) top center no-repeat; padding: 20px 0; height: 320px; }
.colm4 { width: 230px; background: #fff; min-height: 100px; float: left }
.pad { padding: 20px; width: 194px; border-radius: 3px; }
.our-working .fa.fa-3x { display: block; margin: 0 0 20px 0; text-align: center; width: 100%; }
.our-working h2 { text-align: center; }
.head-text { color: #fff; display: block; font-size: 16px; margin-bottom: 35px; text-align: center; }
footer { background: url(../images/footer.png) repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius: 3px; width: 100%; display: inline-block; padding: 10px 0; }
.footer-menu { width: 1000px; margin: 0 auto; }
.footer-menu ul { font-family: 'PT Sans', sans-serif; }
.footer-menu li { float: left; font-size: 20px; padding: 12px 15px; }
.footer-menu li a { color: #3f3f3f; font-size: 13px; line-height: 14px; font-weight: 400; }
.footer-menu li a:hover, .footer-menu li a.actvie { color: #79266E }
.footer-menu > span { color: #3f3f3f; font-weight: 400; display: block; float: right; font-size: 12px; padding-right: 20px; padding-top: 17px; }
.footer-menu > span b { color: #79266E; font-weight: 400; }
.row.welcome-bg { background: #e6e6e6; padding-top: 20px; }
.hi-logo { transform: rotate(45deg); transition: all 500ms ease-in 0s; display: block; }
.services:hover .hi-logo { transform: rotate(-45deg); }
.hi-logo i { transform: rotate(-45deg); transition: all 500ms ease-in 0s }
.services:hover .hi-logo i { transform: rotate(90deg); }
.contactinner { padding-top: 2%; }
.contact-left { width: 570px; float: left; }
.contact-left p { padding-bottom: 14px;     line-height: 12px; }
.contact-left p strong { font-size: 18px; font-weight: 600; }
.contact-left > p > span { font-size: 18px; font-weight: bold; padding-right: 8px; color: #79266e; }
.contact-right { width: 400px; float: right; }
.add-map{ width:100%; display: inline-block;margin-bottom: 20px;}
.add{width:48%; float:left;}
.map,.map1 {float: right; height: 150px;width: 260px; margin-bottom: 20px; border: 1px solid #712e6a; margin-right: 30px;}
.contactus p { padding: 2% 0; }
.contactus ul li p span { color: red; }
.alin, .alin1 { border: 1px solid #747474; height: 30px; width: 100%; }
.alin1 { height: 130px; }
.sub { color: #fff; border: none; cursor: pointer; margin-top: 4%; }
.alin:focus, .alin1:focus { border: 1px solid #e027c6; box-shadow: 0 0 3px rgba(252, 178, 242, 0.81) }
.news p a { color: #14a5b8; font-size: 15px; font-weight: bold; }
.logo img { position: absolute; width: 178px; }
.about-us-logo { margin-right: 12px; vertical-align: middle; width: 10%; }
.Product-logo > img {margin-right: 20px;vertical-align: middle;   width: 120px;}
.industries {float: left;margin-right: 20px;width: 120px;}

             /*start*/
			 
.vijimemb{ width:100%; display:inline-block; padding:10px 0;}
.vijimemb li{ float:left; margin:1%; overflow:hidden;} 
.vijimemb li img{ transform:scale(1); transition:all 0.5s ease-in-out;}
.vijimemb li:hover img{ transform:scale(1.2);}

.bbgs{ width:100%; display:inline-block;}
.bbgs li{ float:left; margin:1%; width:18%; }
.bbgs li img{ width:150px; height:110px;}

table{ width:100%; border-collapse:collapse; border:1px solid #ccc; }
table.cirtifiating td{ border:1px solid #ccc; padding:15px 10px; font-family: Calibri; font-size:15px;}
table.cirtifiating .first{ background:#fff; overflow:hidden;}
table.cirtifiating .first a{ color:#000; text-decoration:underline #7f3366; text-shadow: 2px -2px 0px #e9e9e9; transform:scale(1); transition:all 0.5s ease-in-out; display:inline-block; }
table.cirtifiating .first a:hover{ transform:scale(1.1); padding-left:20px; text-shadow:2px -2px 0px transparent;}
table.cirtifiating .second{ background:#7f3366;}
table.cirtifiating .second a{ color:#fff; transition:all 0.5s ease-in-out;}
table.cirtifiating .second a:hover{ text-shadow: 2px 2px 5px #000;}

.submenu{ width:100%; display:inline-block; position:absolute; top:100%; z-index:2; display:none;  transition:all 0.5s ease-in-out; }
.menu .submenu li{ float:none;}
.menu .submenu li:first-child a{ padding-left:80px;}
.menu .submenu li a{ padding-left:80px; width:100%; background:url(../images/top_bg.png) repeat; line-height:30px;}
.menu .submenu li a:hover{ line-height:50px;}
.menu li:hover .submenu{ display:block; }
.menu li{ transition:all 0.5s ease-in-out;}