/* Fonts */

@font-face {
	font-family:'HaveHeartOne';
	src:url('/repo/JDW/desktop/common/04-fonts/HaveHeartOne/have-heart-one.woff') format('woff');
	font-weight:normal;
	font-style:normal;
	font-stretch:normal;
}

@font-face {
    font-family: "GalanoGrotesque-Regular";
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    src: url("/repo/JDW/desktop/common/04-fonts/GalanoGrotesque/GalanoGrotesque-Regular-webfont.woff") format("woff");
}
@font-face {
    font-family: "GalanoGrotesque-Medium";
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    src: url("/repo/JDW/desktop/common/04-fonts/GalanoGrotesque/GalanoGrotesque-Medium-webfont.woff") format("woff");
}
@font-face {
    font-family: "GalanoGrotesque-SemiBold";
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    src: url("/repo/JDW/desktop/common/04-fonts/GalanoGrotesque/GalanoGrotesque-SemiBold-webfont.woff") format("woff");
}
@font-face {
    font-family: "OPTIDiode";
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    src: url("/repo/JDW/desktop/common/04-fonts/OPTIDiode/odiodep-webfont.woff") format("woff");
}

#outerPageContainer {
	max-width:none;
	width:100%;	
}
#AU-container a,
#AU-container span {
	text-decoration:none;
}
#AU-container {
	background:#fff;
	max-width:1200px;
	position:relative;
	margin:0 auto 2%;
	font-size:0;
}
#AU-container .AU-header,
#AU-container .AU-section {
	position:relative;
	margin:0 auto 3%;
}
#AU-container .AU-slot {
	width:100%;
	display:inline-block;
	vertical-align:top;
	position:relative;
	margin:0 auto;
	overflow:hidden;
}
#AU-container .AU-text-box {
	position:absolute;
	top:2%;
	left:2%;
	right:2%;
	text-align:center;
	padding:5.315% 4%;	
}

#AU-container .AU-center-vertical {
	position:absolute;
	top:50%;
	text-align:center;
	-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		 -o-transform:translateY(-50%);
			transform:translateY(-50%);
}

#AU-container .AU-mobile {
	display:none;
}

/* Fonts */

#AU-container h1,
#AU-container h2,
#AU-container h3,
#AU-container p {
	font-weight:normal;
	font-size:inherit;
	color:#000;
	-webkit-transition:all 150ms ease;
	   -moz-transition:all 150ms ease;
			transition:all 150ms ease;
}
#AU-container h1 {
	font:60px/1 GalanoGrotesque-SemiBold,Arial,'Helvetica Neue',Helvetica,sans-serif;
	text-transform:uppercase;
	margin:0 0 0.4em;
	color:#fff;
}
#AU-container h2 {
	font:36px/1 GalanoGrotesque-Medium,Arial,'Helvetica Neue',Helvetica,sans-serif;
	text-transform:uppercase;
	line-height:1;
	margin:0 0 0.5em;
}
#AU-container h3 {
	font:31px/1em GalanoGrotesque-Medium,Arial,'Helvetica Neue',Helvetica,sans-serif;
	text-transform:uppercase;
	margin:0;
}
#AU-container p {
	font:13px/1.8 GalanoGrotesque-Regular,Arial,'Helvetica Neue',Helvetica,sans-serif;
	margin:0 0 3em;
	letter-spacing:0.04em;
}

#AU-container a.ff-link {
	display:block;
	height:100%;
	top:0;
	position:absolute;
	width:100%; }

#AU-container .AU-CTA {
	display:inline-block;
	position:relative;
	margin:0 auto;
	padding:11px 30px;
	font:16px/normal GalanoGrotesque-SemiBold,Arial,'Helvetica Neue',Helvetica,sans-serif;
	text-transform:uppercase;
	text-align:center;
	color:#000;
	border:1px solid #000;
	background-color:transparent;
	cursor:pointer;
	-webkit-transition:all 200ms ease;
	   -moz-transition:all 200ms ease;
		 -o-transition:all 200ms ease;
			transition:all 200ms ease;
}
#AU-container .AU-CTA:hover {
	color:#fff;
	border-color:transparent;
	background-color:#000;
}

#AU-container .AU-white {
	color:#fff;
	border-color:#fff;
}
#AU-container .AU-CTA.AU-white:hover, #AU-container .AU-CTA.AU-black:hover {
	color:#000;
	background-color:#fff;
}

#AU-container .AU-black {
	color:#000;
	border-color:#000;
}


/* Title */

