@charset "utf-8";
/* CSS Document */


.clear{
	clear:both;
}

body{
	margin:0;
	font-family:'portico-light';
	min-width:1200px;
}

@font-face {
    font-family: 'portico-outline';
    src: url('fonts/portico_outline-webfont.woff2') format('woff2'),
         url('fonts/portico_outline-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'portico-reg';
    src: url('fonts/portico_regular-webfont.woff2') format('woff2'),
         url('fonts/portico_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'portico-light';
    src: url('fonts/portico_light-webfont.woff2') format('woff2'),
         url('fonts/portico_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.main{
	width:1200px;
	margin:0 auto;
}

#topwrapper{
	position:fixed;
	top:0;
	padding:15px 0;
	border-bottom:2px solid #b32857;
	background:#FFF;
	width:100%;
	z-index:99;
}

#topwrapper .logo{
	float:left;
	width:20%;
}

#topwrapper .insta{
	float: left;
    margin: 15px 0 0 38%;
}

#topwrapper .insta a{
	color:inherit;
	text-decoration:none;
}

#topwrapper .link{
	color:#000;
	border:1px solid #000;
	font-size:14px;
	display:block;
	float:right;
	width:10%;
	padding:12px 0;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
}

#topwrapper .link:hover {
	background-color:#000;
	color:#FFF;
}

#head{
	background-image:url(images/billboard.jpg);
	background-size:cover;
	 
	background-position:top right;
	position:relative;
	margin:60px 0 0 0;
}

#head .text{
	color:#fff;
	font-size:25px;
	position:relative;
	z-index:9;
	width:30%;
	text-transform:uppercase;
	padding:150px 0;
}

#head .large{
	font-size:36px;
	font-family:'portico-reg';
}

#head .overlay{
	position:absolute;
	top:0;
	left:0;
	width:40%;
	height:100%;
	background:rgba(117,26,57,0.8);
}

#content{
	padding:100px 0;
	text-transform:uppercase;
	text-align:center;
}

#content .wrapper{
	width:75%;
	font-size:72px;
	margin:0 auto;
}

#content span{
	color:#b32857;
}

#content .title{
	font-size:72px;
	line-height:65px;
	color:#0670b8;
}

.title{
	font-family:'portico-outline';
	text-align:center;
	margin:0 0 40px 0;
}

#content .icon{
	float:left;
	width:28%;
	font-size:25px;
}

#content .icon.drivers{
	margin:0 70px;
}

#content .image{
	width:40%;
	margin:0 auto 30px auto;
}

#content .large{
	font-size:40px;
}

#contact{
	padding:100px 0;
	background-size:cover;
	background-attachment:fixed;
	background-image:url(images/contact.jpg);
}

#contact .title{
	color:#fff;
	font-size:105px;
	margin:0px;
}

#contact .subtitle{
	text-align:center;
	margin:0px 0px 20px 0px;
}

#contact .subtitle a {
	color:#FFF;
	text-decoration:none;
}

#contact form{
	width:65%;
	margin:0 auto;
}

#contact .textfield, #contact .textarea{
	padding:15px 0 15px 2%;
	width:98%;
	margin:0 0 7px 0;
	border:none;
	background:#fff;
}

#contact .textarea{
	resize:none;
}

#contact #response {
	background:#FFF;
	width:50%;
	text-align:center;
	margin:0 auto;
}

#contact .float{
	float:left;
	width:47.6%;
}

#contact .right{
	float:right;
}

#contact .captcha{
	float:left;
	width:50%;
}

#contact .submit{
	float:right;
	display:block;
	cursor:pointer;
	color:#fff;
	font-family:'portico-light';
	background:#b32857;
	padding:10px 0;
	width:15%;
	font-size:16px;
	border:none;
	text-align:center;
	text-transform:uppercase;
}

#footerwrapper{
	background:#000;
	padding:20px 0;
	color:#fff;
}

#footerwrapper a{
	color:#fff;
	text-decoration:none;
}

#footerwrapper .left{
	font-size:16px;
	float:left;
	width:50%;
	text-transform:uppercase;
}

#footerwrapper .right{
	float:right;
	text-align:right;
	font-size:11px;
	width:50%;
}

.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  padding:0 0 0 12px;
  line-height: 1;
  color:#b32857;
 -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook:before {
  content: "\f09a";
}
.fa-instagram:before {
  content: "\f16d";
}

