/*
=====================================================================
*   Woo v1.0 Layout Stylesheet
*   url: styleshout.com
*   05-02-2014
=====================================================================

   TOC:
   a. General and Common Styles
   b. Header Styles
   c. Hero Section
   d. Features Section
   e. Pricing Section
   f. Screenshots Section
   g. Call To Action Section
   h. Testimonials Section
   i. Subscribe Section
   j. Footer
   k. lightbox

   todo: check bug in mobile z-index

===================================================================== */

/* ------------------------------------------------------------------ */
/* a. General and Common Styles
/* ------------------------------------------------------------------ */

body { background: #181d21; font-family: 'Gill Sans MT Condensed';}

.section-head {
  	/*padding: 0 4%;
   text-align: center;*/
}
.section-head h1 {
   font: 20px/36px  'Gill Sans MT Condensed';
   color: #333;
   text-transform: uppercase;
   letter-spacing: 1.5px;
   margin-bottom: 12px;
}

/* for css animations 
.show { opacity: 1; }
.js #mc_embed_signup input[type="email"],
.js #mc_embed_signup input[type="text"],
.js #mc_embed_signup input[type="number"],
.js #mc_embed_signup input[type="submit"] {
    opacity: 0;
}
*/

h2{
	color:white;
	text-shadow: 0px 0px 5px #333;
	font-size: 32px;
	/*letter-spacing: 3px;*/
	margin: 10px 0px 35px;
}

/* ------------------------------------------------------------------ */
/* b. Header Styles
/* ------------------------------------------------------------------ */

header {
	height: 80px;
	width: 100%;
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 990;
	-moz-box-shadow: 0px -3px 32px 0px #999999;
	-webkit-box-shadow: 0px -3px 32px 0px #999999;
	box-shadow: 0px -3px 32px 0px #999999;
}

/* header logo */
header .logo {
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 0px;
   float: left;
   width: auto; 
   z-index: 991; 
   /* add position relative since z-index only applies to  
   elements that have been given an explicit position */
   position: relative; 
}
header .logo a {
   display: block;
   margin: 0;
	padding: 0;
	border: none;
	outline: none;
   width: 100%;   
}

/* header social */
header .header-social {
	font-size: 20px;
   font-weight: normal;
   line-height: 50px;
   color: #424a56;
   margin: 0 10px 0 0;
   padding: 0;
   float: right;
}
header .header-social li {
   display: inline-block;
   margin-right: 20px;
}
header .header-social li a { color: #9C9C9C; }
header .header-social li a:hover { color: #d58372; }

header .info {
	float: right;
	padding: 10px 15px;
	margin: 10px 0 10px;
	font-size: 18px;
	color: #E2684F;
	background: #DFDDDD;
	border: 2px dashed darkgrey;
	text-shadow: 1px 1px 2px #FFF3C5;
}
header .info1 {
	float: right;
	padding: 10px 15px;
	margin: 10px 0 10px;
	font-size: 18px;
	color: #E2684F;
	background: #4D4D4D;
	border: 2px dashed darkgrey;
	text-shadow: 1px 1px 2px #8F8F8F;
}
header .right-nav {
	width: 640px;
	float: right;
}
.five h2 {text-transform: uppercase;}
.row .five        { width: 900px; }
/* primary navigation
--------------------------------------------------------------------- */
#nav-wrap, #nav-wrap ul, #nav-wrap li, #nav-wrap a {
	 margin: 0;
	 padding: 0;
	 border: none;
	 outline: none;
}

/* nav-wrap */
#nav-wrap {
   font-family: 'Gill Sans MT Condensed';
   float: right;
   margin-top: 15px;
   margin-right: 10px;
}

/* hide toggle button */
#nav-wrap > a { display: none; }

ul#nav {
   min-height: 45px;
   width: auto;

   /* left align the menu */
   text-align: left;
}
ul#nav li {
	position: relative;
	list-style: none;
    display: inline-block;
}

/* Links */
ul#nav li a {
   /* 8px padding top + 8px padding bottom + 38px line-height = 54px */
	display: inline-block;
	padding: 15px 16px 20px;
	line-height: 30px;
	text-decoration: none;
	text-align: left;
	color: #333232;
	font-size: 24px;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}
ul#nav li a:hover, ul#nav li a.active { color: #d58372; }
ul#nav li a:active { background-color: transparent !important; }
/*ul#nav li.current a { color: #d58372; }*/

ul#nav li ul li a{
	padding: 6px 12px;
	background-color: rgba(253, 254, 255, 0.65);
	border: none;
	font-size: 21px;
	position: relative;
	/*width: 230px;*/
	border-top: 1px solid #ddd;
}
ul#nav li ul li a:hover{border-top: 1px solid #d58372;}