#AU-container .AU-title h1 {
	color:#000;
	font:42px/0.8em GalanoGrotesque-Regular,Arial,'Helvetica Neue',Helvetica,sans-serif;
	letter-spacing:0.07em;
	text-transform:uppercase;
}


/* Header */

#AU-container .AU-header {
	max-width:1200px;
	background:url('/repo/JDW/desktop/pages/freeFormat/AW17/Launch/aboutus/week-35/02-images/About_us_header_v2.jpg') no-repeat center transparent;
	background-size:cover;
	padding:22.678% 0;
}

#AU-container .AU-header .AU-text-box {
	left:47.5%;
	top:-2%;
	width:46%;
}

#AU-container .AU-header h2 {
	font:114px/0.01em HaveHeartOne,TimesNewRoman,'Times New Roman',Times,Baskerville,Georgia,serif;
	text-transform:none;
	text-align:center;
	padding:10% 0 0;
	
}
#AU-container .AU-header p {
	font-size:14px;
	line-height:1.8em;
	margin:0 0 1em;
	padding:0 3%;
}


/* Section 1 - Our Style and Fit Promise 

#AU-container .AU-section-1 {
	width:100%; }

#AU-container .AU-section-1 .AU-slot {
	width:100%;
	padding-top:45.42%;
	background:url('/repo/JDW/desktop/pages/freeFormat/AW17/Launch/aboutus/02-images/AboutUs_promise_bg.jpg') no-repeat center transparent;
	background-size:contain;
}
#AU-container .AU-section-1 .AU-slot-1 {
	width:100%;	
}

#AU-container .AU-section-1 .AU-text-box {
	left:0%;
	width:32%;
}

#AU-container .AU-section-1 h2 {
	font-size:57px; 
} */

/* Section 2 - 3 slots */

#AU-container .AU-section-2 {
	width:100%;	
}

#AU-container .AU-section-2 .AU-slot {
	width:32%;
	padding-top:42.2%;
	margin:0 2% 0 0;
}

#AU-container .AU-section-2 .AU-slot-1 {
	background:url('/repo/JDW/desktop/pages/freeFormat/AW17/Launch/aboutus/02-images/AboutUs_A-Z_bg.png') no-repeat center transparent;
	background-size:contain;
	
}

#AU-container .AU-section-2 .AU-slot-2 {
	background:url('/repo/JDW/desktop/pages/freeFormat/AW17/Launch/aboutus/02-images/AboutUs_styleAd_bg.png') no-repeat center transparent;
	background-size:contain;
	
}

#AU-container .AU-section-2 .AU-slot-3 {
	background:url('/repo/JDW/desktop/pages/freeFormat/AW17/Launch/aboutus/02-images/AboutUs_VIP_bg.png') no-repeat center transparent;
	background-size:contain;
	margin:0;
}


#AU-container .AU-section-2 .AU-text-box {
	left:0%;
	top:20%;
	width:91%;
}

#AU-container .AU-section-2 h2 {
    color:#fff;
	font-size:71px;
	line-height:0.85em; }

#AU-container .AU-section-2 h3 {
    color:#fff;
	font-size:24px; }

#AU-container .AU-section-2 .AU-slot-1 h3 {text-transform:none; }

#AU-container .AU-section-2 .AU-slot-3 h3 {margin-bottom:4%; }

#AU-container .AU-section-2 p { color:#fff; padding:0 7%;}

#AU-container .AU-section-2 .AU-bottom {
	bottom:5%;
	width:45%;
	margin:0 20%;
	position:absolute;  }


#AU-container .AU-section-2 .AU-slot-2 .AU-text-box, #AU-container .AU-section-2 .AU-slot-3 .AU-text-box {top:11%; }


/* Section 3 - 2 slots */

#AU-container .AU-section-3 {
	width:100%; }


#AU-container .AU-section-3 .AU-slot-1 {
	background:url('/repo/JDW/desktop/pages/freeFormat/AW17/Launch/aboutus/week-35/02-images/AboutUs_thecut.jpg') no-repeat center transparent;
	background-size:contain;
	width:55.3%;
	padding-top:53.65%;
	margin:0 2% 0 0;	
}

#AU-container .AU-section-3 .AU-slot-1 h3 {margin-top:-36%; }

#AU-container .AU-section-3 .AU-slot-2 {
	background:url('/repo/JDW/desktop/pages/freeFormat/AW17/Launch/aboutus/week-35/02-images/AboutUs_PersonalAccountv2.jpg') no-repeat center transparent;
	background-size:contain;
	width:42.7%;
	padding-top:53.65%;
	margin:0;	
}

