@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/open-sans.bold-webfont.eot');
    src: url('fonts/open-sans.bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open-sans.bold-webfont.woff2') format('woff2'),
         url('fonts/open-sans.bold-webfont.woff') format('woff'),
         url('fonts/open-sans.bold-webfont.ttf') format('truetype'),
         url('fonts/open-sans.bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'allerregular';
    src: url('fonts/Aller_Rg-webfont.eot');
    src: url('fonts/Aller_Rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Aller_Rg-webfont.woff2') format('woff2'),
         url('fonts/Aller_Rg-webfont.woff') format('woff'),
         url('fonts/Aller_Rg-webfont.ttf') format('truetype'),
         url('fonts/Aller_Rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'aller_lightitalic';
    src: url('fonts/Aller_LtIt-webfont.eot');
    src: url('fonts/Aller_LtIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Aller_LtIt-webfont.woff2') format('woff2'),
         url('fonts/Aller_LtIt-webfont.woff') format('woff'),
         url('fonts/Aller_LtIt-webfont.ttf') format('truetype'),
         url('fonts/Aller_LtIt-webfont.svg#aller_lightitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'aller_lightregular';
    src: url('fonts/Aller_Lt-webfont.eot');
    src: url('fonts/Aller_Lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Aller_Lt-webfont.woff2') format('woff2'),
         url('fonts/Aller_Lt-webfont.woff') format('woff'),
         url('fonts/Aller_Lt-webfont.ttf') format('truetype'),
         url('fonts/Aller_Lt-webfont.svg#aller_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'alleritalic';
    src: url('fonts/Aller_It-webfont.eot');
    src: url('fonts/Aller_It-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Aller_It-webfont.woff2') format('woff2'),
         url('fonts/Aller_It-webfont.woff') format('woff'),
         url('fonts/Aller_It-webfont.ttf') format('truetype'),
         url('fonts/Aller_It-webfont.svg#alleritalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'allerbold';
    src: url('fonts/Aller-webfont.eot');
    src: url('fonts/Aller-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Aller-webfont.woff2') format('woff2'),
         url('fonts/Aller-webfont.woff') format('woff'),
         url('fonts/Aller-webfont.ttf') format('truetype'),
         url('fonts/Aller-webfont.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

*{ margin:0; padding:0;}

body{ margin:0; padding:0; font:13px 'allerregular';}
.header{margin:0; padding:0; width:100%; float:left; background:#fff;}
.header_inner{margin:0 auto; width:1000px;}
.logo{float:left; margin:0; padding:20px 0; width:415px;}
.logo a{float:left; margin:0; padding:0; text-decoration:none;}
.logo a img{width:100%;}


#cssmenu {
  float: right;
  font:bold 12px/15px 'allerregular';
  height: 50px;
  margin: 35px 0 0;
  text-align: left;
  text-transform: uppercase;
  width: 119px;
}
#cssmenu > ul {
  width: auto;
  list-style-type: none;
  padding: 0;
  margin: 0;
  background: #ffffff;
}
#cssmenu > ul li#responsive-tab {
  display: none;
  /* Hide for large screens */

}
#cssmenu > ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#cssmenu > ul li.right {
  float: right;
}
#cssmenu > ul li.has-sub {
  position: relative;
}
#cssmenu > ul li.has-sub:hover ul {
  display: block;
}
#cssmenu > ul li.has-sub ul {
  display: none;
  width: 250px;
  position: absolute;
  right:0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #ffffff;
  border: 1px solid #ece6e8;
  border-bottom: 3px solid #d9ced2;
  border-top: 0 none;
  z-index:9;
}
#cssmenu > ul li.has-sub ul li {
  display: block;
}
#cssmenu > ul li.has-sub > a {
  background-image: url('images/caret.png');
  background-repeat: no-repeat;
  background-position: 90% -95%;
}
#cssmenu > ul li.has-sub > a.active,
#cssmenu > ul li.has-sub > a:hover {
  background: #d80041 url('images/caret.png') no-repeat;
  background-position: 90% 195%;
}
#cssmenu > ul li a {
  display: block;
  padding: 12px 24px 11px 24px;
  text-decoration: none;
  color: #747474;
  text-shadow: 0px 1px 0px #fff;
}
#cssmenu > ul li a.red {
	color:#CC0000;
	background:url(images/downarrow.jpg) 85px 50% no-repeat;
}
#cssmenu > ul li a.active,
#cssmenu > ul li a:hover {
  background: #d80041;
  color: #fff;
  text-shadow: 0px 1px 0px #000;
}