.director {
	float: right;
	margin-left: 20px;
	padding: 5px;
}
#mission .eight{height:600px;}
#mission .bg-box {
	position: relative;
	top: 20%;
	width: 320px;
}
#mission .bg-box p{font-size: 102%;}
#mission .bg-box h2 {font-size: 32px;}
#mission .bg-box h2, 
#contact .bg-box h2 { margin-bottom: 20px; /*box-shadow: 4px 4px 0px 0px #994629;*/}
.bg-box h2, .c-img h2 {
	background: #ed8d6c;
	/*box-shadow: 0px 4px 0px 0px #994629;*/
	margin-bottom: 0px;
	padding: 2px;
	text-transform: capitalize;
	font-size: 24px;
	line-height: 30px;
}
#contact .bg-box {width: 360px;margin-bottom: 0px;}
.bg-box, .c-img {
	text-align: center;
	border-radius: 8px;
	padding: 10px;
	margin: 20px 20px 30px 0;
	width: 265px;
	float: left;
}
.c-img img{ width:100%;}

.bg-box p, .box-contact p{ text-align: center;line-height: 30px; font-size: 90%;}

#contact .box-contact { 
	margin: 0 auto;
	left: 216px;
	position: absolute;
	}
#contact .box-contact .bg-box {
	min-height: 140px;
}
.box-contact1, .box-contact2 {
	float: left;
	width: 50%;
}
.box-contact1 p{
	float: right;
	text-align: center;
	padding-right: 65px;
	}
.box-contact2 p{
	text-align: center;
	float: left;
	padding-left: 40px;
	}
	.containerDiv {
		width: 100%;
		clear:both;
		float:left;
	}
	.rowDiv {
		clear:both;
		float: left;
		margin: 15px 0;
		width: 100%;
		background: rgba(9, 0, 0, 0.3);
	}

#subs_bags .containerDiv .cell-img .c-img { margin: 0 15px 0px 0px;}

.containerDiv .cell span{
	position: relative;
	top: 42%;
}
.containerDiv .cell{
	text-align: center;
	background: #fff;
	height: 150px;
	width: 15%;
	/*padding: 7% 3%;*/
	float: left;
	text-transform: capitalize;
	color: #ed8d6c;
}

.containerDiv .cell-img {
	vertical-align: middle;
}
/* bag styles **/
.containerDiv .cell-bag {
	text-align: center;
	background: #fff;
	height: 150px;
	width: 130px;
	padding-top: 50px;
	float: left;
	text-transform: capitalize;
	color: #ed8d6c;
}
.img-panel img {float: left;}
.img-panel {float:left; padding: 0 20px 0 0;}
#subs_fabrics .fabric .bag-desc { 
	width: 620px;
}
.bag-desc { 
	float: left;
	width: 672px;
}
.bag-desc h2 {
	background: #ed8d6c;
	/*box-shadow: 0px 4px 0px 0px #994629;*/
	margin: 0px 0 10px;
	padding: 3px 10px;
	text-transform: capitalize;
	font-size: 24px;
	line-height: 30px;
}
.bag-desc p {margin: 0px 10px 15px 0; font-size: 90%; }
/* * fabrics * */
.fabric .fab .desc { padding: 10px;}
.fabric, .bag {
	margin: 5px 0px;
	width: 100%;
	clear: both;
	float: left;
}
#fabrics,#bags { 
	width: 100%;
	margin: 0;
}
.fabric .fab {
	width: 30%;
	float: left;
	margin: 0 10px 10px;
	background: #333;
	min-height: 535px;
	background: rgba(0, 0, 0, 0.45); 
	box-shadow: -1px 0px 10px -1px #BBBBBB;
}
.menu-nav { 
	border:1px solid rgba(0, 0, 0, 0.65); 
	text-align: center;
	padding: 10px;
}
.fabric .menu-nav {background: #ed8d6c;}

ul.tick {
	list-style: outside;
	margin-left: 20px;
}

ul.tick li {
	line-height: 100%;
	margin-bottom: 10px;
	list-style-image: url(img/tick.png);
}

/* ------------------------------------------------------------------ */
/* c. Hero Section
/* ------------------------------------------------------------------ */

#hero {
   padding-top: 66px;
   background: #23292f url(img/1-about-us.jpg) no-repeat center center fixed;
   overflow: hidden;
   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* For high-res devices */
/*@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {

	#hero { 
		background: #23292f url(img/contact-us.jpg) no-repeat center -10px fixed; 
		background-size: 200px 200px;
	}
  
}
*/
#hero .row { max-width: 90%; }

/* Hero Text */
.hero-text {
	color: #fff;
	width: 100%;
	text-align: center;
	margin: 54px auto;
	min-height: 360px;
}
.hero-text h1 {
	font: 55px 'Gill Sans MT Condensed'; 
	color: #fff;
	padding: 55px 0 0 0;
	margin: 0;
	text-shadow: 0px 1px 4px rgba(0, 0, 0, .2);
	letter-spacing: 8px;
	text-transform: uppercase;
	line-height: 85px;
}
.hero-text h1 span,
.hero-text a { color: #d58372; }
.hero-text p {
	font: 26px/30px 'Gill Sans MT Condensed';
	padding: 0;
	margin: 40px 8% 0;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
	text-align: center;
	color: #A8A8A8;
}

/* Hero Image */
.hero-image {
   width: 100%;
   margin: 0 auto;
}
.hero-image img {
   vertical-align: bottom;
   display: block;
}

/* Hero CTA Buttons */
#hero .buttons {
   text-align: center;
   margin: 0 0 18px 0;
}
#hero .buttons .button {
   font: 14px/24px 'Gill Sans MT Condensed';
   text-transform : uppercase;
   letter-spacing: 2px;
}
#hero .buttons .trial {
   background: #f64b39;
   margin-right: 30px;

   -webkit-animation-delay: 10s;
      -moz-animation-delay: 10s;
       -ms-animation-delay: 10s;
        -o-animation-delay: 10s;
   -webkit-animation-iteration-count: 3;
      -moz-animation-iteration-count: 3;  
}
#hero .buttons .trial:hover { background: #F86A5A; }
#hero .buttons .learn-more {}