#AU-container .AU-section-3 .AU-text-box {
    background:rgba(252,252,252,0.9);
	top:65%;
	bottom:1%;
	left:1%;
	right:1%;
	padding:4% 5%;}



#AU-container .AU-section-3 .AU-slot-2 .AU-text-box { padding:5.5% 5%; }

#AU-container .AU-section-3 p {margin:0 0 2%; }


/* Section 4 - Life Style */


#AU-container .AU-section-4 {
width:100%;
}

#AU-container .AU-section-4 .AU-slot {
	width:100%;
	padding-top:29.4%;
	background:url('/repo/JDW/desktop/pages/freeFormat/AW17/Launch/aboutus/02-images/AboutUs_lifestyle_bg.jpg') no-repeat center transparent;
	background-size:contain;
}

#AU-container .AU-section-4 .AU-text-box {
	left:3%;
	top:26%;
	padding:0;
	width:38%;
	text-align:left;
}

#AU-container .AU-section-4 h2 {
	color:#fff;
	letter-spacing:0.04em;
	line-height:0; 
	font:117px/0.1em HaveHeartOne,TimesNewRoman,'Times New Roman',Times,Baskerville,Georgia,serif;
	text-transform:none;
}

#AU-container .AU-section-4 p {color:#fff; }
#AU-container .AU-section-4 .AU-CTA {padding:11px 57px; }


/* Section 5 - Text Only Info */

#AU-container .AU-section-5 {padding:10% 0;}

#AU-container .AU-section.AU-section-5{margin:0; }

#AU-container .AU-section-5 p {line-height:1em;}

#AU-container .AU-section-5 .AU-text-box {padding:0% 4%; }

#AU-container .AU-section-5 p.bold-title {
	font-family:GalanoGrotesque-SemiBold,Arial,'Helvetica Neue',Helvetica,sans-serif;
	text-transform:uppercase;}

/* tablet landscape */

@media all and (max-width : 1024px) {
#AU-container .AU-header p {font-size:13px; }
#AU-container .AU-title h1 {font-size:36px; margin-top:1%; }
#AU-container .AU-header h2 {font-size:92px; }
#AU-container .AU-text-box {padding:3% 4%; }
#AU-container p  {font-size:11px; }
#AU-container h2 {font-size:16px; }
#AU-container h3 {font-size:24px; }
#AU-container .AU-section-1 h2{font-size:49px; }
#AU-container .AU-section-2 h2 {font-size:56px; }
#AU-container .AU-section-2 .AU-slot-3 .AU-text-box {top:5%; }
#AU-container .AU-section-2 .AU-slot-2 img {width:88%; }
#AU-container .AU-section-2 .AU-slot-3 img {width:40%; }
#AU-container .AU-section-3 h3 img {width:49%; }
#AU-container .AU-CTA {font-size:14px; }
#AU-container .AU-section-4 h2 {font-size:93px;}
#AU-container .AU-section-4 p {font-size:12px; }
#AU-container .AU-section-5 {padding:14% 0; }
#AU-container .AU-section-5 .AU-text-box { padding:2% 3%;} 

}


/* tablet portrait */

@media all and (max-width : 768px) {
	
#AU-container .AU-title h1 {font-size:30px; }
#AU-container .AU-header h2 {font-size:71px; }
#AU-container .AU-text-box {padding:3% 4%; }
#AU-container p, #AU-container .AU-header p { font-size:10px; line-height:1.6em; padding:0 1.9%; }
#AU-container h2 {font-size:16px; }
#AU-container h3 {font-size:24px; }
#AU-container .AU-CTA {font-size:12px; padding:6px 13px; }
#AU-container .AU-section-3 .AU-slot-2 h3 {line-height:0.3em; }
#AU-container .AU-section-4 h2 {font-size:71px;}
#AU-container .AU-section-4 p {margin:0 0 1em; font-size:11px;}
#AU-container .AU-section-4 .AU-CTA {padding:6px 30px; }
#AU-container .AU-section-4 .AU-text-box {width:33%; }
#AU-container .AU-section-5 {padding:14% 0; }
#AU-container .AU-section-5 p {line-height:1.4em; }
#AU-container .AU-section-5 .AU-text-box {height:180px; padding:2% 3%;}  

}


/* mobile  landscape */