.banner{margin:0; float:left; width:100%; background:url(images/bg1.png) center top;}
.banner_inner{margin:0 auto; width:1000px; position:relative;}
.banner_contain{margin:50px 0; float:left; padding:0 0 0 50px;}
.banner_contain h2{margin:0; float:left; width:100%; font:50px 'allerbold'; color:#fff;}
.more_button{margin:0 0 50px 0; float:left; padding:0; width:100%;}
.more_button a{margin:0; 
float:left; padding:0; 
width:100%; color:#fff; 
background:#000; opacity:0.80; 
text-decoration:none; 
width:160px;
font:24px/38px 'allerbold';
text-indent:20px;
}
.container{margin:0; float:left; width:100%;}
.contain_inner{margin:0 auto; width:1260px; position:relative;}
.row_contain-1{margin:0; float:left; width:100%;}
.row-ld-1{float:left; margin:10px 15px; padding:0; background:#b72026; height:20px; width:180px; position:absolute;}
.col-ld-2{margin:35px 0 0 0; float:left; padding:0; width:100%;}
.row-ld-2{float:left; margin:10px 15px; padding:0; width:180px; position:relative;}
.row-ld-2 img{float:left; margin:0; padding:0; width:100%;}
.row-ld-2 a {
  float: left;
  margin: 0;
  padding: 5px 15px;
  font: 24px/25px 'allerbold';
  color: #fff;
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
  width:91%;
}
.row-ld-2 a:hover{ background-color:#b72427; opacity:0.7;width:84%}
.row-ld-2 a span{float:left; margin:0; padding:0; width:100%;}
.row-ld-2 a:hover .row-ld-1 span{display:block;}
.row_contain-2{float:left; margin:0; padding:20px 0; width:100%; }
.row-ld-2 p{float:left; margin:0; padding:0; width:100%; color:#414042; font:16px 'alleritalic';}
.col-ld-9{float:left; margin:0; padding:0; width:750px; position:relative;}
.col-img-1{float:left; margin:0; padding:10px 20px; text-align:center;}
.col-img-1 img{float:left; margin:0; padding:0; width:100%;}

/* style of contact us page*/
.banner-contact{margin:0; float:left; width:100%; background:url(images/contact-bg.png) no-repeat center top; height:465px;}
.banner-contact-inner{margin:0 auto; width:1000px; position:relative;}
.contact-conatin{float:left; margin:0; padding:0; width:500px;font-size:20px;}
.contact-conatin h2{float:left; margin:0; padding:50px 0 15px 0; width:100%; font:50px 'allerbold'; color:#fff;}
.contact-conatin p {
  color: #fff;
  display: inline-block;
  line-height: 25px;
  margin: 20px 0 0;
  padding: 0 0 0 50px;
}
.contact-us {
  font-size: 20px;
  margin: 0;
  padding: 0;
  width:100%;
  }
.contact-us h2{float:left; margin:0; padding:50px 0 30px 0; width:100%; font:50px 'allerbold'; color:#fff;}
.spn_id{ word-wrap:break-word; font-size:15px;}
.contact-us p {
  color: #fff;
    display: inline-block;
    float: left;
    line-height: 26px;
    margin: 20px 0 0;
    padding: 0;
}
.contact_1{width:250px;float:left; padding-bottom:10px;}
/* style of about us page*/
.about-containt{margin:0; float:left; width:100%; background:url(images/line-bg.png) no-repeat center 50px; height:2720px;}
.about-containt-inner{margin:0; float:left; width:700px;font-size: 16px;}
.about-containt-inner h2{margin:30px 0; float:left; width:100%; font:50px 'allerbold'; color:#b72427;}
.row-ab-1{margin:37px 0; float:left; width:100%;}
.col-ab-1{margin:0; float:left; width:300px; background:#b72427; height:150px; opacity:0.9;}
.col-ab-1 h4{margin:0; padding:15px; float:left; width:160px; font:25px 'allerbold'; color:#fff;}
.col-ab-1 img {
  float: right;
  margin: 0;

  padding: 32px 10px;
}
.col-ab-2{margin:0; float:right; width:375px; height:150px;}
.col-ab-2 p{margin:0; padding:0; float:left; font:20px 'allerregular'; color:#414042;}
.td-2{float:left; margin:0; padding:10px;}
.col-ab9-1{background:#009444 !important; height:150px;}
.col-ab9-2 p{color:#009444 !important;}

.about-bg{margin:0; float:left; width:100%; background:url(images/aboutus-bg.png) no-repeat center top; height:814px;}
.about-bg-inner{ margin:0 auto; width:350px;}
.bg-inner-conatin{float:left; margin:0; padding:50px 0; width:100%;}
.bg-inner-conatin h2{float:left; margin:50px 0; padding:0; width:100%; text-align:center; font:50px 'allerbold'; color:#fff;}
.ab-inputs {
  float: left;
  margin: 10px 0;
  padding: 0;
  width: 100%;
}
.ab-inputs label{
  float: left;
  margin: 0;
  padding: 0;
  font:20px/25px 'allerbold'; color:#fff;
  width:70px;
}
.ab-inputs input[type="text"]{
  float: left;
  margin: 0;
  padding: 5px 20px;
  width: 235px;
  height: 25px;
}
.ab-inputs textarea{
  float: left;
  margin: 0;
  padding: 5px 20px;
  width: 238px;
}
.ab-inputs input[type="submit"] {
	margin:0 auto;
  background: none repeat scroll 0 0 #000;
  opacity:0.7;
  border: 0px solid #565c92;
  color: #fff;
  cursor: pointer;
  font: bold 20px "arial";
  height: 47px;
  width: 100%;
}
.ab-inputs input[type="submit"]:hover{background:none repeat scroll 0 0#ff0b00;}
.ab-inputs p { 
  margin: 0 auto;
  padding: 0;
  width: 323px; text-align:center;  font:13px "arial"; color:#fff;
}
/*style of client page */
.client-containt{margin:0; float:left; width:100%;}
.client-row-1{margin:0; float:left; width:100%;}
.client-row-1 h2{margin:40px 0; float:left; width:100%; font:50px 'allerbold'; color:#b72427;}
.client-row-1 p{float:left; margin:0; padding:0; width:800px; color:#414042; font:17px 'allerregular';}
.client-col-1{margin:0; float:left; width:170px; padding:10px 15px; position:relative; height:150px;}
.client-col-1 img{
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}


.client-row-2 h3{margin:25px 0 40px 0; float:left; width:524px; text-align:left; font:24px 'allerbold'; color:#b72427;left:0;}

/*style of services page*/
.h_h3{margin:30px 0px;  float:left; width:100%; font:40px 'allerbold'; color:#b72427;}
.para_p1{margin:10px 40px; float:left; width:100% !important; font:16px 'allerregular'; color:#414042;font-weight:bold!important;}
.feb-col-1{margin:10px 1%; float:left; width:310px; font:16px 'allerregular'; color:#414042;}
.feb-col-1 ul{list-style:inside; width:200px; margin:0; padding:0; float:left;}
.feb-col-1 ul li{margin:0; padding:5px 0; float:left; width:100%;}
.feb-col-2{float:left; margin:10px 0; padding:0; width:658px;}
.feb-img-1{float:left; margin:10px 0; padding:0; width:100%;}
.feb-img-1 img{float:left; margin:0; padding:0; width:100%;}
.Embroidery{height:360px !important;}
.Embroidery h2{
  margin: 320px 0 0 !important;
}

@media only screen and (min-width:768px) and  (max-width:1200px)){
.header_inner {margin: 0 auto;width: 96%;}
.banner-contact-inner, .client-row-2 img{width: 96%;}
}
@media only screen and (min-width:480px) and  (max-width:767px){
.header_inner {margin: 0 auto; width: 96%;}
.logo {margin:0; width: 350px;}
}

@media only screen and (min-width:320px) and  (max-width:479px){

.header_inner{margin: 0 auto; width: 96%;}
.logo{margin: 0 auto;  padding: 20px 0; width: 96%;}

#cssmenu{margin:0;}
}
/*======================new css sonali================*/
.contact-sign { float:LEFT; margin-top:50px; width:100px; }
.contact-sign .rpic { width:100%; border-bottom:1px dotted red;}
.contact-sign .rsign { width:100%; height:60px;}
/**==================== new sonali ===================**/

/*======================VikAs================*/

.finish{float:left;width:100%;}
.container{width:100%;float:left;}
.mission{width:50%;float:left;margin-bottom: 25px;}
.mission h2{color: #b72427;
    float: left;
    font: 50px "allerbold";
    margin: 30px 0;
    width: 100%;}
	.vision{width:50%;float:left;}
	.vision h2{color: #b72427;
    float: left;
    font: 50px "allerbold";
    margin: 30px 0;
    width: 100%;}
.contact-us h3{color: #fff;float:left;font-size:50px;padding:40px 0 0 0;}
.subtittle{width:100%;float:left;}
.boxes{width:25%;float:left;}
.boxes img{margin:11px 5px 0 0px; width:53px; height:60px;}
.bx-img{ width:33%; float:left;}
.boxes p{   color: #009444; width:67%; float:left;
    
    font: 14px "allerregular";
    margin: 0px;
    padding: 0;}
.client-row-1-2 h4{font-size:20px;color: #414042;}
.client-row-1-2 h_h3{font-size:20px;color: #414042;}
.client-row-1-2 .feb-col-1-2 ul li{ display: inline;
    font-size: 20px;
    margin: 50px;color:#000;}
.client-row-1team .client-col-1{width:13%; margin: 0 6px 33px 0;}
.client-row-1team2 .client-col-1{width:30%;}
	
.graphs{width:100%; float:left;position:relative;height:400px;}

}
#chart {
  width: 650px;
  height: 300px;
  margin: 30px auto 0;
  display: block;
}
#chart #numbers {
  width: 50px;
  height: 100%;
  margin: 0;
  padding: 0;
  display: inline-block;
  float: left;
}
#chart #numbers li {
  text-align: right;
  padding-right: 1em;
  list-style: none;
  height: 29px;
  border-bottom: 1px solid #444;
  position: relative;
  bottom: 30px;
}
#chart #numbers li:last-child {
  height: 30px;
}
#chart #numbers li span {
  color: #000;
  position: absolute;
  bottom: 0;
  right: 10px;
}
#chart #bars {
  display: inline-block;
  width: 600px;
  height: 300px;
  padding: 0;
  margin: 0;
  box-shadow:-2px 3px 1px 0px #444;
}
#chart #bars li {
  display: table-cell;
  width: 100px;
  height: 300px;
  margin: 0;
  text-align: center;
  position: relative;
}
#chart #bars li .bar {
  display: block;
  width: 50px;
  margin-left: 15px;
  background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
  position: absolute;
  bottom: 0;
  
}
#chart #bars li .bar:hover {
  background:linear-gradient(to left, rgba(255,0,0,0), rgba(255,0,0,1));
  cursor: pointer;
}
#chart #bars li .bar:before {
  color: #000;
  content: attr(data-percentage) '%';
  position: relative;
  bottom: 20px;
  font-size:17px;
}
#chart #bars li span {
  font-size: 14px;
  color: #000;
  width: 100%;
  position: absolute;
  top:320px;
  left: 0;
  text-align: center;
}
  
#snow{
	background: none;
	font-family: Androgyne;
	background-image: url('http://www.wearewebstars.dk/codepen/img/s1.png'), url('http://www.wearewebstars.dk/codepen/img//s2.png'), url('http://www.wearewebstars.dk/codepen/img//s3.png');
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index:0;
	-webkit-animation: snow 20s linear infinite;
	-moz-animation: snow 20s linear infinite;
	-ms-animation: snow 20s linear infinite;
	animation: snow 20s linear infinite;
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}	@charset "utf-8";
/* CSS Document */
.our_team{ float:left; width:100%;text-align:center; background:fff; padding:80px 0 100px 0;}
.our_team h2{ color:#3b4954; font-weight:lighter; font-size:36px; background:url("images/steel-bg.jpg") no-repeat bottom; padding:0 0 29px 0px;}
.team_col{width:210px; min-height:380px; border:1px solid #eeeeee; float:left; margin:50px 14px 0 14px;}
.team_col img{width:100%; height:280px;}
.team_col:hover .team_innn, .team_col:hover .team_main p{visibility:hidden;}
.team_col:hover .team_main{background:transparent;}
.team_main{background-color:#fff; margin:-120px 000; position:relative; z-index:1; padding:60px 0 0 0;}
.team_main p{ font-size:12px; color:#3b4954; font-weight:lighter; margin:0px 0 0 0; line-height:24px; padding:0px 25px 25px 25px;}
.team_innn {width:62%; min-height:48px; margin:0px auto 0px; position:absolute; top:-30px; left:18%; background:#fff; border:1px solid #eeeeee;font-size:14px; color:#b72427; padding:12px 0 0 0; }
.team_innn span{display:block; color:#c4c4c4; font-size:12px;}
.team_col a{ font-size:14px; color:#b72427; background-color:#fff; font-weight:bold; margin:0 0 0px 0; line-height:36px; text-decoration:none; text-transform:uppercase; border:2px solid #b72427; font-size:12px; padding:0 36px; display:inline-block;}
.team_col a:hover{background-color:#b72427; color:#fff;}

.Production{width:100%;}
.Production img {float:left;width:25%;}
.unit{width:100%;float:right; margin: 25px;}
.text_area{float:left; margin-left: 50px; margin-right: 50px;}
.text_area h2{font:25px 'allerbold';color:#b72427;}
.text_area ul li{font-size:20px;margin-left:20px;}
.House_Cap{width:100%;}
.House_Cap img{margin-left:20px;text-align:center; height:280px; width:280px;}
.House_Cap h2{font:20px 'allerbold';color:#000;margin:10px 10px;}
.Print_Cap{width:100%;float:left;}
.Printing_Capability{width:25%;float:left;}
.Printing_Capability img{width:200px;height:150px;}
.Printing_Capability h2{width:80%;font:16px 'allerbold';color:#000;margin:5px 5px;}

.Achievements{width:100%;float:left;}
.achi_logo img{ width:300px;margin:0 37%;}
.achi_text{width:50%;float:left;}
.achi_text img{width:300px;height:250px;}
.achi_text h2{font:20px 'allerbold';color:#000;margin:10px 10px;}


.hameid-loader-overlay {
    width: 100%;
    height: 100%;
    background: url('images/loader.gif') center no-repeat #FFF;
    z-index: 99999;
    position: fixed;
}

/**==================== VikAs ===================**/