/* ------------------------------------------------------------------ */
/* d. Features Section
/* ------------------------------------------------------------------ */

#features {
  /* background: #fff;*/
    padding-top: 96px;
    padding-bottom: 78px;
    overflow: hidden;
    /*background: #fff url(img/2-vision-mission.jpg) no-repeat center center fixed; */
    background: #fff url(img/about.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 850px;
}
#features .feature {
    margin-top: 30px;
    margin-bottom: 54px;
}
#features .right {
    padding-left: 2px;
    float: right;   
}
#features .left {
    padding-right: 32px;
    float: left;   
}
/*#features h2 { margin: 10px 0px 35px;}*/
#features h3 {
    font: 16px/24px 'Gill Sans MT Condensed';
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
}
.fluid-video-wrapper { margin-top: 18px; }

#mission {
  /* background: #fff;*/
    padding-top: 96px;
    padding-bottom: 78px;
    overflow: hidden;
    background: #fff url(img/2-vision-mission.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 850px;
}
#mission .feature {
    margin-top: 30px;
    margin-bottom: 54px;
}
#mission .right {
    padding-left: 2px;
    float: right;   
}
#mission .left {
    padding-right: 32px;
    float: left;   
}
/*#mission h2 { margin: 10px 0px 35px;}*/
#mission h3 {
    font: 16px/24px 'Gill Sans MT Condensed';
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
}
/* director's desk */
#director {
  /* background: #fff;*/
    padding-top: 96px;
    padding-bottom: 78px;
    overflow: hidden;
    background: #fff url(img/3-from-the-directors-desk.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 850px;
}
#director .feature {
    margin-top: 30px;
    margin-bottom: 54px;
}
#director .right {
    padding-left: 2px;
    float: right;   
}
#director .left {
    padding-right: 32px;
    float: left;   
}

/* why-arvindchemi */
#why-arvindchemi {
  /* background: #fff;*/
    padding-top: 96px;
    padding-bottom: 78px;
    overflow: hidden;
  /* background: #fff url(img/8-why-arvind-chemi--pls-edit.jpg) no-repeat center center fixed; */
	  background: #fff url(img/8-why-arvind-chemi.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 850px;
}
#why-arvindchemi .feature {
    margin-top: 30px;
    margin-bottom: 54px;
}
#why-arvindchemi .right {
    padding-left: 2px;
    float: right;   
}
#why-arvindchemi .left {
    padding-right: 32px;
    float: left;   
}
.highlight {font-weight: bold;}
/* enquiry Form */
#enquiry {
  /* background: #fff;*/
    padding-top: 96px;
    padding-bottom: 78px;
    overflow: hidden;
    background: #fff url(img/13-enquiry-form.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 850px;
}
#enquiry .feature {
    margin-top: 30px;
    margin-bottom: 54px;
}
#enquiry .right {
    padding-left: 2px;
    float: right;   
}
#enquiry .left {
    padding-right: 32px;
    float: left;   
}
/* Contact */
#contact {
  /* background: #fff;*/
    padding-top: 96px;
    padding-bottom: 78px;
    overflow: hidden;
    background: #fff url(img/14-contact-us.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 850px;
}
#contact .feature {
    margin-top: 30px;
    margin-bottom: 54px;
}
#contact .right {
    padding-left: 2px;
    float: right;   
}
#contact .left {
    padding-right: 32px;
    float: left;   
}

.full
{
width:100%;
float:left;
}

.50L
{
width:50%;
float:left;
}
.50R
{
width:50%;
float:right;
}
#contact h3{color: #d58372;}

/* infrastructure */
#infra {
  /* background: #fff;*/
    padding-top: 96px;
    padding-bottom: 78px;
    overflow: hidden;
    background: #fff url(img/9-infrastructure.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 850px;
}
#infra .feature {
    margin-top: 30px;
    margin-bottom: 54px;
}
#infra .right {
    padding-left: 2px;
    float: right;   
}
#infra .left {
    padding-right: 32px;
    float: left;   
}