@media all and (max-width : 736px) {
	#AU-container{
		-webkit-text-size-adjust: none;}
	#AU-container .AU-title h1 {font-size:24px; }
	#AU-container .AU-desktop {display:none; }
	#AU-container .AU-mobile {display:block; }
	#AU-container .AU-header, #AU-container .AU-section-1 .AU-slot {background:none; }
	#AU-container p, #AU-container .AU-header p {font-size:10px; line-height:1.4em; padding:0 2.5%; }
	#AU-container .AU-header .AU-text-box, #AU-container .AU-section-1 .AU-text-box {top:0; left:0; padding:0; width:100% }
	#AU-container .AU-header h2, #AU-container .AU-section-1 h2 {background:#fbb900; padding:0; height:74px; line-height:1.3em; margin:0 0 0.2em;}
	#AU-container .AU-header {padding:13% 0;}
	
#AU-container .AU-section-3 .AU-slot-1, #AU-container .AU-section-3 .AU-slot-2{ background:none; padding:14% 0; width:100% }
	
	/* new */
	#AU-container .AU-section-3 .AU-slot-1 {border:8px solid #ec1c23; margin:0% 0 3% 1%; padding:13% 0; width:95.5%; }
	#AU-container .AU-section-3 .AU-slot-1 h3 {margin-top:0%; width:61%; }
	#AU-container .AU-section-3 .AU-slot-2 h3 {line-height:2em; }
	#AU-container .AU-section-3 h3 img {display:block; width:50.5%; }
	#AU-container .AU-section-3 .AU-slot-1 p {font-size:14px; margin:-19% 0 3% 30%; }
	#AU-container .AU-section-3 .AU-slot-1 .AU-CTA {margin:0 0 0 30%; } 
	
#AU-container .AU-section-3 .AU-text-box {background:none;top:0;left:0;bottom:0;position:relative; width:100%;padding:0; }
#AU-container .AU-section-3 h3 {
		font:36px/2 GalanoGrotesque-SemiBold,Arial,'Helvetica Neue',Helvetica,sans-serif;
		}

#AU-container .AU-section-3 .AU-slot-2 h3 {background:#fbb900; }	
#AU-container .AU-section-3 .AU-slot-2 .AU-text-box {padding:0; }
#AU-container .AU-section-3 p {padding:0 2%; margin-top:1%; }
#AU-container .AU-section-4 .AU-slot {background:#78c9bf; }
#AU-container .AU-section-4 .AU-text-box {text-align:center; width:92%; }
#AU-container .AU-section-4 h2 img {width:40%;}
#AU-container .AU-section-4 p {margin:0 0 1em; font-size:11px; }

}


@media all and (max-width : 568px){
	#AU-container .AU-header {padding:22% 0; }
	#AU-container .AU-section-3 .AU-slot-1 p {margin-top:-117px; }
	#AU-container .AU-section-4 .AU-text-box {top:25%; }
	

}

/* mobile  portrait */

@media all and (max-width : 414px) {
	#AU-container .AU-header {padding:36% 0; }
	#AU-container .AU-CTA {font-size:10px; }
	#AU-container p, #AU-container .AU-header p {font-size:10px; }
	#AU-container .AU-section-3 h3{font-size:27px; }
	#AU-container .AU-section-3 .AU-slot-1 {padding:13% 0; margin:-6% 0 3% 0; }
	#AU-container .AU-section-3 .AU-slot-1 p {margin-top:-93px; }
	#AU-container .AU-section-3 .AU-slot-2 {padding:18% 0; }
	#AU-container .AU-section-4 .AU-slot{padding:17% 0; }
	#AU-container .AU-section-4 h2 {font-size:53px; }
	#AU-container .AU-section-5 {height:180px; }


}

@media all and (max-width : 375px) {  
	#AU-container .AU-header {padding:44% 0; }
	#AU-container .AU-section-3 .AU-slot-1 p {font-size:12px; margin-top:-86px; }
	#AU-container .AU-section-4 p {font-size:10px; }
	#AU-container .AU-section-4 h2 {font-size:45px; }

}

@media all and (max-width : 320px) {
	#AU-container .AU-header {padding:58% 0; }
	#AU-container .AU-CTA, #AU-container .AU-section-4 .AU-CTA {padding:3px 14px; }
	#AU-container .AU-section-3 .AU-slot-1 p {font-size:10px; margin-top:-70px; }
	#AU-container .AU-section-3 .AU-slot-2 {padding:23% 0; }
	#AU-container .AU-section-4 p {line-height:1.1em; font-size:9px; }
	#AU-container .AU-section-4 .AU-slot{padding:18% 0; }

}