@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

#div1 {
}

.zeroMargin_mobile {
margin-left: 0;
}

.hide_mobile {
display: none;
}

/* Mobile Layout: 480px and below. */
 /* Mobile Layout: 480px and below. */
@media only screen and (max-width: 481px) { 
.gridContainer {
	margin:0 auto;
	
	width:95.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
}
#div1 {
}
.zeroMargin_mobile {
    margin-left: 0;
}
.hide_mobile {
    display: none;
}
.zeroMargin_tablet {
    margin-left: 0;
}
.hide_tablet {
    display: none;
}








.header_top_sections
{
}

.header_top_sections .half_wrap
{
	
	width:100%;overflow:hidden !important
}

.header_top_sections .half_wrap.yellow_bg
{
	
	    background:url(../images/yellow_bg_top.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.header_top_sections .half_wrap .logo_wrap
{
	text-align:center
}

.header_top_sections .half_wrap .logo_wrap img
{
	width:150px;
	    -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;
}



.top_data_wrap
{
	text-align:center;padding:40px;margin-top:2%
}

.top_data_wrap h1
{
	padding:0;margin:0;font-weight:bold;color:#1b1b1b;font-size:30px;
	    -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;
}

.top_data_wrap p
{
	font-size:12px;padding-left:20%;margin-top:20px;line-height:1.8em;padding-right:20%;
	    -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;
}

.top_data_wrap i
{
	font-size:50px;opacity:0.5
}


.header_top_sections .half_wrap.bg_top_wrap
{
	
	    background:url(../images/grey_bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;overflow:hidden;padding-top:100px;padding-bottom:100px
}

.header_top_sections .half_wrap.bg_top_wrap .k_symbol
{
	position:absolute;z-index:5;width:800px;left:-150px;top:-200px;opacity:0.5
}


.header_top_sections .half_wrap.bg_top_wrap .table_wrap
{
	display:table;width:100%;height:100%;vertical-align:middle;text-align:center
}

.header_top_sections .half_wrap.bg_top_wrap .td_wrap
{
	display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;
}

.header_top_sections .half_wrap.bg_top_wrap .td_wrap .slider_wrap
{
	border:5px solid #939393;display:inline-block;float:none;padding:10px;position:relative;z-index:6
}

.header_top_sections .half_wrap.bg_top_wrap .td_wrap .slider_wrap img
{
	width:200px
}


.header_top_sections .half_wrap.bg_top_wrap .k_white
{
	position:absolute;z-index:7;bottom:-50px;right:-50px;
	
}

.header_top_sections .half_wrap.bg_top_wrap .k_white img
{
	width:300px;
	    -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;
}








.home_white_wrap
{
padding-top:40px;padding-bottom:40px;overflow:hidden
}

.home_white_wrap .half_wrap
{
	z-index:5;width:100%
}
.home_white_wrap .half_wrap:first-child
{
	padding:60px;
}

.home_white_wrap .half_wrap:first-child h2
{
	padding:0;margin:0;color:#000000;font-weight:bold;font-size:30px
}

.home_white_wrap .half_wrap:first-child p
{
	margin-top:20px;font-size:13px;line-height:1.8em;padding-bottom:30px
}

.anchor_white_wrap
{
	display:inline-block;padding:0;margin:0;color:#000000;font-weight:bold;font-size:16px;padding:7px;padding-left:25px;padding-right:25px;
	border:3px solid #00aeef;
		    -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;background-color:#fff
}

.anchor_white_wrap:hover
{
	background-color:#333;color:#fff;text-decoration:none
	
}

.home_white_wrap .paint_brush_animate
{
	position:absolute;z-index:4;left:-20px;top:-20px;width:200px
}


.home_white_wrap .blue_logo_right
{
	position:absolute;z-index:4;right:-50px;bottom:-50px;width:400px
}

	
	
	
	
	
	
	
	
		
.home_manufacture_wrap
{
	 background:url(../images/manufacturer_image_denim_home.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;text-align:right;overflow:hidden
}

.home_manufacture_wrap .data_wrap
{
	padding-top:150px;padding-bottom:150px;padding-right:40px;z-index:6
}

.home_manufacture_wrap .data_wrap h3
{
	color:#fff;padding:0;margin:0;font-weight:normal;font-size:20px;line-height:1.1em;font-weight:bold;padding-bottom:30px
}
.home_manufacture_wrap .text_wrap
{
	position:absolute;z-index:5;width:500px;opacity:0.4;right:-100px;top:80px

}




.pre_footer_wrap
{
	overflow:hidden
}

.pre_footer_wrap .half_wrap
{
padding:30px;	width:100%;text-align:center
}


.gallery_ul
{
	width:100%;display:inline-block;margin:0;padding:0;float:left;	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


.gallery_ul li
{
	width:48.5%;display:inline-block;margin:0;padding:0;float:left;	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;list-style:none;margin-right:3%;margin-bottom:10px;text-align:center
}
.gallery_ul li:nth-child(2n+0)
{
	margin-right:0
}

.pre_footer_wrap .gallery_ul li
{
	width:47.5%;
}

.gallery_ul li:nth-child(2n+0)
{
	margin-right:0
}
.gallery_ul li .name_wrap
{
	font-weight:bold;color:#000000;font-size:20px;padding-top:10px;padding-bottom:8px
}




.gallery_ul li a
{
	display:inline-block;padding:0;margin:0;color:#000000;font-weight:bold;font-size:13px;padding:3px;padding-left:20px;padding-right:20px;
	border:2px solid #00aeef;
		    -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;background-color:#fff
}

.gallery_ul li a:hover
{
	background-color:#333;color:#fff;text-decoration:none
	
}









.footer_wrap
{
padding-top:40px;padding-bottom:40px;background-color:#656565;background-color:#dedede;padding-left:30px;padding-right:30px;
	
}




.footer_ul {
	margin: 0;
	padding: 0;
	display: inline-block;
	float: left;
	width: 100%
}
.footer_ul li {
	width:100%;
	float: left;
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 0;
	padding-right: 20px;font-size:12px;text-align:center;margin-bottom:30px;
}

.footer_ul li p
{
font-size:12px;	
}
.footer_ul>li:first-child
{
width:100%;padding-bottom:20px;text-align:center	
}

.footer_ul li img
{
	
}
.footer_ul li ul {
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 0;
	float: left
}
.footer_ul li ul li {
	color: #2b2b2b;
	font-size: 12px;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 2.2em
}
.footer_ul li ul li a {
	color: #2b2b2b
}

.footer_ul li ul li:hover a
{
	text-decoration:none;color:#39539A
}

.footer_ul li ul li i
{
margin-right:5px	
}
.footer_ul li:last-child ul li i
{
	font-size:12px
}
.footer_ul li ul li:first-child {
	text-transform: uppercase;
	margin-bottom:10px
}
.footer_ul li ul li input[type=text] {
	width: 100%;
	display: inline-block;
	border: 1px solid #CCC;
	padding: 10px;
	letter-spacing: 0.05em
}
.footer_ul li ul li input[type=submit] {
	width: 100%;
	display: inline-block;
	border: 1px solid #CCC;
	padding-left: 10px;
	letter-spacing: 0.05em;
	background-color: #d5b673;
	margin-top: 10px
}
.footer_ul li ul li input[type=submit]:hover {
	background-color: #b7954b
}

	

.menu_icon
{
	position:fixed;z-index:9;right:0;top:20px;width:130px;
}
	
	
		.menu_wrap
	{
		display:none
	}






	
	/*About Start*/

.company_logo
{
	width:200px
}

.company_bg_bottom
{
	  background:url(../images/the_company_bg_wrap.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;text-align:center;padding-top:50px;padding-bottom:50px;
}
.common_title
{
	margin:0;padding:0;color:#fff;font-size:45px;font-weight:bold;padding-bottom:30px;
	}
	
	.company_bg_bottom p
	{
		font-size:13px;line-height:1.8em;color:#fff;padding-left:5%;padding-right:5%
	}


.grey_bg_wrap
{
	background-color:#f4f4f4;padding-top:120px;padding-bottom:120px;
}

.grey_bg_wrap .common_title
{

color:#2c2c2c	
}


.grey_bg_wrap p
{
font-size:13px;line-height:1.8em	;text-align:center
}
.grey_bg_wrap .brush
{
	position:absolute;z-index:1;left:0;top:0;width:600px
	
}

.grey_bg_wrap .half_wrap
{
	width:100%;text-align:center;
}
.bottom_image_wrap
{
	padding:20px;text-align:right;margin-top:-100px
}

.bottom_image_wrap .half_wrap
{
	width:100%
}
/*About end*/
}


/* Tablet Vertical Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) and (max-width: 786px) {
	
	
	
	.gridContainer {
	width: 97.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin:0 auto;
}
#div1 {
}
.zeroMargin_tablet {
    margin-left: 0;
}
.hide_tablet {
    display: none;
}
.zeroMargin_desktop {
    margin-left: 0;
}
.hide_desktop {
    display: none;
}
	
	
	
	
	
	
	
	

.header_top_sections
{
}

.header_top_sections .half_wrap
{
	
	width:100%
}

.header_top_sections .half_wrap.yellow_bg
{
	
	    background:url(../images/yellow_bg_top.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.header_top_sections .half_wrap .logo_wrap
{
	text-align:center
}

.header_top_sections .half_wrap .logo_wrap img
{
	width:150px;
	    -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;
}



.top_data_wrap
{
	text-align:center;padding:40px;margin-top:2%
}

.top_data_wrap h1
{
	padding:0;margin:0;font-weight:bold;color:#1b1b1b;font-size:40px;
	    -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;
}

.top_data_wrap p
{
	font-size:12px;padding-left:25%;margin-top:20px;line-height:1.8em;padding-right:25%;
	    -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;
}

.top_data_wrap i
{
	font-size:50px;opacity:0.5
}


.header_top_sections .half_wrap.bg_top_wrap
{
	
	    background:url(../images/grey_bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;overflow:hidden;padding-top:100px;padding-bottom:100px
}

.header_top_sections .half_wrap.bg_top_wrap .k_symbol
{
	position:absolute;z-index:5;width:800px;left:-150px;top:-200px;opacity:0.5
}


.header_top_sections .half_wrap.bg_top_wrap .table_wrap
{
	display:table;width:100%;height:100%;vertical-align:middle;text-align:center
}

.header_top_sections .half_wrap.bg_top_wrap .td_wrap
{
	display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;
}

.header_top_sections .half_wrap.bg_top_wrap .td_wrap .slider_wrap
{
	border:8px solid #939393;display:inline-block;float:none;padding:10px;position:relative;z-index:6
}

.header_top_sections .half_wrap.bg_top_wrap .td_wrap .slider_wrap img
{
	width:400px
}


.header_top_sections .half_wrap.bg_top_wrap .k_white
{
	position:absolute;z-index:7;bottom:-50px;right:-50px;
	
}

.header_top_sections .half_wrap.bg_top_wrap .k_white img
{
	width:400px;
	    -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;
}









.home_white_wrap
{
padding-top:80px;padding-bottom:80px;overflow:hidden
}

.home_white_wrap .half_wrap
{
	z-index:5;width:100%
}
.home_white_wrap .half_wrap:first-child
{
	padding:60px;
}

.home_white_wrap .half_wrap:first-child h2
{
	padding:0;margin:0;color:#000000;font-weight:bold;font-size:40px
}

.home_white_wrap .half_wrap:first-child p
{
	margin-top:20px;font-size:14px;line-height:1.8em;padding-bottom:30px
}

.anchor_white_wrap
{
	display:inline-block;padding:0;margin:0;color:#000000;font-weight:bold;font-size:18px;padding:10px;padding-left:25px;padding-right:25px;
	border:3px solid #00aeef;
		    -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;background-color:#fff
}

.anchor_white_wrap:hover
{
	background-color:#333;color:#fff;text-decoration:none
	
}

.home_white_wrap .paint_brush_animate
{
	position:absolute;z-index:4;left:-20px;top:-20px;width:300px
}


.home_white_wrap .blue_logo_right
{
	position:absolute;z-index:4;right:-50px;bottom:-50px;width:400px
}

	
	
	
	
	
	
	
	
	
.home_manufacture_wrap
{
	 background:url(../images/manufacturer_image_denim_home.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;text-align:right;overflow:hidden
}

.home_manufacture_wrap .data_wrap
{
	padding-top:180px;padding-bottom:180px;padding-right:40px;z-index:6
}

.home_manufacture_wrap .data_wrap h3
{
	color:#fff;padding:0;margin:0;font-weight:normal;font-size:50px;line-height:1.1em;font-weight:bold;padding-bottom:20px
}
.home_manufacture_wrap .text_wrap
{
	position:absolute;z-index:5;width:900px;opacity:0.4;right:-300px;top:50px

}








.pre_footer_wrap
{
	overflow:hidden
}

.pre_footer_wrap .half_wrap
{
padding:30px;	width:100%;text-align:center
}


.gallery_ul
{
	width:100%;display:inline-block;margin:0;padding:0;float:left;	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


.gallery_ul li
{
	width:31.33%;display:inline-block;margin:0;padding:0;float:left;	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;list-style:none;margin-right:3%;margin-bottom:10px;text-align:center
}
.gallery_ul li:nth-child(3n+0)
{
	margin-right:0
}

.pre_footer_wrap .gallery_ul li
{
	width:47.5%;
}

.gallery_ul li:nth-child(2n+0)
{
	margin-right:0
}
.gallery_ul li .name_wrap
{
	font-weight:bold;color:#000000;font-size:20px;padding-top:10px;padding-bottom:8px
}




.gallery_ul li a
{
	display:inline-block;padding:0;margin:0;color:#000000;font-weight:bold;font-size:15px;padding:5px;padding-left:25px;padding-right:25px;
	border:3px solid #00aeef;
		    -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;background-color:#fff
}

.gallery_ul li a:hover
{
	background-color:#333;color:#fff;text-decoration:none
	
}









.footer_wrap
{
padding-top:80px;padding-bottom:80px;background-color:#656565;background-color:#dedede;padding-left:30px;padding-right:30px;
	
}




.footer_ul {
	margin: 0;
	padding: 0;
	display: inline-block;
	float: left;
	width: 100%
}
.footer_ul li {
	width: 33.33%;
	float: left;
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 0;
	padding-right: 20px;font-size:12px
}

.footer_ul li p
{
font-size:12px;	
}
.footer_ul>li:first-child
{
width:100%;padding-bottom:50px;text-align:center	
}

.footer_ul li img
{
	
}
.footer_ul li ul {
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 0;
	float: left
}
.footer_ul li ul li {
	color: #2b2b2b;
	font-size: 12px;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 2.2em
}
.footer_ul li ul li a {
	color: #2b2b2b
}

.footer_ul li ul li:hover a
{
	text-decoration:none;color:#39539A
}

.footer_ul li ul li i
{
margin-right:5px	
}
.footer_ul li:last-child ul li i
{
	font-size:12px
}
.footer_ul li ul li:first-child {
	text-transform: uppercase;
	margin-bottom:10px
}
.footer_ul li ul li input[type=text] {
	width: 100%;
	display: inline-block;
	border: 1px solid #CCC;
	padding: 10px;
	letter-spacing: 0.05em
}
.footer_ul li ul li input[type=submit] {
	width: 100%;
	display: inline-block;
	border: 1px solid #CCC;
	padding-left: 10px;
	letter-spacing: 0.05em;
	background-color: #d5b673;
	margin-top: 10px
}
.footer_ul li ul li input[type=submit]:hover {
	background-color: #b7954b
}

	
	
.menu_icon
{
	position:fixed;z-index:9;right:0;top:20px;width:130px;
}
	
	
	
	.menu_wrap
	{
		display:none
	}
	
	
	
	
	
	/*About Start*/

.company_logo
{
	width:300px
}

.company_bg_bottom
{
	  background:url(../images/the_company_bg_wrap.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;text-align:center;padding-top:120px;padding-bottom:120px;
}
.common_title
{
	margin:0;padding:0;color:#fff;font-size:55px;font-weight:bold;padding-bottom:30px;
	}
	
	.company_bg_bottom p
	{
		font-size:14px;line-height:1.8em;color:#fff;padding-left:20%;padding-right:20%
	}


.grey_bg_wrap
{
	background-color:#f4f4f4;padding-top:120px;padding-bottom:120px;
}

.grey_bg_wrap .common_title
{

color:#2c2c2c	
}


.grey_bg_wrap p
{
font-size:14px;line-height:1.8em	;padding-right:30px;text-align:center
}
.grey_bg_wrap .brush
{
	position:absolute;z-index:1;left:0;top:0;width:600px
	
}

.grey_bg_wrap .half_wrap
{
	width:100%;text-align:center;padding-left:80px;padding-right:80px;
}
.bottom_image_wrap
{
	padding:20px;text-align:right;margin-top:-100px
}

.bottom_image_wrap .half_wrap
{
	width:100%
}
/*About end*/
}


/* Tablet Horizontal Layout: 481px to 768px. Inherits styles from: Mobile Layout. */


@media only screen and (min-width: 786px) and (max-width: 1100px) {

.gridContainer {
	width: 95.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin:0 auto;
}
#div1 {
}
.zeroMargin_tablet {
    margin-left: 0;
}
.hide_tablet {
    display: none;
}
.zeroMargin_desktop {
    margin-left: 0;
}
.hide_desktop {
    display: none;
}






.header_top_sections
{
}

.header_top_sections .half_wrap
{
	
	height:100%
}

.header_top_sections .half_wrap.yellow_bg
{
	
	    background:url(../images/yellow_bg_top.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.header_top_sections .half_wrap .logo_wrap
{
	text-align:center
}

.header_top_sections .half_wrap .logo_wrap img
{
	width:150px;
	    -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;
}



.top_data_wrap
{
	text-align:right;padding:80px;margin-top:3%
}

.top_data_wrap h1
{
	padding:0;margin:0;font-weight:bold;color:#1b1b1b;font-size:40px;
	    -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;
}

.top_data_wrap p
{
	font-size:12px;padding-left:50%;margin-top:20px;line-height:1.8em;
	    -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;
}

.top_data_wrap i
{
	font-size:50px;opacity:0.5
}


.header_top_sections .half_wrap.bg_top_wrap
{
	
	    background:url(../images/grey_bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;overflow:hidden
}

.header_top_sections .half_wrap.bg_top_wrap .k_symbol
{
	position:absolute;z-index:5;width:800px;left:-150px;top:-200px;opacity:0.5
}


.header_top_sections .half_wrap.bg_top_wrap .table_wrap
{
	display:table;width:100%;height:100%;vertical-align:middle;text-align:center
}

.header_top_sections .half_wrap.bg_top_wrap .td_wrap
{
	display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;
}

.header_top_sections .half_wrap.bg_top_wrap .td_wrap .slider_wrap
{
	border:8px solid #939393;display:inline-block;float:none;padding:10px;position:relative;z-index:6
}

.header_top_sections .half_wrap.bg_top_wrap .td_wrap .slider_wrap img
{
	width:300px
}


.header_top_sections .half_wrap.bg_top_wrap .k_white
{
	position:absolute;z-index:7;bottom:-50px;right:-50px;
	
}

.header_top_sections .half_wrap.bg_top_wrap .k_white img
{
	width:400px;
	    -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;
}











.home_white_wrap
{
padding-top:80px;padding-bottom:80px;overflow:hidden
}

.home_white_wrap .half_wrap
{
	z-index:5
}
.home_white_wrap .half_wrap:first-child
{
	padding:60px;padding-top:40px
}

.home_white_wrap .half_wrap:first-child h2
{
	padding:0;margin:0;color:#000000;font-weight:bold;font-size:40px
}

.home_white_wrap .half_wrap:first-child p
{
	margin-top:20px;font-size:14px;line-height:1.8em;padding-bottom:30px
}

.anchor_white_wrap
{
	display:inline-block;padding:0;margin:0;color:#000000;font-weight:bold;font-size:18px;padding:10px;padding-left:25px;padding-right:25px;
	border:3px solid #00aeef;
		    -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;background-color:#fff
}

.anchor_white_wrap:hover
{
	background-color:#333;color:#fff;text-decoration:none
	
}

.home_white_wrap .paint_brush_animate
{
	position:absolute;z-index:4;left:-20px;top:-20px;width:300px
}


.home_white_wrap .blue_logo_right
{
	position:absolute;z-index:4;right:-150px;top:-150px;width:400px
}










.home_manufacture_wrap
{
	 background:url(../images/manufacturer_image_denim_home.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;text-align:right;overflow:hidden
}

.home_manufacture_wrap .data_wrap
{
	padding-top:180px;padding-bottom:180px;padding-right:40px;z-index:6
}

.home_manufacture_wrap .data_wrap h3
{
	color:#fff;padding:0;margin:0;font-weight:normal;font-size:50px;line-height:1.1em;font-weight:bold;padding-bottom:20px
}
.home_manufacture_wrap .text_wrap
{
	position:absolute;z-index:5;width:1200px;opacity:0.4;right:-300px;

}










.pre_footer_wrap
{
	overflow:hidden
}

.pre_footer_wrap .half_wrap
{
padding:30px;	width:100%;text-align:center
}


.gallery_ul
{
	width:100%;display:inline-block;margin:0;padding:0;float:left;	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


.gallery_ul li
{
	width:31.33%;display:inline-block;margin:0;padding:0;float:left;	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;list-style:none;margin-right:3%;margin-bottom:10px;text-align:center
}
.gallery_ul li:nth-child(3n+0)
{
	margin-right:0
}

.pre_footer_wrap .gallery_ul li
{
	width:47.5%;
}

.gallery_ul li:nth-child(2n+0)
{
	margin-right:0
}
.gallery_ul li .name_wrap
{
	font-weight:bold;color:#000000;font-size:20px;padding-top:10px;padding-bottom:8px
}




.gallery_ul li a
{
	display:inline-block;padding:0;margin:0;color:#000000;font-weight:bold;font-size:15px;padding:5px;padding-left:25px;padding-right:25px;
	border:3px solid #00aeef;
		    -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;background-color:#fff
}

.gallery_ul li a:hover
{
	background-color:#333;color:#fff;text-decoration:none
	
}









.footer_wrap
{
padding-top:80px;padding-bottom:80px;background-color:#656565;background-color:#dedede;
	
}




.footer_ul {
	margin: 0;
	padding: 0;
	display: inline-block;
	float: left;
	width: 100%
}
.footer_ul li {
	width: 20%;
	float: left;
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 0;
	padding-right: 20px;font-size:12px
}

.footer_ul li p
{
font-size:12px;	
}
.footer_ul>li:first-child
{
width:40%;padding-right:50px;text-align:center	
}

.footer_ul li img
{
	
}
.footer_ul li ul {
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 0;
	float: left
}
.footer_ul li ul li {
	color: #2b2b2b;
	font-size: 12px;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 2.2em
}
.footer_ul li ul li a {
	color: #2b2b2b
}

.footer_ul li ul li:hover a
{
	text-decoration:none;color:#39539A
}

.footer_ul li ul li i
{
margin-right:5px	
}
.footer_ul li:last-child ul li i
{
	font-size:12px
}
.footer_ul li ul li:first-child {
	text-transform: uppercase;
	margin-bottom:10px
}
.footer_ul li ul li input[type=text] {
	width: 100%;
	display: inline-block;
	border: 1px solid #CCC;
	padding: 10px;
	letter-spacing: 0.05em
}
.footer_ul li ul li input[type=submit] {
	width: 100%;
	display: inline-block;
	border: 1px solid #CCC;
	padding-left: 10px;
	letter-spacing: 0.05em;
	background-color: #d5b673;
	margin-top: 10px
}
.footer_ul li ul li input[type=submit]:hover {
	background-color: #b7954b
}



.menu_icon
{
	display:none
}







.menu_wrap
{
	position:absolute;z-index:9;width:100%;background-color:#101010;text-align:center;bottom:0
}

.menu_wrap ul
{
display:inline-block;margin:0;padding:0;text-align:center
}

.menu_wrap ul li
{
	display:inline-block;float:left;margin:0;padding:0;list-style:none;margin-right:40px;text-transform:uppercase;padding-top:12px;padding-bottom:12px;font-size:13px
}

.menu_wrap ul li:last-child
{
	margin-right:0
}


.menu_wrap ul li a
{
color:#fff;letter-spacing:0.2em;
-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;
}


.menu_wrap ul li a:hover
{
	color:#fdd000;text-decoration:none
}







/*About Start*/

.company_logo
{
	width:300px
}

.company_bg_bottom
{
	  background:url(../images/the_company_bg_wrap.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;text-align:center;padding-top:120px;padding-bottom:120px;
}
.common_title
{
	margin:0;padding:0;color:#fff;font-size:55px;font-weight:bold;padding-bottom:30px;
	}
	
	.company_bg_bottom p
	{
		font-size:14px;line-height:1.8em;color:#fff;padding-left:20%;padding-right:20%
	}


.grey_bg_wrap
{
	background-color:#f4f4f4;padding-top:120px;padding-bottom:120px;
}

.grey_bg_wrap .common_title
{

color:#2c2c2c	
}


.grey_bg_wrap p
{
font-size:14px;line-height:1.8em	;padding-right:30px;text-align:justify
}
.grey_bg_wrap .brush
{
	position:absolute;z-index:1;left:0;top:0;width:600px
	
}
.bottom_image_wrap
{
	padding:20px;text-align:right;margin-top:-200px
}
/*About end*/
}




@media only screen and (min-width: 1100px) {

.gridContainer {
	width: 88.5%;
	max-width: 1250px;
	min-width: 1250px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
}
.zeroMargin_desktop {
    margin-left: 0;
}
.hide_desktop {
    display: none;
}


.header_top_sections
{
}

.header_top_sections .half_wrap
{
	
	height:100%
}

.header_top_sections .half_wrap.yellow_bg
{
	
	    background:url(../images/yellow_bg_top.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.header_top_sections .half_wrap .logo_wrap
{
	text-align:center
}

.header_top_sections .half_wrap .logo_wrap img
{
	width:180px;
	    -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;
}



.top_data_wrap
{
	text-align:right;padding:80px;margin-top:3%
}

.top_data_wrap h1
{
	padding:0;margin:0;font-weight:bold;color:#1b1b1b;font-size:50px;
	    -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;
}

.top_data_wrap p
{
	font-size:14px;padding-left:50%;margin-top:20px;line-height:1.8em;
	    -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;
}

.top_data_wrap i
{
	font-size:50px;opacity:0.5
}


.header_top_sections .half_wrap.bg_top_wrap
{
	
	    background:url(../images/grey_bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;overflow:hidden
}

.header_top_sections .half_wrap.bg_top_wrap .k_symbol
{
	position:absolute;z-index:5;width:1000px;left:-150px;top:-200px;opacity:0.5
}


.header_top_sections .half_wrap.bg_top_wrap .table_wrap
{
	display:table;width:100%;height:100%;vertical-align:middle;text-align:center
}

.header_top_sections .half_wrap.bg_top_wrap .td_wrap
{
	display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;
}

.header_top_sections .half_wrap.bg_top_wrap .td_wrap .slider_wrap
{
	border:10px solid #939393;display:inline-block;float:none;padding:10px;position:relative;z-index:6
}

.header_top_sections .half_wrap.bg_top_wrap .td_wrap .slider_wrap img
{
	width:400px
}


.header_top_sections .half_wrap.bg_top_wrap .k_white
{
	position:absolute;z-index:7;bottom:-50px;right:-50px;
	
}

.header_top_sections .half_wrap.bg_top_wrap .k_white img
{
	width:400px;
	    -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;
}






.home_white_wrap
{
padding-top:80px;padding-bottom:80px;overflow:hidden
}

.home_white_wrap .half_wrap
{
	z-index:5
}
.home_white_wrap .half_wrap:first-child
{
	padding:150px;
}

.home_white_wrap .half_wrap:first-child h2
{
	padding:0;margin:0;color:#000000;font-weight:bold;font-size:60px
}

.home_white_wrap .half_wrap:first-child p
{
	margin-top:20px;font-size:16px;line-height:2em;padding-bottom:30px
}

.anchor_white_wrap
{
	display:inline-block;padding:0;margin:0;color:#000000;font-weight:bold;font-size:25px;padding:10px;padding-left:25px;padding-right:25px;
	border:3px solid #00aeef;
		    -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;background-color:#fff
}

.anchor_white_wrap:hover
{
	background-color:#333;color:#fff;text-decoration:none
	
}

.home_white_wrap .paint_brush_animate
{
	position:absolute;z-index:4;left:-20px;top:-20px
}


.home_white_wrap .blue_logo_right
{
	position:absolute;z-index:4;right:-200px;top:-200px;
}





.home_manufacture_wrap
{
	 background:url(../images/manufacturer_image_denim_home.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;text-align:right;overflow:hidden
}

.home_manufacture_wrap .data_wrap
{
	padding-top:250px;padding-bottom:250px;padding-right:40px;z-index:6
}

.home_manufacture_wrap .data_wrap h3
{
	color:#fff;padding:0;margin:0;font-weight:normal;font-size:70px;line-height:1.1em;font-weight:bold;padding-bottom:20px
}
.home_manufacture_wrap .text_wrap
{
	position:absolute;z-index:5;width:1500px;opacity:0.4;right:-300px;

}





.pre_footer_wrap
{
	overflow:hidden
}

.pre_footer_wrap .half_wrap
{
padding:30px;	
}


.gallery_ul
{
	width:100%;display:inline-block;margin:0;padding:0;float:left;	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


.gallery_ul li
{
	width:22.75%;display:inline-block;margin:0;padding:0;float:left;	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;list-style:none;margin-right:3%;margin-bottom:10px;text-align:center
}
.gallery_ul li:nth-child(4n+0)
{
	margin-right:0
}

.pre_footer_wrap .gallery_ul li
{
	width:47.5%;
}

.gallery_ul li:nth-child(2n+0)
{
	margin-right:0
}
.gallery_ul li .name_wrap
{
	font-weight:bold;color:#000000;font-size:20px;padding-top:10px;padding-bottom:8px
}




.gallery_ul li a
{
	display:inline-block;padding:0;margin:0;color:#000000;font-weight:bold;font-size:15px;padding:5px;padding-left:25px;padding-right:25px;
	border:3px solid #00aeef;
		    -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;background-color:#fff
}

.gallery_ul li a:hover
{
	background-color:#333;color:#fff;text-decoration:none
	
}









.footer_wrap
{
padding-top:80px;padding-bottom:80px;background-color:#656565;background-color:#dedede;
	
}




.footer_ul {
	margin: 0;
	padding: 0;
	display: inline-block;
	float: left;
	width: 100%
}
.footer_ul li {
	width: 20%;
	float: left;
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 0;
	padding-right: 20px;font-size:12px
}

.footer_ul li p
{
font-size:12px;	
}
.footer_ul>li:first-child
{
width:40%;padding-right:50px;text-align:center	
}

.footer_ul li img
{
	
}
.footer_ul li ul {
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 0;
	float: left
}
.footer_ul li ul li {
	color: #2b2b2b;
	font-size: 12px;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 2.2em
}
.footer_ul li ul li a {
	color: #2b2b2b
}

.footer_ul li ul li:hover a
{
	text-decoration:none;color:#39539A
}

.footer_ul li ul li i
{
margin-right:5px	
}
.footer_ul li:last-child ul li i
{
	font-size:12px
}
.footer_ul li ul li:first-child {
	text-transform: uppercase;
	margin-bottom:10px
}
.footer_ul li ul li input[type=text] {
	width: 100%;
	display: inline-block;
	border: 1px solid #CCC;
	padding: 10px;
	letter-spacing: 0.05em
}
.footer_ul li ul li input[type=submit] {
	width: 100%;
	display: inline-block;
	border: 1px solid #CCC;
	padding-left: 10px;
	letter-spacing: 0.05em;
	background-color: #d5b673;
	margin-top: 10px
}
.footer_ul li ul li input[type=submit]:hover {
	background-color: #b7954b
}


.menu_icon
{
	display:none
}


.menu_wrap
{
	position:absolute;z-index:9;width:100%;background-color:#101010;text-align:center;bottom:0
}

.menu_wrap ul
{
display:inline-block;margin:0;padding:0;text-align:center
}

.menu_wrap ul li
{
	display:inline-block;float:left;margin:0;padding:0;list-style:none;margin-right:40px;text-transform:uppercase;padding-top:12px;padding-bottom:12px;
}

.menu_wrap ul li:last-child
{
	margin-right:0
}


.menu_wrap ul li a
{
color:#fff;letter-spacing:0.2em;
-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;
}


.menu_wrap ul li a:hover
{
	color:#fdd000;text-decoration:none
}





/*About Start*/

.company_bg_bottom
{
	  background:url(../images/the_company_bg_wrap.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;text-align:center;padding-top:120px;padding-bottom:120px;
}
.common_title
{
	margin:0;padding:0;color:#fff;font-size:55px;font-weight:bold;padding-bottom:30px;
	}
	
	.company_bg_bottom p
	{
		font-size:16px;line-height:2.1em;color:#fff;padding-left:20%;padding-right:20%
	}


.grey_bg_wrap
{
	background-color:#f4f4f4;padding-top:120px;padding-bottom:120px;
}

.grey_bg_wrap .common_title
{

color:#2c2c2c	
}


.grey_bg_wrap p
{
font-size:15px;line-height:2.1em	;padding-right:30px;text-align:justify
}
.grey_bg_wrap .brush
{
	position:absolute;z-index:1;left:0;top:0
	
}
.bottom_image_wrap
{
	padding:20px;text-align:right;margin-top:-200px
}
/*About end*/
}




/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1650px) {

.gridContainer {
	width: 88.5%;
	max-width: 1250px;
	min-width: 1250px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
}
.zeroMargin_desktop {
    margin-left: 0;
}
.hide_desktop {
    display: none;
}
.top_data_wrap h1
{
	padding:0;margin:0;font-weight:bold;color:#1b1b1b;font-size:65px
}

.top_data_wrap
{
	margin-top:5%
}

.top_data_wrap p
{
	font-size:17px;
}
.header_top_sections .half_wrap .logo_wrap img
{
	width:200px
}
.header_top_sections .half_wrap.bg_top_wrap .td_wrap .slider_wrap img
{
	width:auto
}
.header_top_sections .half_wrap.bg_top_wrap .k_white img
{
	width:auto
}



}






.padding_20 {
	padding: 20px !important;
}
.padding_10 {
	padding: 10px !important;
}
.padding_30 {
	padding: 30px !important;
}
.no_padding {
	padding: 0 !important
}
.f_left {
	float: left
}
.f_right {
	float: right
}
.full_wrap {
	width: 100%;
	display: inline-block;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left
}
.half_wrap {
	width: 50%;
	display: inline-block;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


.footer_wrap
{
border-top:1px solid #c5c5c5;
margin-top:20px;padding-bottom:30px	
	
}

    #map {
                width:100%;
                height:321px;
				margin-top:20px;margin-bottom:20px;
            }
.website_preloader{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url('../images/website_preloader.gif') center center no-repeat #FFF;
	z-index:10000;
}

.large_arrow_left {
	position: absolute;
	top: 50%;
	margin-top:-50px;
	left: 0px;
	font-size: 100px;
	color: #000;
	z-index: 99;
	opacity:0.5;
}
.large_arrow_right {
	position: absolute;
	top: 50%;
	margin-top:-50px;
	right: 0px;
	font-size: 100px;
	color: #000;
	opacity:0.5;
	z-index: 99;
}

.home_large_arrow_left,.home_large_arrow_left:hover,.home_large_arrow_left:focus,.home_large_arrow_left:active {
	position: absolute;
	top: 50%;
	margin-top:-80px;
	left: -30px;
	font-size: 100px;
	color: #000;
	z-index: 99;
	opacity:0.5;
}
.home_large_arrow_right,.home_large_arrow_right:hover,.home_large_arrow_right:focus,.home_large_arrow_right:active {
	position: absolute;
	top: 50%;
	margin-top:-80px;
	right: -30px;
	font-size: 100px;
	color: #000;
	opacity:0.5;
	z-index: 99;
}