/* Quality */
#quality {
  /* background: #fff;*/
    padding-top: 96px;
    padding-bottom: 78px;
    overflow: hidden;
    background: #fff url(img/10-quality-policy.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 850px;
}
#quality .feature {
    margin-top: 30px;
    margin-bottom: 54px;
}
#quality .right {
    padding-left: 2px;
    float: right;   
}
#quality .left {
    padding-right: 32px;
    float: left;   
}

/* Customization */
#customization {
  /* background: #fff;*/
    padding-top: 96px;
    padding-bottom: 78px;
    overflow: hidden;
    background: #fff url(img/11-customization.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 850px;
}
#customization .feature {
    margin-top: 30px;
    margin-bottom: 54px;
}
#customization .right {
    padding-left: 2px;
    float: right;   
}
#customization .left {
    padding-right: 32px;
    float: left;   
}

/* envt & social */
#env {
  /* background: #fff;*/
    padding-top: 96px;
    padding-bottom: 78px;
    overflow: hidden;
    background: #fff url(img/12-env-and-soc-resp-extra-3.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 850px;
}
#env .feature {
    margin-top: 30px;
    margin-bottom: 54px;
}
#env .right {
    padding-left: 2px;
    float: right;   
}
#env .left {
    padding-right: 32px;
    float: left;   
}
/* Industries */
#industry {
  /* background: #fff;*/
    padding-top: 96px;
    padding-bottom: 78px;
    overflow: hidden;
    background: #fff url(img/4-industries-we-serve-and-uses.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 850px;
}
#industry .feature {
    margin-top: 30px;
    margin-bottom: 54px;
}
#industry .right {
    padding-left: 2px;
    float: right;   
}
#industry .left {
    padding-right: 32px;
    float: left;   
}
 /*#industry .row .five  { width: 57%; }*/
 
 #industry .half{
	width: 45%;
 }

/*----------------------------------------------*/
/*	e. Pricing Section
/*----------------------------------------------*/

#fabrics div, #bags div{
	margin: 0px;
	background: rgba(0, 0, 0, 0.65);
	padding: 4px 10px;
}
#fabrics div.active, #bags div.active{ background:#333; }
#fabrics div.display-prod,#bags div.display-prod { 
	background: #FFF;
	border:1px solid rgba(0, 0, 0, 0.65);
	color: #ed8d6c;
}
/** **/


#pricing {
	/*background: #F7F7F7;*/
	padding-top: 107px;
	padding-bottom: 77px;   
	/*border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	text-align: center;*/
	background: #F7F7F7 url(img/6-fabric-extra-1.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 920px;
}
#pricing_prod {
	/*background: #F7F7F7;*/
	padding-top: 107px;
	padding-bottom: 77px;   
	/*border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	text-align: center;*/
	background: #F7F7F7 url(img/products.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 920px;
}
#pricing .price-block {
   background: #fff;
   border: 1px solid #E6E6E6;
   text-align: center;
   margin-bottom: 36px;
}
.plan-title {
  	font: 15px/30px 'Gill Sans MT Condensed';
  	padding: 30px 20px 6px 20px;
   margin-bottom: 0px;
  	text-align: center;
   text-transform: uppercase;
   letter-spacing: 2px;
}
.plan-title .fa {
  	display: block;
  	margin-bottom: 6px;
   font-size: 26px;
}
.plan-price {
	font-family: 'Gill Sans MT Condensed';
   font-size: 30px;
   color: #333;
	padding: 6px 30px 6px 30px;
   margin-bottom: 0;
	text-align: center;
   letter-spacing: .5px;
}
.plan-price span {
	font-family: 'Gill Sans MT Condensed';
	font-size: 15px;
	color: #999;	
	display: block;
	margin-top: 0;
}

ul.features {
   margin: 12px 0 0 0;
   list-style: none;
}
ul.features li {
   line-height: 39px;
   margin-bottom: 0;
}
ul.features li:nth-child(odd) { }
ul.features li:nth-child(even) { }

.plan-sign-up {
  	padding: 24px 15px;
   margin: 0;
   text-align: center;
}
.plan-sign-up .button {
   font: 13px/24px 'Gill Sans MT Condensed';
   text-transform: uppercase;
   letter-spacing: 2px;
}


/* ------------------------------------------------------------------ */
/* c. Screenshots
/* ------------------------------------------------------------------ */

#screenshots {
   background: #fff url(img/grey.png);
   padding-top: 96px;
   padding-bottom: 120px;
}

/* For high-res devices */
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {

   #screenshots {
      background: #fff url(img/grey_@2X.png);
      background-size: 397px 322px;
   }

}

