@charset "utf-8";
/* CSS Document */

.navbar-default {
	background:none;
	border:none;
	font-family: Lato;
	color: #6c6c6c;
	font-size: 12px;
	font-weight: 400;
	/* text-indent: 10px; */
	letter-spacing: 1.5px;
	}
	
	.navbar .navbar-nav {
    display: inline-block;
    float: none;
    height: 19px;
}

.navbar .navbar-collapse {
    text-align: center;
}
.banner_container {padding:0px;}
.why_content_left {padding:0px;}
.why_content_right {padding:0px;}
.footer_text a { text-decoration:none;  color: #fff;}
#cycle-loader {
				height:32px;
				left:50%;
				margin:-8px 0 0 -8px;
				position:absolute;
				top:50%;
				width:32px;
				z-index:999;
			}
			
			/*I want to avoid jumpiness as the JS loads, so I initially hide my cycle*/
			#maximage {
				display:none;/* Only use this if you fade it in again after the images load */
				position: relative;
			}
			
			/*Set my gradient above all images*/
			#gradient {
				left:0;
				height:100%;
				position:absolute;
				top:0;
				width:100%;
				z-index:999;
			}
			
			/*Set my logo in bottom left*/
			#logo {
				bottom:30px;
				height:auto;
				left:30px;
				position:absolute;
				width:34%;
				z-index:1000;
			}
			#logo img {
				width:100%;
			}
			
			#arrow_left, #arrow_right {
				bottom:30px;
				height:67px;
				position:absolute;
				right:30px;
				width:36px;
				z-index:1000;
			}
			#arrow_left {
				right:86px;
			}
			
			#arrow_left:hover, #arrow_right:hover {
				bottom:29px;
			}
			#arrow_left:active, #arrow_right:active {
				bottom:28px;
			}
			
			a {color:#666;text-decoration:none;}
			a:hover {text-decoration:underline;}
			
			.in-slide-content { 
				color:#fff;
				float:right;
				font-family:'Lato', serif;
				font-size:55px;
				font-weight:100;
				right: 150px;
				margin:40px;
				padding:20px;
				position:absolute;
				top: 200px;
				width:700px;
				z-index:9999; /* Show above .gradient */
				text-shadow: 0 1px 0 #fff;
				-webkit-font-smoothing:antialiased;
			}
			.light-text {color:#ddd;text-shadow: 0 1px 0 #666;}
			.smaller-text {font-size:30px;}
			.youtube-video, video {
				left:0;
				position:absolute;
				top:0;
			}
			
			.knowmore { text-decoration:none;font-family: Lato;
	color: #ffffff;
	 font-size: 29.78px;
	 font-weight: 100;
	line-height: 27.94px; position: relative; left: 200px; border: 1px solid; padding: 4px;}
	
	
	.about_bg1 { background:url(../images/about_bg.png); margin-top:40px; width:100%; height:507px;}
	.about_bg2 { background:url(../images/about_bg2.png); margin-top:40px; width:100%; height:507px;}
	.about_bg3 { background:url(../images/about_bg3.png); margin-top:40px; width:100%; height: 507px;}
	
	.about_bg1 p {font-family:'Lato', serif;
				font-size: 26px; color:#fff; font-weight: 500;text-align: center;padding-top: 210px;padding-right: 120px;letter-spacing: 5px;}
				
				.about_bg2 p {font-family:'Lato', serif;
				font-size: 26px; color:#fff; font-weight: 500;text-align: center;padding-top: 210px;padding-right: 120px;letter-spacing: 5px;}
				
					.about_bg3 p {font-family:'Lato', serif;
				font-size: 26px; color:#fff; font-weight: 500;text-align: center;padding-top: 149px;padding-right: -90px;letter-spacing: 5px;}
				
				.carousel-caption123 h2 {
				font-family:'Lato', serif;
				font-size: 55px;
				font-weight: normal;
				color:#fff;
				text-align: center;
				}
				
					.carousel-caption123 p {
				font-family:'Lato', serif;
				font-size:25px;
				font-weight: normal;
				color:#fff;
				padding-top: 17px;
				/* border: 1px solid; */
				text-align: center;
				}
				
				.carousel-caption123 {
  /* position: absolute; */
  /* right: 15%; */
  bottom: 465px;
  /* left: 16%; */
  /* z-index: 10; */
  /* padding-top: 20px; */
  /* padding-bottom: 20px; */
  /* color: #fff; */
  /* text-align: center; */
  /* text-shadow: 0 1px 2px rgba(0, 0, 0, .6); */
}


		.carousel-caption1234 h2 {
				font-family:'Lato', serif;
				font-size: 30px;
				font-weight: normal;
				color:#fff;
				text-align: center;
				}
				
					.carousel-caption1234 p {
				font-family:'Lato', serif;
				font-size:25px;
				font-weight: normal;
				color:#fff;
				padding-top: 0px;
				/* border: 1px solid; */
				text-align: center;
				}
				
				.carousel-caption1234 {
  /* position: absolute; */
  /* right: 15%; */
  bottom: 149px;
  /* left: 16%; */
  /* z-index: 10; */
  /* padding-top: 20px; */
  /* padding-bottom: 20px; */
  /* color: #fff; */
  /* text-align: center; */
  /* text-shadow: 0 1px 2px rgba(0, 0, 0, .6); */
  background: rgba(0,0,0,0.5)
 
}



.lookbook p {
  font-size: 26px;
  font-family: "Lato";
  color: rgb(255, 255, 255);
  text-transform: uppercase;

}
	
	.footer_bg {background:#353535;}
	.footer_text { padding-top:20px;}
	.footer_text p {
  font-size: 12px;
  font-family: "Lato";
  color: rgb(255, 255, 255);
  line-height: 1.2;
  text-align: center;
  letter-spacing:2px;
  font-weight: 300;
}
.follow_us p {
  font-size: 12px;
  font-family: "Lato";
  color: rgb(255, 255, 255);
  line-height: 1.2;
  text-align: center;
  letter-spacing:2px;
  font-weight: 300;
  }
  
  .social_media { text-align:center}


.about_heading p {
  font-size: 18px;
  font-family: "Lato";
  color: rgb(89, 89, 89);
  font-weight: bold;
  line-height: 1.2;
  text-align:center;
}

.about_menu { margin-top:30px;}
.about_menu ul { list-style-type:none; /* margin-left: -10px; */}
.about_menu ul li {
  float:left;
  font-size: 15px;
  /* width: 110px; */
  font-family: "Lato";
  cursor:pointer;
  color: rgb(89, 89, 89);
  /* font-weight: bold; */
  margin-left: 36px;
  }
  
  .about_menu_mob ul { list-style-type:none; /* margin-left: -10px; */ margin: 0px; padding: 0px;}
.about_menu_mob ul li { /* float:left; */font-size: 15px; width: 100%;
  font-family: "Lato";
  color: rgb(89, 89, 89);
  font-weight: bold; /* margin-left: 60px; */ text-align: center; line-height: 31px;}
  
  .lato_font {  font-family: "Lato"; color:#595959;   font-size: 18px;}
  .profile {font-family: 'Crimson Text', serif; font-size: 15px; color:#595959;line-height: 28px;text-align: justify;}
  .team_cont {font-family: 'Crimson Text', serif; font-size: 14px; color:#595959;line-height: 25px;text-align: justify;}
  .merchandise {font-family: 'Crimson Text', serif; font-size: 14px; color:#595959;line-height: 25px;text-align: justify;}
  .labor {font-family: 'Crimson Text', serif;font-size: 15px; color:#595959;line-height: 28px;text-align: justify;}
  .about_content h6 {font-family: "Lato"; font-size:16px; color:#595959;/* padding: 0px; *//* margin: 0px; */}
  .para h6 {
  font-size: 17px;
  font-family: "Lato";
  color: rgb(89, 89, 89);
  line-height: 1.2;
}

.para p {
  font-size: 15px;
  font-family: 'Crimson Text', serif;
  color: rgb(89, 89, 89);
  line-height: 2.014;
  text-align: justify;
}

.para {margin-bottom: 20px;/* padding: 0px; */}

.woven2 {  padding-left: 0px;
  padding-right: 0px;
  margin-top: -5px;  /* line-height: 44px; */}

.woven h6 {
  font-size: 16px;
  font-family: "Lato";
  color: rgb(89, 89, 89);
  line-height: 1.2;
  }
  
  .woven p {font-size: 15px;
font-family: 'Crimson Text', serif;
  color: rgb(89, 89, 89);
  line-height: 1.814;
  text-align: justify;margin-bottom: 25px;}
  
  
  
  .woven2 h6 {
  font-size: 16px;
  font-family: "Lato";
  color: rgb(89, 89, 89);
  line-height: 1.2;}
  
  .woven2 p {font-size: 15px;
font-family: 'Crimson Text', serif;
  color: rgb(89, 89, 89);
  line-height: 1.814;
  text-align: justify;margin-bottom: 38px;}
  
 
   .woven3 h6 {
  font-size: 16px;
  font-family: "Lato";
  color: rgb(89, 89, 89);
  line-height: 1.2;}
  
  .woven3 p {font-size: 14px;
font-family: 'Crimson Text', serif;
  color: rgb(89, 89, 89);
  line-height: 1.814;
  text-align: justify;margin-bottom: 25px;}
  .woven ul { list-style-type:none; /* margin:0px; */ padding:0px; float:left;}
  .woven ul li {font-size: 14px;
font-family: 'Crimson Text', serif;color: rgb(89, 89, 89);    line-height: 1.914;}


.alliances h6 {
  font-size: 17px;
  font-family: "Lato";
  color: rgb(89, 89, 89);
  line-height: 1.2;
  }
  
  .alliances p {font-size: 15px;
font-family: 'Crimson Text', serif;
  color: rgb(89, 89, 89);
  line-height: 1.814;
  text-align: justify;margin-bottom: 25px;}
  
  
  .social_comp { background:#fff; border:1px solid #707070;}
  .social_comp_head p {
  font-size: 16px;
  font-family: "Lato";
  color: rgb(89, 89, 89);
  line-height: 1.188;
  text-align: center;
  background:#fff;

  margin-top: -10px;
}

.social_comp_head {  width: 230px;
  margin: 0 auto;}
  
  .social_text p {font-size: 14px;
font-family: 'Crimson Text', serif;
  color: rgb(89, 89, 89);
  line-height: 1.514;text-align: center;}
  
   .social_text2 p {font-size: 14px;
font-family: 'Crimson Text', serif;
  color: rgb(89, 89, 89);
  line-height: 1.514;text-align: center;padding-top: 38px;}
  
  .social_logo {  text-align: center;  margin-top: 16px;}
  
  
  
  .head_office p {font-size: 15px;
font-family: 'Crimson Text', serif;
  color: rgb(89, 89, 89);}
  
  
    .head_office h6 {
  font-size: 17px;
  font-family: "Lato";
  color: rgb(89, 89, 89);
  line-height: 1.2;
  }
  
  
  
   .tirupur_office p {font-size: 15px;
font-family: 'Crimson Text', serif;
  color: rgb(89, 89, 89);}
  
  
    .tirupur_office h6 {
  font-size: 17px;
  font-family: "Lato";
  color: rgb(89, 89, 89);
  line-height: 1.2;
  }
  
  
  .enquiry_heading h6 {
  font-size: 17px;
  font-family: "Lato";
  color: rgb(89, 89, 89);
  line-height: 1.2;
  }
  
  
  .enquiry_heading p {font-size: 15px;
font-family: "Crimson Text", serif;
  color: rgb(89, 89, 89);}

.form-control {
  font-size: 12px;
  font-family: "Crimson Text";
  color: rgb(89, 89, 89);
 border: 1px solid #898989;
  border-radius: 0px;
}
  

.button_style { background:#363636; font-family:"lato"; color:#fff; text-align: center}

.mob_seperator {display:none;}

.careers_heading h6 {
  font-size: 16px;
  font-family: "Lato";
  color: rgb(89, 89, 89);
  line-height: 1.2;
  text-align: center;
  font-weight:bold;

}

.careers_heading p {
  font-size: 15px;
  font-family: 'Crimson Text', serif;
  color: rgb(89, 89, 89);
  line-height: 1.4;
  text-align: center;
}


.lookbook_menu { list-style-type:none; /* float:left; */ font-family: "Lato";color: rgb(89, 89, 89); /* margin: 0px; */ /* padding: 0px; */ /* margin: 0 auto; */ text-align: center; /* width: 300px; */ /* display: inline; */}
.lookbook_menu li { /* float:left; */ margin-right: 40px; text-align: center; display: inline;}
.lookbook_contianer { width: 100%; margin:0 auto; text-align:center; display: inline;}

@media screen and (max-width: 1200px) {
.about_menu ul li {
  float:left;
  font-size: 15px;
  /* width: 110px; */
  font-family: "Lato";
  cursor:pointer;
  color: rgb(89, 89, 89);
  /* font-weight: bold; */
  margin-left: 65px;
  }
}
@media only screen and (min-width:960px) and (max-width: 1024px)  {	

.carousel-caption123 h2 {
				font-family:'Lato', serif;
				font-size: 55px;
				font-weight: normal;
				color:#fff;
				text-align: center;
				}
				
					.carousel-caption123 p {
				font-family:'Lato', serif;
				font-size:25px;
				font-weight: normal;
				color:#fff;
				padding-top: 17px;
				/* border: 1px solid; */
				text-align: center;
				}
				
				.carousel-caption123 {
  /* position: absolute; */
  /* right: 15%; */
  bottom: 465px;
  /* left: 16%; */
  /* z-index: 10; */
  /* padding-top: 20px; */
  /* padding-bottom: 20px; */
  /* color: #fff; */
  /* text-align: center; */
  /* text-shadow: 0 1px 2px rgba(0, 0, 0, .6); */
}	

.about_menu ul li {
  float:left;
  font-size: 15px;
  /* width: 110px; */
  font-family: "Lato";
  cursor:pointer;
  color: rgb(89, 89, 89);
  /* font-weight: bold; */
  margin-left: 67px;
  }
}
@media screen and (max-width: 768px) { 
	
	.footer_text p {
  font-size: 12px;
  font-family: "Lato";
  color: rgb(255, 255, 255);
  line-height: 1.2;
  text-align: center;
  letter-spacing: 2px;}
  
	}
	
		@media only screen and (min-width:320px) and (max-width: 640px)  {
		
		
.about {padding:0px;}
.about_bg {padding:0px;}
.facilities { margin-top:20px;}
.for_margin {margin:0px;}
.look_faci {padding:0px;}
.lookbook {padding:0px;}
.facilities {padding:0px;}

.about_bg3 { background:url(../images/about_bg3.png); margin-top:40px; width:100%; height: 337px;}
	.about_menu ul li {
  float: left;
  font-size: 15px;
  /* width: 129px; */
  font-family: "Lato";
  color: rgb(89, 89, 89);
  font-weight: bold;
  margin-left: 67px;
  text-align:center;	
	
  line-height: 29px;
  
  
}


.mob_seperator {display:block;}
.lookbook_menu li { /* float:left; */ margin-right: 40px; text-align: center; display: block; line-height:20px;}

		}
.error {
	color:red;
	}
	
  .error, span.error {color:red;font-family: 'Montserrat';

	 margin-left:0px;

	 font-size:12px;}

input.error,select.error,textarea.error{

  			  

  border:3px solid #c33;

  box-shadow:0 0 4px 0 #c33;



 }

#spnErrors,#spnErrors1,#spnErrors2

{

	font-family: 'Montserrat';

	 

	 font-size:13px;

}