@charset "utf-8";
/* CSS Document by CJX @ OAS */

/************/
/* DOCUMENT */
/************/

body {
	padding: 0;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	color: #FFF;
}

h1 {
	font-size: 100px;
	text-transform: uppercase;
	
	margin: 0;
}

h2 {
	font-size: 60px;
	text-transform: uppercase;
	margin: 0 0 100px;
	text-shadow: 2px 2px #666;
}

h3 {
	font-size: 48px;
	text-shadow: 2px 2px #666;
	margin: 0 0 60px;
}

p {
	margin: 50px;
	font-size: 18px;
}

section {
	padding: 0 20px;
	margin: 0;
}

ul {
	list-style-type: none;
}

a {
	color: #FFF;
}

a:hover {
	color: #CCC;
	text-decoration: none;
}

/**********/
/* GLOBAL */
/**********/

.container-fluid {
	padding: 0;
	margin: 0;
}

.relative {
	position: relative;
}

#mainLogo {
	position: fixed;
	left: 5%;
	top: 3em;
	
	z-index: 100;
}
#mainLogoSmall {
	position: fixed;
	left: 5%;
	top: 3em;
	
	z-index: 99;
}
#mainLogoTablet {
	position: relative;
	left: 5%;
	top: 3em;
	
	z-index: 100;
}
#mainLogoPhone {
	margin: auto;
	padding-top: 20px;
}

#navigation {
	position: fixed;
	right: 10%;
	top: 3em;
	text-shadow: 2px 2px #666;
	
	z-index: 98;
}
	#navigation li {
		padding: 1em;
		font-size: 18px;
		font-weight: 400;
		color: #FFF;
		text-transform: uppercase;
	}

#navigationTablet {
	position: relative;
	right: 10%;
	top: 3em;
	text-shadow: 2px 2px #666;
}
	#navigationTablet li {
		padding: 1em;
		font-size: 18px;
		font-weight: 400;
		color: #FFF;
		text-transform: uppercase;
	}
	
#navigationPhone {
	margin: 50px auto;
	text-shadow: 2px 2px #666;
}
	#navigationPhone li {
		padding: 1em;
		font-size: 18px;
		font-weight: 400;
		color: #FFF;
		text-transform: uppercase;
		text-align: center;
	}
	
.mannequins {
	margin: 20px;
}

/************/
/* SECTIONS */
/************/

/* SECTION 1 */

#section1 {
	background: url(../img/bg/section1.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	overflow: hidden;
}

#slogan {
	text-align: center;
	margin: 350px 0;
	position: relative;
}
	#slogan img {
		position: relative;
	}
	#slogan img:nth-child(1) {
		padding: 30px 6px;
	}
	#slogan img:nth-child(2) {
		padding: 50px 250px;
	}
	#slogan img:nth-child(3) {
		padding: 20px 50px;
	}
	#slogan img:nth-child(4) {
		padding: 10px 76px;
	}

#sloganPhone {
	text-align: center;
	margin: 100px 0 300px 0;
}
	#slogan img:nth-child(1) {
		padding: 50px auto;
	}
	#slogan img:nth-child(2) {
		padding: 10px auto;
	}
	#slogan img:nth-child(3) {
		padding: 20px auto;
		margin-top: -30px;
	}
	#slogan img:nth-child(4) {
		padding: 50px auto;
	}

/* SECTION 2 */

#section2 {
	background: url(../img/bg/section2.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	overflow: hidden;
	
	padding: 300px 21% 300px;
}
	#section2.visible-tablet {
		padding: 200px 5%;
	}	
	#section2.visible-phone {
		padding: 100px 2%;
	}

/* SECTION 3 */

#section3 {
	background: url(../img/bg/section3.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	overflow: hidden;
	
	padding: 300px 21% 300px;
}
	#section3.visible-tablet {
		padding: 100px 5%;
	}
	#section3.visible-phone {
		padding: 100px 2%;
	}

/* SECTION 4 */

#section4 {
	background: url(../img/bg/section4.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	overflow: hidden;
	
	padding: 300px 21% 300px;
}
	#section4.visible-tablet {
		padding: 120px 5%;
	}
	#section4.visible-phone {
		padding: 120px 2%;
	}
	
.c-textarea {
	width: 100%;
	height: 185px;
	resize: none;
}
	.c-textarea-mobile {
		width: 95%;
		height: 185px;
		resize: none;
	}

#comentarios {
	width: 40%
}