/* Portfolio Content */
#screenshots-wrapper .columns { padding: 0; }
.item .item-wrap {
   background: #fff;
   overflow: hidden;
   position: relative;

   -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.item .item-wrap a {
   display: block;
   cursor: pointer;
}

/* overlay */
.item .item-wrap .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
    -webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
    background: url(img/overlay-bg.png) repeat;
}
.item .item-wrap .link-icon {
   display: block;
   color: #fff;
   height: 30px;
   width: 30px;
   font-size: 18px;
   line-height: 30px;
   text-align: center;

   opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);

   -webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;

   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -15px;
   margin-top: -15px;
}
.item .item-wrap img {
   vertical-align: bottom;

   -webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

/* on hover */
.item:hover .overlay {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}
.item:hover .link-icon {
   opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}
.item:hover .item-wrap img {
   -moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}


/* ------------------------------------------------------------------ */
/* g. Call To Action Section
/* ------------------------------------------------------------------ */

#call-to-action {
   background: #23292F;
   padding-top: 72px;
   padding-bottom: 48px;
}
#call-to-action h1 {
   font: 18px/24px 'Gill Sans MT Condensed';
   text-transform: uppercase;
   letter-spacing: 3px;
   color: #d58372;
   text-align: center;
}
#call-to-action h1 span { display: none; }
#call-to-action .header-col h1:before {
   font-family: 'FontAwesome';
   content: "\f093";
	padding-right: 18px;
	padding-top: 6px;
	font-size: 72px;
   line-height: 72px;
   text-align: center;
   float: right;
   color: #EBEEEE;  
}
#call-to-action .action { margin-top: 18px; }
#call-to-action .action .button { text-align: center; }
#call-to-action h2 {
   font: 28px/36px 'Gill Sans MT Condensed';
   color: #EBEEEE;
   margin-bottom: 12px;
}
#call-to-action h2 a {
   color: inherit;
}
#call-to-action p {
   color: #697B8B; 
   font-size: 17px; 
   padding-right: 5px; 
}
#call-to-action p span {
	font-family: 'Gill Sans MT Condensed'; 
	color: #A9B5C0;
}

/* ------------------------------------------------------------------ */
/*  Separator Section
/* ------------------------------------------------------------------ */

#separator {
   /*background: #23292F;*/
   padding-top: 48px;
   padding-bottom: 48px;
}
#separator h1 {
   font: 265% 'Gill Sans MT Condensed';
   letter-spacing: 3px;
   color: #B6B0B0;
   text-align: center;
}
#separator h1 span { display: none; }
#separator .header-col h1:before {
   font-family: 'FontAwesome';
   content: "\f093";
	padding-right: 18px;
	padding-top: 6px;
	font-size: 72px;
   line-height: 72px;
   text-align: center;
   float: right;
   color: #EBEEEE;  
}
#separator .action { margin-top: 18px; }
#separator .action .button { text-align: center; }
#separator h2 {
   font: 28px/36px 'Gill Sans MT Condensed';
   color: #EBEEEE;
   margin-bottom: 12px;
}
#separator h2 a {
   color: inherit;
}
#separator p {
   color: #697B8B; 
   font-size: 17px; 
   padding-right: 5px; 
}
#separator p span {
	font-family: 'Gill Sans MT Condensed'; 
	color: #A9B5C0;
}


/* ------------------------------------------------------------------
/* h. Testimonials
/* ------------------------------------------------------------------ */

#testimonials {
   background: #10999E url(img/escheresque.png);
   padding-top: 112px;
   padding-bottom: 66px;
   position: relative;
   min-height: 198px;
   width: 100%;
   overflow: hidden;
   text-align: center;
}

/* For high-res devices */
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {

	#testimonials {
		background: #10999E url(img/escheresque_@2X.png);
		background-size: 46px 29px;
	}
  
}

#testimonials .quote-left, 
#testimonials .quote-right {
   position: absolute;
   top: 50%;
   color: #fff;
   font-size: 40px;
   margin-top: -25px;
}
#testimonials .quote-left { left: 5%; }
#testimonials .quote-right { right: 5%; }

#testimonials .text-container {
   width: 86%;
   margin: 0 auto;
}
#testimonials h1 {
   font: 16px/24px 'Gill Sans MT Condensed';
   color: #6AECF0;
   text-transform: uppercase;
   letter-spacing: 2px;   
   margin-bottom: 36px;
}

/*	Blockquotes */
#testimonials blockquote {
   margin: 0 0px 30px 0px;
   padding-left: 0;
   position: relative;   
}
#testimonials blockquote:before { content: none; }
#testimonials blockquote p {
   font-family: 'Gill Sans MT Condensed';
   font-style: normal;
   color: #fff;
   padding: 0;
   font-size: 26px;
   line-height: 42px;   
}
#testimonials blockquote cite {
   display: block;
   font-size: 12px;
   font-style: normal;
   line-height: 18px;
   color: #fff;
}
#testimonials blockquote cite:before { content: "\2014 \0020"; }
#testimonials blockquote cite a,
#testimonials blockquote cite a:visited { color: #8B9798; border: none }

/* Flex Slider
/* ------------------------------------------------------------------ */

/* Reset */
.flexslider a:active,
.flexslider a:focus  { outline: none; }
.slides,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.slides li { margin: 0; padding: 0;}