.fa-whatsapp:before {
  content: "\f232";
}

/*Mobile*/
@media (max-width: 1200px) {
	body{
		min-width:1000px;
	}
	
	.main{
		width:1000px;
	}
	
	#topwrapper .insta{
		margin:15px 0 0 25%;
	}
	
	#head .text{
		padding:100px 0;
	}
	
	#head .large{
		font-size:30px;
	}
	
	#content .wrapper{
		width:90%;
	}
}

@media (max-width: 1000px) {
	body{
		min-width:960px;
	}
	
	.main{
		width:960px;
	}
	
	#head .text {
		padding: 50px 0;
		width:45%;
	}
	
	#head .text br{
		display:none;
	}
	
	#head .space{
		padding:5px 0;
	}
	
	#head .overlay{
		width:45%;
	}
	
	#head{
		background-attachment:scroll;
	}
	
	#content .wrapper {
		width: 100%;
	}
}

@media (max-width: 960px) {
	body{
		min-width:100%;
	}
	
	.main{
		width:95%;
	}
	
	#content .icon.drivers {
		margin: 0 60px;
	}
	
	#content .icon{
		font-size:22px;
	}
	
	#content .large {
		font-size: 30px;
	}

}

@media (max-width: 850px) {
	#head .text{
		font-size:22px;
	}
	
	#topwrapper .insta{
		width:220px;
		margin:0 0 0 15%;
	}
	
	#content, #contact{
		padding:50px 0;
	}
	
	#content .title{
		font-size:52px;
		line-height:55px;
	}
	
	#content .icon.drivers {
		margin: 0 50px;
	}
	
	#content .icon {
		font-size: 20px;
	}
	
	#contact form{
		width:80%;
	}
}

@media (max-width: 750px) {
	#topwrapper .logo{
		width:25%;
	}
	
	#topwrapper .link{
		width:15%;
	}
	
	#head .large {
		font-size: 25px;
	}
	
	#head .text{
		width:75%;
	}
	
	#head .overlay {
		width: 75%;
	}
	
	#content .icon.drivers {
		margin: 0 40px;
	}
	
	#content .icon {
		font-size: 16px;
	}
	
	#content .large {
		font-size: 20px;
	}
	
	#content .image {
		width: 45%;
		margin: 0 auto 20px auto;
	}
	
	#contact .title{
		font-size:95px;
	}
	
	#contact form {
		width: 100%;
	}
}

@media (max-width: 650px) {
	
	#head .text {
		font-size: 18px;
		padding:30px 0;
		width:80%;
	}
	
	#head .overlay {
		width: 80%;
	}
	
	#content .title{
		font-size:42px;
		line-height:38px;
		margin:0 0 30px 0;
	}
	
	#content .icon.drivers {
		margin: 0 0px;
	}
	
	#content .icon{
		width:33%;
	}
	
	#contact .title {
		font-size: 75px;
	}
}

@media (max-width: 550px) {
	#topwrapper .logo {
		width: 35%;
	}
	
	#topwrapper .insta{
		width: auto;
		margin: 10px 0 0 28%;
		font-size: 24px;
	}
	
	#topwrapper .insta .text{
		display:none;
	}
	
	#topwrapper .link {
		width: 25%;
	}
	
	#head{
		background-image:url(images/billboard-mobile.jpg);
		background-position:top center;
	}
	
	#head .large {
		font-size: 20px;
	}
	
	#head .text{
		font-size:15px;
	}
	
	#content, #contact {
		padding: 30px 0;
	}
	
	#content .title {
		font-size: 32px;
		line-height:28px;
	}
	
	#content .icon {
		font-size: 14px;
	}
}

@media (max-width: 450px) {
	#head .text {
		font-size: 13px;
		width:100%;
	}
	
	#head .overlay {
		width: 100%;
	}
	
	#content .icon {
		font-size: 12px;
	}
	
	#content .large{
		font-size:15px;
	}
	
	#content .image {
		width: 50%;
		margin: 0 auto 10px auto;
	}
	
	#contact .title {
		font-size: 60px;
	}
	
	#contact .float, #contact .right, #contact .captcha, #contact #response {
		float:none;
		width:98%;
	}
	
	#contact .submit{
		margin:5px 0px;
		width:100%;
	}
	
	#footerwrapper .left, #footerwrapper .right{
		float:none;
		width:100%;
		text-align:center;
	}
}