@import url('normalize.css');

/* GENERAL */

body{
	/*background-color:#CBD4D4;*/
	background-image:url('../images/bg.jpg');
	color:#333;
	font-family:"Libre Baskerville", Georgia, "Times New Roman", Times, serif;
}
button:active, button:focus {outline:0;}
.btn:active, .btn:focus {outline:0;}
a:active, a:focus {outline:0;}
img:active, img:focus {outline:0;}
:active, :focus {outline:0;}
iframe{border:none;}

h2,h3,h4,h5,h6{
	font-family:"Open Sans", Verdana, Geneva, sans-serif;
}
h3{
	font-size:14px;
	text-transform:uppercase;
	margin-top:0px;
}
h3.mini-title{
	color:#E8554E;
	margin-bottom:30px;
}
h3.work-title{
	line-height:30px;
	margin-bottom:0px;
}
h6{
	margin-top:25px;
	margin-bottom:0px;
	line-height:12px;
}
p{
	font-size:13px;
}

.container{
	width:1400px;
	margin:0 auto;
	background-color:#F6F7F0;
	-moz-box-shadow: 0 0 6px #999;
	-webkit-box-shadow: 0 0 6px #999;
	box-shadow: 0 0 6px #999;
}
header{
	padding-left:235px;
	padding-right:235px;
	border-bottom:4px solid #E8554E;
}
.logo h1{
	font-family:"Arvo", Verdana, Geneva, sans-serif;
	font-size:22px;
	font-weight:bold;
	text-transform:uppercase;
	color:#333;
}
nav ul{
	margin-top:25px;
}
nav ul li{
	display:inline;
	margin-left:40px;
}
nav ul li a:link, nav ul li a:visited{
	font-family:"Open Sans", Verdana, Geneva, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	text-decoration:none;
	color:#666;
}
nav ul li a:hover{
	font-family:"Open Sans", Verdana, Geneva, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	text-decoration:underline;
	color:#666;
}
.the-slider{
	height:500px;
	border-bottom:1px solid #DDDDDD;
	background-image:url('../images/slider/bg-slider.jpg');
	background-position:center center;
	background-repeat:no-repeat;
}
.content{
	padding-left:235px;
	padding-right:235px;
}
.sep{
	margin-top:50px;
	margin-bottom:40px;
	background-image:url('../images/tile-sep.png');
	background-position:center center;
	background-repeat:repeat-x;
	height:8px;
}

/* APPARELS */

.apparel-sensible{
	position:relative;
	margin-top:-58px;
	width:310px;
	float:left;
	text-align:center;
}
.apparel-object{
	background-color:#FFF;
	position:relative;
	margin-top:-365px;
	width:310px;
	float:left;
	text-align:center;
	moz-box-shadow: 2px 2px 5px #999;
	-webkit-box-shadow: 2px 2px 5px #999;
	box-shadow: 2px 2px 5px #999;
	z-index:100;
}
.apparel-title{
	background-color:#E8554E;
	padding:5px;
	text-align:center;
	font-size:12px;
	color:#FFF;
	margin-top:0px;
}
.apparel-text{
	padding:10px 20px;
	line-height:22px;
}
.apparel-contest{
	margin-top:20px;
}
.apparel-icon{
}
.apparel-contest h2{
	font-size:20px;
	margin-bottom:0px;
	line-height:30px;
}
.apparel-contest p{
	margin-top:0px;
	margin-bottom:25px;
	color:#999;
	font-style:italic;
}
.apparel-contest p.apparel-more{
	color:#DDD;
}

/* LAST WORKS */

.work{
	padding:30px;
	background-color:#FFF;
	border:1px solid #EEE;
}
.work-img{
}
.work:hover{
	-moz-box-shadow: 0 0 5px #CCC;
	-webkit-box-shadow: 0 0 5px #CCC;
	box-shadow: 0 0 5px #CCC;
}
.work-type{
	color:#AAAAAA;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
}
.work p{
	color:#999;
}
.work a:link, .work a:visited{
	margin-top:15px;
	font-family:"Open Sans", Verdana, Geneva, sans-serif;
	color:#AAAAAA;
	font-size:12px;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
}
.work a:hover{
	margin-top:15px;
	font-family:"Open Sans", Verdana, Geneva, sans-serif;
	color:#666;
	font-size:12px;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
}
.work a.link-work:link, .work a.link-work:visited{
	color:#E8554E;
	text-transform:capitalize;
	text-decoration:none;
}
.work a.link-work:hover{
	color:#E8554E;
	text-decoration:underline;
}
.btn-other-works{
	margin-top:20px;
}
.follow{
	position:absolute;
	margin-top:-10px;
	margin-left:210px;
}

/* PROCESS */

.process{
	background-image:url('../images/process/bg-process.jpg');
	background-position:center 90px;
	background-repeat:no-repeat;
}
.process-phase{
	float:left;
	width:186px;
	text-align:center;
}
.process-phase h4{
	margin-bottom:0px;
}
.process-phase p{
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	color:#666;
}

/* FOOTER */

footer{
	background-image:url('../images/footer/bg-footer.jpg');
	background-repeat:repeat;
	border-top:1px solid #CCCCCC;
	padding:50px 235px;
}
.input-prepend input, .input-prepend .add-on{
	height:30px;
}
form{
	margin-top:25px;
}
form input{
	padding:10px;
}
form textarea{
	margin-top:15px;
	width:492px;
}
.btnsubmit{
	font-weight:bold;
	margin-top:20px;
	padding:10px;
	margin-right:18px;
}
footer a:link, footer a:visited{
	color:#E8554E;
}
.sep2{
	margin-top:20px;
	margin-bottom:20px;
}
footer a.link-ext{
	font-size:12px;
	font-family:"Open Sans", Verdana, Geneva, sans-serif;
}

/* PAGE END */

.page-end{
	background-color:#E8554E;
	border-top:2px solid #B03F3C;
	padding:0px 235px;
	height:45px;
}
.page-end p{
	font-size:11px;
	color:#FFF;
}
.page-end a{
	color:#FFF;
}
.linkedin{
	background-color:#FF5C57;
}
.linkedin img{
	margin-top:3px;
}

/* MODAL */

.modal{
}
.modal-header{
	background-color:#E8554E;
}
.modal-header h3{
	color:#FFFFFF;
}
.close{
	font-family:"Open Sans", Verdana, Geneva, sans-serif;
}

/* MEDIA QUERIES */

@media screen and (max-width: 1420px){
	.container, .iosSlider, .iosSlider .slider .item { width: 1100px; }
    header, footer, .page-end, .content { padding-left:85px; padding-right:85px; }
	.iosSliderButtons{ right:140px; }
}