/* Necessary Styles */
.flexslider {
   position: relative;
   zoom: 1;
   margin: 0;
   padding: 0;
}
.flexslider .slides { zoom: 1; }
.flexslider .slides > li { position: relative; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
/* Suggested container for slide animation setups. Can replace this with your own */
.flex-container { zoom: 1; position: relative; }

/* Clearfix for .slides */
.slides:before,
.slides:after {
   content: " ";
   display: table;
}
.slides:after {
   clear: both;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

/* Slider Styles */
.slides { zoom: 1; }
.slides > li {
   /*margin-right: 5px; */
   overflow: hidden;
}

/* Control Nav */
.flex-control-nav {
   width: 100%;
   text-align: center;
}
.flex-control-nav li {
   margin: 0 6px;
   display: inline-block;
   zoom: 1;
   *display: inline;
}
.flex-control-paging li a {
   width: 12px;
   height: 12px;
   display: block;
   background: #ddd;
   background: rgba(255, 255, 255, .3);
   cursor: pointer;
   text-indent: -9999px;
   border-radius: 20px;
   box-shadow: inset 0 0 3px rgba(255, 255, 255, .3);
}
.flex-control-paging li a:hover {
    background: #CCC;
    background: rgba(255, 255, 255, .7);
}
.flex-control-paging li a.flex-active {
    background: #fff;
    background: rgba(255, 255, 255, .9);
    cursor: default;
}


/* ------------------------------------------------------------------ */
/* i. Subscribe Section
/* ------------------------------------------------------------------ */

#subscribe {
	background: url(img/full-bg-image.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	padding-top: 96px;
	padding-bottom: 66px;
	overflow: hidden;
	min-height: 920px;
}

#subscribe a, #subscribe a:visited  { color: #fff; }
#subscribe a:hover, #subscribe a:focus { color: #d58372; }

#subscribe h1 { color: #fff; }

#subs_bags {
	background: url(img/bags7.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	padding-top: 96px;
	padding-bottom: 66px;
	overflow: hidden;
	min-height: 920px;
}
#subs_fabrics {
	background: url(img/6-fabric-extra-1.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	padding-top: 96px;
	padding-bottom: 66px;
	overflow: hidden;
	min-height: 920px;
}
#subs_tar
{
background: url(img/tar1.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	padding-top: 96px;
	padding-bottom: 66px;
	overflow: hidden;
	min-height: 920px;
}
#subs_cust
{
background: #fff url(img/11-customization.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	padding-top: 96px;
	padding-bottom: 66px;
	overflow: hidden;
	min-height: 920px;
}

/* mailchimp signup form */
.msg{ font-size: 14px; font-weight: bold; color: #d58372;}
#mc_embed_signup {
   background: none;
   clear: both;
   display: block;
   margin: 6px auto 30px auto;
   width: 100%;
   text-align: center;   
}
#mc_embed_signup:before,
#mc_embed_signup:after {
    content: " ";
    display: table;
}
#mc_embed_signup:after {
    clear: both;
}
#mc_embed_signup input[type="submit"] {
	float: left;
	height: 110px;
	margin: 5px;
	padding: 0 20px;
	font-size: 100%;
	line-height: 60px;
	width: 30%; 
	background: #d58372;
}
#mc_embed_signup input[type="email"], 
#mc_embed_signup input[type="text"], 
#mc_embed_signup input[type="number"] {
   display: inline;
   float: left;
   /*height: 60px;*/
   margin: 5px;
   padding: 10px;
   font-size: 100%;
   line-height: 24px;
   font-family: 'Gill Sans MT Condensed';
   width: 30%;  
   text-align: center;
}
#mc_embed_signup textarea {
	min-height: 110px;
	margin: 5px;
	width: 61%;
	float: left;
	font-family: 'Gill Sans MT Condensed';
text-align: center;
}

/* ------------------------------------------------------------------ */
/* j. Footer
/* ------------------------------------------------------------------ */

footer {
    padding-top: 24px;
	margin-bottom: 20px;
	color: #A3AEB9;
	font-size: 13px;
	line-height: 24px;
	position: relative;
}

