* {
	margin:0;
	padding:0;
	outline:0;
	-webkit-font-smoothing: antialiased;
}
html,
body {
	overflow-x:hidden;
}
body {
	color:#545b5c;
	font-size:14px;
	font-family: 'vw_headregular';
	background:#fff;
}
.btn {
	height:46px;
	line-height:46px;
	padding:0 20px;
	border:0;
	background:#fff;
	color:#545b5c;
	font-size:22px;
	font-family: 'vw_headbold';
	text-align:center;
	text-transform:uppercase;
	display:inline-block;
	vertical-align:top;
}
.btn:hover {
	height:44px;
	line-height:44px;
	padding:0 19px;
	background:#07b6e6;
	color:#fff;
	border:#fff 1px solid;
}
.ir {
    border: 0;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}
.center {
	width:100%;
	max-width:1180px;
	margin:auto;
}
.middle {
	top:50%;
	left:50%;
	position:absolute;
	/*-ms-transform: translate(-50%,-50%);
   	-webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);*/
}
.hide-desk {
	display:none;
}
.boxMessage {
	line-height:24px;
	max-width:500px;
	padding:30px 60px;
	font-size:18px;
	color:#545b5c;
	text-align:center;
}
	.boxMessage strong {
		font-weight:normal;
		font-family: 'vw_headbold';
		margin-bottom:20px;
		display:block;
	}
	#header {
		width:100%;
		height:111px;
		padding:0 10px;
		background:#fff;
		top:0;
		left:0;
		position:fixed;
		z-index:100;
	}
		#header .logo {
			width:40px;
			height:40px;
			margin:10px 0 0 0;
			background:url(images/logo.png);
			background-size:cover;
			float:left;
		}
		#header .openMenu {
			display:none;
		}
		#header .title {
			line-height:60px;
			font-size:18px;
			font-family: 'vw_headbold';
			color:#000;
			text-transform:uppercase;
			float:right;
		}
		#menu {
			width:100%;
			height:50px;
			line-height:50px;
			border-top:#e6e6e6 1px solid;
			background:#ebebeb;
			bottom:0;
			left:0;
			position:absolute;
		}
			#menu ul {
				width:100%;
				text-align:center;
			}
				#menu ul li {
					height:38px;
					line-height:38px;
					margin:6px 0;
					padding:0 30px;
					border-left:#eee 1px solid;
					list-style:none;
					display:inline-block;
					vertical-align:top;
				}
				#menu ul li:first-child {
					border:0;
				}
					#menu ul li a {
						font-size:14px;
						color:#545b5c;
						text-transform:uppercase;
						text-decoration:none;
					}
					#menu ul li a:hover,
					#menu ul li.active a {
						color:#07b6e6;
					}
		#nav {
			width:10px;
			height:calc(100% - 111px);
			top:111px;
			right:26px;
			position:fixed;
			z-index:100;
		}
			#nav ul {
				margin-top:-50px;
				top:50%;
				left:0;
				position:absolute;
			}
				#nav ul li {
					width:10px;
					height:10px;
					margin-top:8px;
					list-style:none;
				}
				#nav ul li:first-child {
					margin:0;
				}
					#nav ul li a {
						width:10px;
						height:10px;
						-webkit-border-radius: 5px;
						border-radius: 5px;
						position:relative;
						display:block;
					}
					#nav ul li.active a {
						background:#06c2f5;
					}
					#nav.white ul li.active a {
						background:#fff;
					}
						#nav ul li a:after {
							width:6px;
							height:6px;
							-webkit-border-radius: 3px;
							border-radius: 3px;
							background:#06c2f5;
							content:'';
							top:2px;
							left:2px;
							position:absolute;
						}
						#nav.white ul li a:after {
							background:#fff;
						}
						#nav ul li.active a:after {
							background:#fff;
						}
						#nav.white ul li.active a:after {
							background:#06c2f5;
						}
	#container {
		width:100%;
		height:600%;
		position:relative;
	}
		#container > div {
			width:100%;
			height:16.6666%;
			position:relative;
		}
			#container .content {
				width:100%;
				height:calc(100% - 111px);
				top:111px;
				left:0;
				position:absolute;
			}
		#home {
			background:url(images/bg-home.jpg) center center no-repeat;
			background-size:cover;
			text-align:center;
		}
			#home p {
				line-height:24px;
				padding-top:20px;
				font-size:18px;
				color:#fff;
				text-transform:uppercase;
			}
			#home a {
				width:260px;
				padding-top:150px;
				margin:100px auto 0;
				font-size:18px;
				color:#fff;
				text-transform:uppercase;
				text-decoration:none;
				display:block;
				position:relative;
			}
				#home a:before {
					width:117px;
					height:118px;
					margin-left:-58px;
					content:'';
					background:url(images/home-link.png);
					top:0;
					left:50%;
					position:absolute;
					-webkit-transition: all 0.5s ease-in-out;
				    -moz-transition: all 0.5s ease-in-out;
				    -o-transition: all 0.5s ease-in-out;
				    transition: all 0.5s ease-in-out;
				}
				#home a:hover:before {
					opacity:0;
				}
				#home a:after {
					width:117px;
					height:118px;
					margin-left:-58px;
					content:'';
					background:url(images/home-link.png) top right;
					top:0;
					left:50%;
					position:absolute;
					opacity:0;
					-webkit-transition: all 0.5s ease-in-out;
				    -moz-transition: all 0.5s ease-in-out;
				    -o-transition: all 0.5s ease-in-out;
				    transition: all 0.5s ease-in-out;
				}
				#home a:hover:after {
					opacity:1;
				}
		#calendario {
			background:url(images/bg-calendario.jpg) center center no-repeat;
			background-size:cover;
		}
			#container #calendario .content {
				height:calc(100% - 361px);
			}
				#calendario .content h2 {
					margin-bottom:20px;
					font-size:72px;
					font-family: 'vw_headbold';
					color:#fff;
					text-align:center;
					text-transform:uppercase;
				}
					#calendario .content ul {
						text-align:center;
					}
						#calendario .content ul li {
							width:184px;
							height:142px;
							padding:20px 0;
							margin:0 15px;
							border:#06c2f5 1px solid;
							list-style:none;
							text-align:center;
							display:inline-block;
							vertical-align:top;
							position:relative;
						}
						#calendario .content ul li:after {
							width:160px;
							height:1px;
							background:#06c2f5;
							content:'';
							bottom:9px;
							left:0;
							position:absolute;
						}
							#calendario .content ul li p.city {
								width:100%;
								height:48px;
								line-height:24px;
								font-size:18px;
								font-family: 'vw_headbold';
								color:#fff;
								text-transform:uppercase;
								display:table;
								text-align:center;
							}
								#calendario .content ul li p.city span {
									height:48px;
									display:table-cell;
									vertical-align:bottom;
								}
							#calendario .content ul li p.date {
								width:100%;
								font-size:72px;
								color:#fff;
								text-transform:uppercase;
								text-align:center;
							}
			#cadastro {
				width:100%;
				height:250px;
				background:#07b6e6;
				bottom:0;
				left:0;
				position:absolute;
			}
				#cadastro .center {
					width:790px;
					text-align:center;
				}
					#cadastro p.title {
						padding:15px 0;
						font-size:18px;
						color:#fff;
						text-transform:uppercase;
					}
					#cadastro p.advice {
						font-size:14px;
						color:#fff;
						text-align:left;
					}
					#cadastro p.advice.error {
						color:#c90707;
					}
						#cadastro input {
							width:100%;
							height:46px;
							line-height:22px;
							padding:10px 12px;
							border:#fff 1px solid;
							font-size:18px;
							text-align:left;
							color:#fff;
							background:none;
							-webkit-box-sizing: border-box;
		 					-moz-box-sizing: border-box;
		  					box-sizing: border-box;
		  					border-radius: 0;
		  					-webkit-appearance: none;
						}
						#cadastro input.unhappy {
							border-color:#c90707;
						}
						::-webkit-input-placeholder {
						    color:#fff;
						}
						:-moz-placeholder {
						   color:#fff;
						   opacity:1;
						}
						::-moz-placeholder {
						   color:#fff;
						   opacity:1;
						}
						:-ms-input-placeholder {
						   color:#fff;
						}
					#cadastro .center > div {
						height:46px;
						padding:8px 0 0;
					}
						#cadastro .item {
							float:left;
						}
							#cadastro .item.email {
								width:386px;
							}
							#cadastro .item.uf {
								width:67px;
								margin:0 9px 0 18px;
								text-align:center;
							}
							#cadastro .item.cidade {
								width:310px;
							}
					#cadastro button {
						margin-top:15px;
						cursor:pointer;
					}
		#experiencias {
			background:#f1f5f6;
		}
			#experiencias .header {
				width:100%;
				height:200px;
				top:111px;
				left:0;
				position:absolute;
			}
				#experiencias .header h2 {
					padding-top:10px;
					font-size:72px;
					font-family: 'vw_headbold';
					color:#545b5c;
					text-align:center;
					text-transform:uppercase;
				}
				#experiencias .header h3 {
					margin-bottom:20px;
					font-size:24px;
					font-weight:normal;
					color:#545b5c;
					text-align:center;
					text-transform:uppercase;
				}
				#experiencias .header ul {
					text-align:center;
				}
					#experiencias .header ul li {
						width:15%;
						list-style:none;
						display:inline-block;
						vertical-align:top;
					}
						#experiencias .header ul li a {
							padding-bottom:6px;
							font-size:24px;
							color:#545b5c;
							text-decoration:none;
						}
						#experiencias .header ul li:hover a {
							border-bottom:#545b5c 1px solid;
						}
						#experiencias .header ul li.active a {
							font-family: 'vw_headbold';
							border-bottom:#545b5c 1px solid;
							color:#06c2f5;
						}
			#experiencias .content {
				height:calc(100% - 311px);
				top:auto;
				bottom:0;
			}
				#experiencias .content .item.full {
					width:100%;
				}
				#experiencias .content .item {
					display:none;
				}
				#experiencias .content .item.active {
					display:block;
				}
					#experiencias .content .item p {
						margin-bottom:20px;
						line-height:24px;
						font-size:18px;
						color:#545b5c;
						text-align:center;
					}
					#experiencias .content .item ul.cars {
						text-align:center;
					}
						#experiencias .content .item ul.cars li {
							width:180px;
							list-style:none;
							text-align:center;
							display:inline-block;
							vertical-align:top;
						}
							#experiencias .content .item ul.cars li div.img {
								width:180px;
								height:75px;
								display:table;
							}
								#experiencias .content .item ul.cars li div.img span {
									display:table-cell;
									vertical-align:middle;
								}
							#experiencias .content .item ul.cars li p {
								font-family: 'vw_headbold';
								margin-bottom:5px;
							}
					#experiencias .content .item .ilustration {
						width:100%;
						position:relative;
						overflow:hidden;
					}
						#experiencias .content .item .ilustration img {
							width:100%;
							height:auto;
						}
						#experiencias .content .item .ilustration .height {
							opacity:0;
						}
						#experiencias .content .item .ilustration .left {
							width:0;
							height:100%;
							top:0;
							left:0;
							position:absolute;
							overflow:hidden;
							-webkit-transition: all 0.65s ease-in-out;
						    -moz-transition: all 0.65s ease-in-out;
						    -o-transition: all 0.65s ease-in-out;
						    transition: all 0.65s ease-in-out;
						}
						#experiencias .content .item.animate .ilustration .left {
							width:55.833%;
						}
							#experiencias .content .item .ilustration .left img{
								width:auto;
								height:100%;
							}
						#experiencias .content .item .ilustration .right {
							width:44.167%;
							height:0;
							top:0;
							right:0;
							position:absolute;
							overflow:hidden;
							-webkit-transition: all 0.5s ease-in-out;
						    -moz-transition: all 0.5s ease-in-out;
						    -o-transition: all 0.5s ease-in-out;
						    transition: all 0.5s ease-in-out;
						    -webkit-transition-delay: 0.5s; /* Safari */
    						transition-delay: 0.5s;
						}
						#experiencias .content .item.animate .ilustration .right {
							height:100%;
						}
							#experiencias .content .item .ilustration .right img {
								width:100%;
								height:auto;
							}
							#experiencias .content .item .ilustration .right div.box {
								width:50%;
								height:100%;
								-webkit-transition: all 0.5s ease-in-out;
							    -moz-transition: all 0.5s ease-in-out;
							    -o-transition: all 0.5s ease-in-out;
							    transition: all 1s ease-in-out;
							    -webkit-transition-delay: 1s; /* Safari */
	    						transition-delay: 1s;
	    						opacity:0;
							}
							#experiencias .content .item.animate .ilustration .right div.box {
								opacity:1;
							}
								#experiencias .content .item .ilustration .right div.box img {
									width:auto;
									height:100%;
									top:0;
									left:0;
									position:absolute;
								}
							#experiencias .content .item .ilustration .right div.text {
								height:100%;
								top:0;
								left:0;
								position:absolute;
								-webkit-transition: all 0.5s ease-in-out;
							    -moz-transition: all 0.5s ease-in-out;
							    -o-transition: all 0.5s ease-in-out;
							    transition: all 0.5s ease-in-out;
							    -webkit-transition-delay:1.1s; /* Safari */
    							transition-delay: 1.1s;
								opacity:0;
							}
							#experiencias .content .item.animate .ilustration .right div.text {
								opacity:1;
							}
								#experiencias .content .item .ilustration .right div.text img {
									width:auto;
									height:100%;
								}
							#experiencias .content .item .ilustration div.carro {
								height:100%;
								top:0;
								right:0;
								position:absolute;
								-webkit-transition: all 0.5s ease-in-out;
							    -moz-transition: all 0.5s ease-in-out;
							    -o-transition: all 0.5s ease-in-out;
							    transition: all 0.5s ease-in-out;
							    -webkit-transition-delay:1.1s; /* Safari */
    							transition-delay: 1.1s;
								opacity:0;
							}
							#experiencias .content .item.animate .ilustration div.carro {
								opacity:1;
							}
								#experiencias .content .item .ilustration div.carro img {
									width:auto;
									height:100%;
								}
						
		#instagram {
			background:#f1f5f6;
		}
			#instagram .header {
				width:100%;
				height:120px;
				top:111px;
				left:0;
				position:absolute;
			}
				#instagram .header h2 {
					padding-top:10px;
					font-size:72px;
					font-family: 'vw_headbold';
					color:#545b5c;
					text-align:center;
					text-transform:uppercase;
				}
			#instagram .content {
				height:calc(100% - 351px);
				top:231px;
			}
				#instagram .content .gallery {
					text-align:center;
				}
					#instagram .content .gallery li {
						width:280px;
						margin:8px 6px;
						list-style:none;
						display:inline-block;
						vertical-align:top;
					}
						#instagram .content .gallery li .img {
							width:280px;
							height:140px;
							background-position:center;
							background-repeat:no-repeat;
							background-size:cover;
							position:relative;
							overflow:hidden;
						}
							#instagram .content .gallery li .img img {
								width:280px;
								height:auto;
								top:50%;
								left:50%;
								position:absolute;
								-ms-transform: translate(-50%,-50%);
	   							-webkit-transform: translate(-50%,-50%);
	    						transform: translate(-50%,-50%);
							}
						#instagram .content .gallery li .box {
							width:200px;
							height:160px;
							padding:10px 40px;
							background:#06c2f5;
							position:relative;
						}
						#instagram .content .gallery li .box:after {
							width:31px;
							height:16px;
							background:url(images/box-arrow.png);
							content:'';
							margin-left:-15px;
							top:-16px;
							left:50%;
							position:absolute;
						}
							#instagram .content .gallery li .box .user {
								padding:3px;
								border:#f1f5f6 2px solid;
								-webkit-border-radius: 29px;
								border-radius: 29px;
								display:inline-block;
								vertical-align:top;
							}
								#instagram .content .gallery li .box .user img {
									width:48px;
									height:48px;
									-webkit-border-radius: 24px;
									border-radius: 24px;
								}
							#instagram .content .gallery li .box p {
								line-height:20px;
								font-size:18px;
								color:#fff;
							}
							#instagram .content .gallery li .box p + p {
								width:100%;
								height:80px;
								overflow:hidden;
							}
							#instagram .content .gallery li .box p.title {
								font-family: 'vw_headbold';
							}
			#instagram .footer {
				width:100%;
				height:120px;
				text-align:center;
				bottom:0;
				left:0;
				position:absolute;
			}
				#instagram .footer a {
					padding:0 75px;
					margin-top:40px;
					background:#06c2f5;
					color:#fff;
					text-decoration:none;
				}
				#instagram .footer a:hover {
					height:48px;
					line-height:48px;
					padding:0 74px;
					border:#06c2f5 1px solid;
					background:#fff;
					color:#06c2f5;
				}
		#album {
			background:#f1f5f6;
		}
			#album .header {
				width:100%;
				height:100px;
				top:111px;
				left:0;
				position:absolute;
			}
				#album .header h2 {
					padding-top:10px;
					font-size:72px;
					font-family: 'vw_headbold';
					color:#545b5c;
					text-align:center;
					text-transform:uppercase;
				}
			#album .content {
				height:calc(100% - 211px);
				top:211px;
			}
				#album .content .gallery {
					text-align:center;
				}
					#album .content .gallery li {
						width:280px;
						height:180px;
						margin:8px 6px;
						list-style:none;
						display:inline-block;
						vertical-align:top;
						position:relative;
						overflow:hidden;
					}
						#album .content .gallery li a {
							width:280px;
							height:280px;
							top:50%;
							left:50%;
							position:absolute;
							-ms-transform: translate(-50%,-50%);
   							-webkit-transform: translate(-50%,-50%);
    						transform: translate(-50%,-50%);
    						background:#000;
						}
						#album .content .gallery li img {
							width:280px;
							height:280px;
							-webkit-transition: all 0.25s ease-in-out;
						    -moz-transition: all 0.25s ease-in-out;
						    -o-transition: all 0.25s ease-in-out;
						    transition: all 0.25s ease-in-out;
						}
						#album .content .gallery li:hover img {
							width:310px;
							height:310px;
							opacity:0.7;
							margin-top:-15px;
							margin-left:-15px;
						}
				.pagination {
					margin-top:20px;
					text-align:center;
					position:relative;
				}
					.pagination a.backward {
						position:absolute;
						margin:-1px 0 0 -15px;
						padding:6px; /* Arrow size */
						box-shadow: 1px -1px 0 1px #00c0f5 inset;
						-webkit-box-shadow: 2px -2px #00c0f5 inset;
						border: solid transparent;
   						-ms-transform: rotate(45deg);
					    -webkit-transform: rotate(45deg);
					    transform: rotate(45deg);
					}
					.pagination a.backward.off {
						cursor:default;
						opacity:0.4;
					}
					.pagination a.forward {
						position:absolute;
						margin:-2px 0 0 -5px;
						padding:6px; /* Arrow size */
						box-shadow: 1px -1px 0 1px #00c0f5 inset;
						-webkit-box-shadow: 2px -2px #00c0f5 inset;
						border: solid transparent;
   						-ms-transform: rotate(225deg);
					    -webkit-transform: rotate(225deg);
					    transform: rotate(225deg);
					}
					.pagination a.forward.off {
						cursor:default;
						opacity:0.4;
					}
					.pagination .scroll {
						width:168px;
						height:14px;
						position:relative;
						overflow:hidden;
						display:inline-block;
						vertical-align:top;
					}
						.pagination .scroll .bullets {
							min-width:168px;
							top:0;
							left:0;
							position:absolute;
						}
							.pagination a.circle {
								width:14px;
								height:14px;
								margin:0 5px;
								background:#06c2f5;
								-webkit-border-radius: 7px;
								border-radius: 7px;
								display:inline-block;
								vertical-align:top;
							}
							.pagination a.circle.current {
								width:8px;
								height:8px;
								border:#06c2f5 3px solid;
								background:#fff;
							}

		#mais {
			background:#06c2f5;
		}
			#mais .header {
				width:100%;
				height:calc(60% - 100px);
				top:0;
				left:0;
				position:absolute;
			}
				#mais .header .middle {
					width:100%;
				}
					#mais .header h2 {
						padding:0 0 20px;
						font-size:72px;
						font-family: 'vw_headbold';
						color:#fff;
						text-align:center;
						text-transform:uppercase;
					}
					#mais .header ul.links {
						text-align:center;
					}
						#mais .header ul.links li {
							width:184px;
							margin:0 10px;
							list-style:none;
							display:inline-block;
							vertical-align:top;
						}
							#mais .header ul.links li a {
								font-size:18px;
								color:#fff;
								text-transform:uppercase;
								text-decoration:none;
							}
								#mais .header ul.links li a div.img {
									width:184px;
									height:105px;
									overflow:hidden;
									background:#000;
								}
									#mais .header ul.links li a div.img img {
										width:186px;
										height:107px;
										margin-top:-1px;
										margin-left:-1px;
										-webkit-transition: all 0.25s ease-in-out;
									    -moz-transition: all 0.25s ease-in-out;
									    -o-transition: all 0.25s ease-in-out;
									    transition: all 0.25s ease-in-out;
									}
									#mais .header ul.links li a:hover div.img img {
										width:204px;
										height:125px;
										margin-top:-10px;
										margin-left:-10px;
										opacity:0.7;
									}
								#mais .header ul.links li a p {
									padding:10px 0 5px;
									border-bottom:#545b5c 1px solid;
									display:inline-block;
								}
			#mais .footer {
				width:100%;
				height:40%;
				background:#d2e3e5;
				bottom:0;
				left:0;
				position:absolute;
			}
			#mais .footer:after {
				width:224px;
				height:200px;
				margin-left:-112px;
				background:url(images/roda.png);
				content:'';
				top:-100px;
				left:50%;
				position:absolute;
			}
			#mais .footer .centralize {
				width:100%;
				top:calc(50% - 48px);
				left:0;
				position:absolute;
			}
			#mais .footer .socials {
				padding:25px 0 15px;
				text-align:center;
			}
				#mais .footer .socials li {
					list-style:none;
					margin:0 6px;
					display:inline-block;
					vertical-align:top;
				}
					#mais .footer .socials li a {
						width:51px;
						height:51px;
						display:block;
					}
					#mais .footer .socials li a.youtube {
						height:49px;
						background:url(images/bg-youtube.png);
					}
					#mais .footer .socials li a.facebook {
						height:49px;
						background:url(images/bg-facebook.png);
					}
					#mais .footer .socials li a.twitter {
						height:49px;
						background:url(images/bg-twitter.png);
					}
					#mais .footer .socials li a.instagram {
						height:50px;
						background:url(images/bg-instagram.png);
					}
					#mais .footer .socials li a.linkedin {
						background:url(images/bg-linkedin.png);
					}
					#mais .footer .socials li a.google {
						background:url(images/bg-google.png);
					}
					#mais .footer .socials li a.vwbrasil {
						width:130px;
						background:url(images/bg-vwbrasil.png);
					}
					#mais .footer .socials li a:hover {
						background-position:0 -51px;
					}
			#mais .footer .menu {
				text-align:center;
			}
				#mais .footer .menu li {
					padding:0 3px 0 5px;
					border-left:#7d8788 1px solid;
					list-style:none;
					font-size:14px;
					display:inline-block;
					vertical-align:top;
				}
				#mais .footer .menu li:first-child {
					border:0;
				}
					#mais .footer .menu li a {
						color:#545b5c;
						text-decoration:none;
					}
					#mais .footer .menu li a:hover {
						text-decoration:underline;
					}
				#mais .footer a.btn {
					margin-left:-190px;
					padding:0 120px 0 80px;
					background:#fff;
					color:#00c0f5;
					text-decoration:none;
					left:50%;
					bottom:0;
					position:absolute;
				}
				#mais .footer a.btn:hover {
					height:46px;
					line-height:46px;
					border:0;
					background:#00c0f5;
					color:#fff;
				}
					#mais .footer a.btn span {
						position: absolute;
						top:15px;
						right:80px;
						padding:10px; /* Arrow size */
						box-shadow: 1px -1px 0 1px #00c0f5 inset;
						-webkit-box-shadow: 2px -2px #00c0f5 inset;
						border: solid transparent;
   						-ms-transform: rotate(135deg);
					    -webkit-transform: rotate(135deg);
					    transform: rotate(135deg);
					}
					#mais .footer a.btn:hover span {
						box-shadow: 1px -1px 0 1px #fff inset;
						-webkit-box-shadow: 2px -2px #fff inset;
					}