footer a, footer a:visited { color: #d58372; }
footer a:hover, footer a:focus { color: #fff; }

footer .info { padding-right: 90px; }

footer .footer-logo a {
   display: block;
   margin-bottom: 12px;
   margin-top: 12px;
   margin-left: 3px;
}
footer .footer-logo a img {
   height: 24px;
   width: 92px;
}

footer .right-cols .columns {
   padding-right: 5px;
   padding-left: 5px;
  /* width: 33.33333%;*/
}
footer .right-cols .columns p { margin-bottom: 6px; }

footer h3 {
   font: 13px/24px 'Gill Sans MT Condensed';
   margin-bottom: 0;
   font-weight: normal;
   color: #fff;
   text-transform: uppercase;
   letter-spacing: 1px;
}
footer h3:before {
   font-family: 'FontAwesome';   
	margin: 0 0 6px 3px;
	font-size: 30px;
   line-height: 48px;
   text-align: left;
   color: #738291;
   display: block;
}
/*footer h3.address:before { content: "\f041"; }
footer h3.social:before { content: "\f0c0"; }
footer h3.contact:before { content: "\f0e0"; }
*/
footer ul {
   margin: 0;
   padding: 0;
}
footer ul li {
   margin: 0;
   line-height: 24px;
}
footer ul li a,
footer ul li a:visited { color: #3c4753; }
footer ul li a:hover,
footer ul li a:focus { color: #fff; }

/* copyright */
footer .copyright {
   margin: 0;
   padding: 0 18px;
   clear: both;
   text-align: center;
}

footer .row .four { width: 26%;}
footer .row .last { width: 48%;}

/* Go To Top Button */
#go-top {
	position: absolute;
	top: -24px;
   left: 50%;
   margin-left: -30px;
   text-align: center;
   z-index: 889;
}
#go-top a {
	text-decoration: none;
	border: 0 none;
	display: block;
	width: 60px;
	height: 60px;
	background: #525252;

	-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;

   color: #fff;
   font-size: 21px;
   line-height: 60px;
 	border-radius: 100%;
}
#go-top a:hover { background: #d58372; }


/* ------------------------------------------------------------------ */
/* k. lightbox
/* ------------------------------------------------------------------ */

#imagelightbox {
   cursor: pointer;
   position: fixed;
   z-index: 995;
   -ms-touch-action: none;
   touch-action: none;
   -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .3 ); /* 50 */
   -moz-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .3 ); /* 50 */
   box-shadow: 0 0 3.125em rgba( 0, 0, 0, .3 ); /* 50 */
}

/* activity indication */
#imagelightbox-loading,
#imagelightbox-loading div { border-radius: 50%; }
#imagelightbox-loading {
   width: 2.5em; /* 40 */
   height: 2.5em; /* 40 */
   background-color: #444;
   background-color: rgba( 0, 0, 0, .5 );
   position: fixed;
   z-index: 999;
   top: 50%;
   left: 50%;
   padding: 0.625em; /* 10 */
   margin: -1.25em 0 0 -1.25em; /* 20 */
   -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .3 ); /* 40 */
   -moz-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .3 ); /* 40 */
   box-shadow: 0 0 2.5em rgba( 0, 0, 0, .3 ); /* 40 */
}
#imagelightbox-loading div {
   width: 1.25em; /* 20 */
   height: 1.25em; /* 20 */
   background-color: #fff;

   -webkit-animation: imagelightbox-loading .5s ease infinite;
   -moz-animation: imagelightbox-loading .5s ease infinite;
   -o-animation: imagelightbox-loading .5s ease infinite;
   animation: imagelightbox-loading .5s ease infinite;
}

@-webkit-keyframes imagelightbox-loading {
	from { opacity: .5; -webkit-transform: scale( .75 ); }
	50% { opacity: 1; -webkit-transform: scale( 1 ); }
	to { opacity: .5; -webkit-transform: scale( .75 ); }
}   
@-moz-keyframes imagelightbox-loading {
	from { opacity: .5; -moz-transform: scale( .75 ); }
	50% { opacity: 1; -moz-transform: scale( 1 ); }
	to { opacity: .5; -moz-transform: scale( .75 ); }
}
@-o-keyframes imagelightbox-loading {
	from { opacity: .5; -o-transform: scale( .75 ); }
	50% { opacity: 1; -o-transform: scale( 1 ); }
	to { opacity: .5; -o-transform: scale( .75 ); }
}
@keyframes imagelightbox-loading {
	from { opacity: .5; transform: scale( .75 ); }
	50% { opacity: 1; transform: scale( 1 ); }
	to { opacity: .5; transform: scale( .75 ); }
}

/* lightbox overlay */
#imagelightbox-overlay {
   background-color: #383838;
   background-color: rgba( 0, 0, 0, .8 );
   position: fixed;
   z-index: 994;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

/* close button */
#imagelightbox-close {	  
   position: fixed;
   z-index: 999;
   top: 2.5em; /* 40 */
   right: 2.5em; /* 40 */ 
}

#imagelightbox-close i {	  
	display: block;
	background: #fff;
	padding: 10px;
	border-radius: 100%;

	-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .5 ); /* 40 */
	-moz-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .5 ); /* 40 */
	box-shadow: 0 0 2.5em rgba( 0, 0, 0, .5 ); /* 40 */
}
a#imagelightbox-close { color: #333; }
a#imagelightbox-close:hover, a#imagelightbox-close:focus { color: #d58372; }

/* lightbox caption */
#imagelightbox-caption {
	text-align: center;
	color: #fff;
	background-color: #000;
	position: fixed;
	z-index: 999;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0.625em; /* 10 */
}

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption {
	-webkit-animation: fade-in .25s linear;
	-moz-animation: fade-in .25s linear;
	-o-animation: fade-in .25s linear;
	animation: fade-in .25s linear;
}

.wide50 {width:48%;}

@-webkit-keyframes fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-moz-keyframes fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-o-keyframes fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

@media only screen and (max-width: 41.250em) { /* 660 */

	#container	{ width: 100%; }
	#imagelightbox-close	{
		top: 1.25em; /* 20 */
		right: 1.25em; /* 20 */
	}
	ul#fabrics, ul#bags ,
	.display-prod {
		width: 100%;
	}
} 

/* tabs jquery 
#tabs,#tabs-products  {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 10px 0px;
}

#tabs li, #tabs-products li{
  float: left;
  margin: 5px -15px 0 0;
}

#tabs a, #tabs-products a{
  float: left;
  position: relative;
  padding: 0 40px;
  height: 0; 
  line-height: 30px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #3D3D3D;
  border-bottom-color: #777\9;
  opacity: .6;
  filter: alpha(opacity=60);    
}

#tabs a:hover,
#tabs a:focus, #tabs-products a:hover,
#tabs-products a:focus {
  border-bottom-color: #2ac7e1;
  opacity: 1;
  filter: alpha(opacity=100);
}

#tabs a:focus,#tabs-products a:focus {
  outline: 0;
}

#tabs .current,
#tabs-products .current {
  z-index: 3;
  border-bottom-color: #000;
  opacity: 1;
  filter: alpha(opacity=100);   
}
#tabs a,#tabs-products a {
  height: 0; 
  line-height: 30px;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #3D3D3D;  
  font-weight: bold;	
}
*/
/* inner page menu right */
.menu-right { 
	position: fixed;
	right: 10px;
	width: auto;/**/
	top: 38%;
}

.menu-right ul {
	list-style: inside;
	list-style-type: none;
	color: beige;
	padding: 10px;
	margin: 30px 20px 0 0;
}
.menu-right ul li{ 
	/*background-color: rgba( 0, 0, 0, .6 );*/
	padding: 14px 5px;
	border-radius: 10px;
	position: relative;
	line-height: 34px;
}
.menu-right ul li:after{ 
	border-right: 2px solid #fff;
	content: '';
	height: 38px;
	position: absolute;
	left: 11px;	
} 
.menu-right ul li:last-child:after{ display:none;} 
.menu-right ul li a{
	border: 2px solid #fff;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	color: #fff;
	display: block;
	padding: 5px;
	background: #fff;
} 
.menu-right ul li a span{
	display: block;
	left: -190px;
	top: 3px;
	position: absolute;
	padding: 0px 8px;
	border-radius: 8px;
	width: 180px;
	text-align: right;
}
.menu-right ul.about li a span{ width: 200px; left: -205px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.menu-right ul.about li a span{ width: 220px; left: -225px;}
}
.menu-right ul.why-arvind-chemi li a span { width: 270px; left: -275px;
}
.menu-right ul li a span:hover, 
.menu-right ul li a.current span{ color: #ed8d6c; }
.menu-right ul li a:hover, 
.menu-right ul li a.current {
	color : #ed8d6c;
	border-color: #ed8d6c;
	background: #ed8d6c;
}	
/* end menu right */

/* slider  */

.captionOrange
        {
            color: #fff;
            font-size: 30px;
            line-height: 30px;
            text-align: center;
            border-radius: 0px 10px 10px 0px;
        }
        .captionOrange
        {
            background: black;
			position:absolute; 
			left:3px; 
			top: 30px; 
			width:300px; 
			height:36px;
        }
      
        a.captionOrange, A.captionOrange:active, A.captionOrange:visited
        {
        	color: #ffffff;
        	text-decoration: none;
        }
        a.captionOrange:hover
        {
            color: #eb5100;
            text-decoration: underline;
            background-color: #eeeeee;
            background-color: rgba(238, 238, 238, 0.7);
        }
        .bricon
			{
            background: url(img/browser-icons.png);
        }
		
		
		
		/*drop down*/
		/* CSSTerm.com Simple Horizontal DropDown CSS menu */

	.industry {display: none;}.slider_con img{border-radius: 8px; padding:4px;}
	.slider_con {
		position: relative; 
		width: 900px; 
		height: 400px; 
		overflow: hidden;	
		/*background: rgba(0, 0, 0, 0.45); 
		box-shadow: -1px 0px 10px -1px #BBBBBB;
		border-radius: 8px;*/
	}
	.slides {
		cursor: move; 
		position: absolute; 
		left: 0px; 
		top: 0px; 
		width: 900px; 
		height: 400px;
		overflow: hidden;
	}
/* Submenu */
.drop_menu ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	list-style-type:none;
}
.drop_menu li:hover { position:relative; /*background:#5FD367;*/ }
.drop_menu li:hover ul {
	left:0px;
	top:65px;
	/*background:#FFF;*/
	padding:0px;
}

.drop_menu li:hover ul li a {
	padding:3px;
	display:block;
	width:270px;
	text-indent:6px;
	/*background-color:#5FD367;*/
}
.drop_menu li:hover ul li a:hover { /*background:#005555; */}

		/*drop down*/
		
#product_menu .drop_menu li:hover ul li a
{
width: 108px;
}
#product_menu li:hover ul li a
{
width: 10%
}

.member {
	clear: both;
    padding: 20px;
}