@import url('https://fonts.googleapis.com/css?family=Roboto:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
@import "owl.css";
@import "fancybox.css";
@import "font-awesome/css/font-awesome.min.css";

/*! HTML5 Boilerplate v4.3.0 - INICIO */
html, button, input, select, textarea {
	color: #222
}

html {
	font-size: 1em;
	line-height: 1.4
}

::-moz-selection, ::selection {
	background: #b3d4fc;
	text-shadow: none
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

audio, canvas, img, video {
	vertical-align: middle
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0
}

textarea {
	resize: vertical
}



/* ==========================================================================
   Site
   ========================================================================== */

html {
	font-size: 10px;
}

body {
	font: 100% Roboto, Arial, Helvetica, sans-serif;
	background: #fff;
	font-size: inherit;
	line-height: 1.4em;
	color: #4C4C4C;
}

a {
	color: inherit;
	outline: none !important;
	text-decoration: none;
}

	a:hover {
		color: inherit;
		text-decoration: none;
	}

	a:active,
	a:focus {
		color: inherit;
		text-decoration: none;
	}

a, button, input {
	outline: none !important;
}

/* a, button, input { transition: color 0.2s, border-color 0.2s, background-color 0.2s, opacity 0.2s; } /* transição leve em hovers básicos */

ul, li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	display: block;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
}

p {
	margin: 0 0 1.4em 0;
}

	p:last-child {
		margin-bottom: 0 !important;
	}

/* *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* usar se não incluir o bootstrap */

.container {
	position: relative;
}

.form-group {
	margin: 0 0 10px 0;
}

.form-control {
	border: solid 1px #ccc;
	padding: 0.5em 1em;
	line-height: 1.3em;
	font-size: inherit;
	width: 100%;
	background: #fff;
}

textarea.form-control {
	resize: none;
}

.vtop {
	vertical-align: top !important;
}

.vbottom {
	vertical-align: bottom !important;
}

.vaflex {
	display: flex;
	align-items: center;
}

.vtflex {
	display: flex;
	align-items: top;
}

.vbflex {
	display: flex;
	align-items: bottom;
}

.tbl {
	display: table;
	width: 100%;
	vertical-align: middle;
}

	.tbl .trow {
		display: table-row;
		vertical-align: inherit;
	}

	.tbl .tcol {
		display: table-cell;
		vertical-align: inherit;
	}

		.tbl .tcol.um, .tbl .tcol.one {
			width: 1%;
		}

	.tbl.grid > .tcol, .tbl.grid > .trow > .tcol {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}

	.tbl.grid.grid10 > .tcol, .tbl.grid.grid10 > .trow > .tcol.grid10 {
		padding-right: 5px !important;
		padding-left: 5px !important;
	}

	.tbl.grid.grid20 > .tcol, .tbl.grid.grid20 > .trow > .tcol.grid20 {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}

	.tbl.grid > .tcol:first-child, .tbl.grid > .trow > .tcol:first-child {
		padding-left: 0px !important;
	}

	.tbl.grid > .tcol:last-child, .tbl.grid > .trow > .tcol:last-child {
		padding-right: 0px !important;
	}

	.tbl.tbl2 > .tcol {
		width: 50%;
	}

	.tbl.tbl3 > .tcol {
		width: 33.33%;
	}

	.tbl.tbl4 > .tcol {
		width: 25%;
	}

	.tbl.tbl5 > .tcol {
		width: 20%;
	}

.u, .hu:hover {
	text-decoration: underline;
}

	.hu, .u:hover {
		text-decoration: none;
	}

.nw {
	white-space: nowrap;
}

.mg0 {
	margin-bottom: 0px !important;
}

.mg0q {
	margin-bottom: 0.25em !important;
}

.mg0h {
	margin-bottom: 0.5em !important;
}

.mg0hq {
	margin-bottom: 0.75em !important;
}

.mg1 {
	margin-bottom: 1em !important;
}

.mg1q {
	margin-bottom: 1.25em !important;
}

.mg1h {
	margin-bottom: 1.5em !important;
}

.mg1hq {
	margin-bottom: 1.75em !important;
}

.mg2 {
	margin-bottom: 2em !important;
}

.mg2q {
	margin-bottom: 2.25em !important;
}

.mg2h {
	margin-bottom: 2.5em !important;
}

.mg2hq {
	margin-bottom: 2.75em !important;
}

.mg3 {
	margin-bottom: 3em !important;
}

.mg3q {
	margin-bottom: 3.25em !important;
}

.mg3h {
	margin-bottom: 3.5em !important;
}

.mg3hq {
	margin-bottom: 3.75em !important;
}

.mg4 {
	margin-bottom: 4em !important;
}

.mg4q {
	margin-bottom: 4.25em !important;
}

.mg4h {
	margin-bottom: 4.5em !important;
}

.mg4hq {
	margin-bottom: 4.75em !important;
}

.mg5 {
	margin-bottom: 5em !important;
}

.mg6 {
	margin-bottom: 6em !important;
}

.mg7 {
	margin-bottom: 7em !important;
}

.mg8 {
	margin-bottom: 8em !important;
}

.b100 {
	display: block;
	width: 100%;
	text-align: center;
}

.txtl {
	text-align: left !important;
}

.txtr {
	text-align: right !important;
}

.txtc {
	text-align: center !important;
}

.color1, .color1h:hover {
	color: #ff0000;
}

.bg1, bg1h:hover {
	background-color: #ff0000;
}

.brd1, .brd1h:hover {
	border-color: #ff0000;
}

.base16-9, .base-wide {
	position: relative;
	width: 100%;
	padding: 56.25% 0 0 0;
	display: block;
}

.base9-16 {
	position: relative;
	width: 100%;
	padding: 178% 0 0 0;
	display: block;
}

.base4-3, .base-tv {
	position: relative;
	width: 100%;
	padding: 75% 0 0 0;
	display: block;
}

.base3-4 {
	position: relative;
	width: 100%;
	padding: 133% 0 0 0;
	display: block;
}

.base1-1, .base-sq {
	position: relative;
	width: 100%;
	padding: 100% 0 0 0;
	display: block;
}

.imgbg {
	background: center center no-repeat;
	background-size: cover;
	display: block;
	overflow: hidden;
}

.fit {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.clickscale:active {
	transform: scale(0.9);
}

.z500 {
	z-index: 500;
}

.z1000 {
	z-index: 1000;
}

.z2000 {
	z-index: 2000;
}

.z3000 {
	z-index: 3000;
}

.z4000 {
	z-index: 4000;
}

.z5000 {
	z-index: 5000;
}

.extend-bg, .extend-bg-r, .extend-bg-l {
	position: relative;
}

	.extend-bg:before,
	.extend-bg:after,
	.extend-bg-r:after,
	.extend-bg-l:before {
		content: "";
		position: absolute;
		height: 100%;
		background: inherit;
		width: 3000px;
		z-index: 0;
		top: 0;
	}

	.extend-bg:before,
	.extend-bg-l:before {
		left: -3000px;
	}

	.extend-bg:after,
	.extend-bg-r:after {
		right: -3000px;
	}



#wrapper {
	position: relative;
	width: 100%;
	max-width: 4000px;
	margin: auto;
	overflow: hidden;
}

.amarelo,
.azul {
	color: #7070CB !important;
}

.branco {
	color: #fff !important;
}



#header {
	background: url(../img/header_bg.png) center top repeat #fff;
	background-size: auto 100%;
	border-bottom: solid 0.6em #34358E;
}

	#header .logo {
		height: 18em;
		padding: 1em 0;
	}

		#header .logo img {
			display: block;
			max-height: 10em;
			max-width: 100%;
			margin: auto;
		}


.main {
	position: relative;
}


#hero {
	/*border-bottom: solid 0.7em #ccc;*/
	position: relative;
	background: #000;
	color: #fff;
}

	#hero .slides {
		width: 100%;
		overflow: hidden;
	}

		#hero .slides > .slide {
			width: 100%;
			overflow: hidden;
			background: center center no-repeat;
			background-size: cover;
		}

			#hero .slides > .slide .foto-mobile {
				display: none;
			}

				#hero .slides > .slide .foto-mobile img {
					display: block;
					width: 100%;
					position: relative;
					z-index: 1;
				}

			#hero .slides > .slide .tbl {
				height: 60em;
				padding: 0em 0;
			}

			#hero .slides > .slide h1 {
				font-size: 5em;
				font-weight: 900;
				line-height: 0.9em;
				margin: 0 0 0.2em 0;
			}

			#hero .slides > .slide h2 {
				font-size: 3.3em;
				font-weight: bold;
				line-height: 1.1em;
				margin: 0 0 0.3em 0;
			}

			#hero .slides > .slide h3 {
				font-size: 2.2em;
				font-weight: normal;
				color: #f1f1f1;
				max-width: 33rem;
				line-height: 1.3em;
				margin: 0 0 2em 0;
			}

			#hero .slides > .slide .oferta {
				font-size: 1.7em;
				font-weight: 800;
				text-transform: uppercase;
				color: #fff;
				background: linear-gradient(to right, #7070CB 0%,#34358E 100%);
				border: none;
				display: inline-block;
				white-space: nowrap;
				line-height: 3.529em;
				padding: 0 2.3em;
				border-radius: 0.3em;
				cursor: pointer;
				box-shadow: 0.2em 0.2em 0 0.1em #34358E;
			}

				#hero .slides > .slide .oferta .fa {
					margin-left: 0.75em;
				}

				#hero .slides > .slide .oferta:hover {
					background: #7070CB;
				}

				#hero .slides > .slide .oferta:active {
					transform: scale(0.95);
				}

			#hero .slides > .slide .selos img {
				display: block;
				max-height: 13.1em;
				max-width: 100%;
			}

			#hero .slides > .slide .holder-presentation {
				background-color: #ccc;
				overflow: hidden;
				padding-top: 132px;
				position: relative;
			}

			#hero .slides > .slide .holder-presentation-k2ga {
				border-bottom: 4px solid #c00;
			}

			#hero .slides > .slide .holder-presentation .text-holder {
				position: relative;
				z-index: 7;
			}

			#hero .slides > .slide .holder-presentation .wrapper.wrapper-image {
				box-sizing: border-box;
				min-height: 500px;
				padding-top: 90px;
			}

			#hero .slides > .slide .holder-presentation .wrapper {
				position: relative;
				z-index: 6;
				margin: 0 auto;
				max-width: 1024px;
			}

			#hero .slides > .slide .holder-presentation .product-name {
				color: #fff;
				text-shadow: 1px 1px 1px #797979;
			}

				#hero .slides > .slide .holder-presentation .product-name .text {
					font-size: 48px;
					line-height: 120%;
					margin: 0;
				}

				#hero .slides > .slide .holder-presentation .product-name .headline {
					font-size: 24px;
					line-height: 120%;
					margin: 0 0 20px;
					transition-delay: .2s;
				}

			#hero .slides > .slide .buttons-top {
				margin-top: 20px;
			}

			#hero .slides > .slide .holder-presentation .buttons-top .btn {
				margin-bottom: 10px;
			}

			#hero .slides > .slide .buttons-top .btn {
				max-width: 210px;
			}

			#hero .slides > .slide .holder-presentation .video-el {
				height: 100%;
				left: 0;
				object-fit: cover;
				position: absolute;
				top: 0;
				width: 100%;
				z-index: 3;
			}

.btn.highlight-button {
	background: #c00;
	color: #fff;
}

.btn {
	font-size: 18px;
	min-width: 210px;
}

.btn {
	border: 0;
	border-radius: 4px;
	box-sizing: border-box;
	color: #3d3d3e;
	cursor: pointer;
	display: inline-block;
	font-weight: 700;
	overflow: hidden;
	padding: 15px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition-duration: .1s;
	transition-property: color;
	transition-timing-function: cubic-bezier(.4,0,.18,1.01);
	will-change: color;
	z-index: 2;
}




#proximo {
	background: url(../img/proximo_bg.jpg) center center no-repeat;
	background-size: cover;
	padding: 7em 0 0em 0;
}

	#proximo .foto {
		position: relative;
		height: 37.1em;
		width: 58.8em;
	}

		#proximo .foto img {
			position: absolute;
			left: 0;
			top: 0;
			height: inherit;
			display: block;
		}

	#proximo h3 {
		display: inline-block;
		font-weight: 900;
		font-size: 5em;
		line-height: 1.44em;
		margin-bottom: 1em;
		position: relative;
		padding: 0 1.4em;
		color: #fff;
	}

		#proximo h3 span {
			position: relative;
			z-index: 100;
		}

		#proximo h3:after {
			position: absolute;
			content: "";
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(to right, #7070CB 0%,#34358E 100%);
			/*background: linear-gradient(to right, #113C69 0%,#0B498A 100%);*/
			box-shadow: 0.1em 0.1em 0 0.05em #34358E;
			z-index: 1;
			transform: skew(-20deg);
		}

	#proximo h2 {
		letter-spacing: 0.4em;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 2em;
		line-height: 1.3em;
		margin: 0 0 0.8em 0;
	}

	#proximo h1 {
		font-weight: 300;
		color: #4C4C4C;
		font-size: 4.5em;
		line-height: 1.2em;
		margin: 0 0 0.5em 0;
	}

		#proximo h1 strong {
			font-weight: 800;
		}

	#proximo p {
		color: #4C4C4C;
		font-size: 2.1em;
		line-height: 1.5em;
		font-weight: normal;
		padding: 0 2em 0 0;
	}

	#proximo .oferta {
		font-size: 1.7em;
		font-weight: 800;
		text-transform: uppercase;
		color: #fff;
		background: linear-gradient(to right, #7070CB 0%,#34358E 100%);
		border: none;
		display: inline-block;
		white-space: nowrap;
		line-height: 3.529em;
		padding: 0 2.3em;
		border-radius: 0.3em;
		cursor: pointer;
		box-shadow: 0.2em 0.2em 0 0.1em #34358E;
	}

		#proximo .oferta .fa {
			margin-left: 0.75em;
		}

		#proximo .oferta:hover {
			background: #7070CB;
		}

		#proximo .oferta:active {
			transform: scale(0.95);
		}



#conectado {
	background: url(../img/conectado_bg.jpg) center center no-repeat;
	background-size: cover;
}

	#conectado .base {
		height: 44em;
		position: relative;
		color: #fff;
	}

		#conectado .base .box {
			position: absolute;
			right: 0;
			bottom: 0;
			padding: 2.5em 0 2.5em 5em;
			max-width: 80%;
		}

			#conectado .base .box > * {
				position: relative;
				z-index: 100;
			}

			#conectado .base .box:after {
				position: absolute;
				z-index: 1;
				content: "";
				left: 0;
				top: 0;
				width: 200vw;
				height: 100%;
				background: #000;
				opacity: 0.6;
				transform: skewX(-20deg);
			}

			#conectado .base .box h1 {
				font-size: 5em;
				font-weight: bold;
				line-height: 1em;
				margin: 0 0 0.2em 0;
			}

			#conectado .base .box h2 {
				font-size: 1.6em;
				font-weight: normal;
				line-height: 1.3em;
			}

#video-release {
	margin: 0 0 2em 0;
	background: #060608;
}

	#video-release .video-container {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
	}

	#video-release .video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

#car {
	padding: 5em 0 10em 0;
}

	#car h2 {
		font-weight: 800;
		color: #4C4C4C;
		font-size: 4.5em;
		line-height: 1.2em;
		margin: 0 0 0.5em 0;
	}

	#car .box {
		/*border: solid 1px #d9d9d9;
		border-radius: 0.5em;
		padding: 3em 2em 5em 2em;*/
		text-align: center;
	}

		#car .box .icone {
			/*margin: 0 0 1em 0;*/
		}

			#car .box .icone img {
				display: block;
				margin: auto;
				max-width: 100%;
			}

		#car .box h2 {
			font-size: 1.4em;
			font-weight: bold;
			color: #221905;
			line-height: 1.4em;
			text-transform: uppercase;
			margin-top: 1em;
		}


#tec {
	background: url(../img/tec_bg.jpg) center center no-repeat;
	background-size: cover;
	color: #fff;
}

	#tec .base {
		padding: 2em 0;
		height: 56em;
	}

	#tec h2 {
		font-weight: bold;
		font-size: 2.3em;
		line-height: 1.3em;
		margin: 0 0 0.3em 0;
	}

	#tec h1 {
		font-weight: bold;
		font-size: 4.8em;
		line-height: 1.1em;
		margin: 0 0 0.6em 0;
	}

	#tec p {
		font-weight: normal;
		font-size: 1.8em;
		line-height: 1.3em;
		margin: 0 0 1.3em 0;
	}

	#tec .oferta {
		font-size: 1.7em;
		font-weight: 800;
		text-transform: uppercase;
		color: #fff;
		background: linear-gradient(to right, #7070CB 0%,#34358E 100%);
		border: none;
		display: inline-block;
		white-space: nowrap;
		line-height: 3.529em;
		padding: 0 2.3em;
		border-radius: 0.3em;
		cursor: pointer;
		box-shadow: 0.2em 0.2em 0 0.1em #34358E;
	}

		#tec .oferta .fa {
			margin-left: 0.75em;
		}

		#tec .oferta:hover {
			background: #7070CB;
		}

		#tec .oferta:active {
			transform: scale(0.95);
		}


#precos {
	padding: 7em 0;
	background: #fff;
}

	#precos .header {
	}

		#precos .header h1 {
			color: #3A3A3A;
			font-size: 3em;
			font-weight: bold;
			font-style: normal;
			line-height: 1.2em;
			margin: 0 0 0.15em 0;
			padding: 0.4em 0 0 0;
			position: relative;
		}

			#precos .header h1:before {
				content: "";
				position: absolute;
				left: 0;
				top: 0;
				width: 0.75em;
				height: 2px;
				background: #34358E;
			}

		#precos .header h2 {
			font-size: 1.4em;
			font-weight: bold;
			line-height: 1.2em;
			letter-spacing: 0.2em;
		}

		#precos .header h3 {
			font-size: 5em;
			font-weight: 800;
			line-height: 1em;
			color: #EFEFEF;
			text-transform: uppercase;
			white-space: nowrap;
			font-style: italic;
		}

	#precos .box {
		border: solid 1px #e6e6e6;
		background: #f7f7f7;
		border-radius: 0.5em;
		padding: 3em;
		text-align: center;
	}

		#precos .box h4 {
			font-size: 2.6em;
			line-height: 1.2em;
			font-weight: bold;
			margin: 0 0 0.2em 0;
			text-transform: uppercase;
			color: #0A2D52;
		}

		#precos .box h5 {
			font-size: 1.5em;
			line-height: 1.2em;
			font-weight: bold;
			margin: 0 0 1.5em 0;
			color: #7F7F7F;
			text-transform: uppercase;
		}

		#precos .box .foto {
			width: 100%;
			height: 14em;
			background: center center no-repeat;
			background-size: contain;
			margin: 0 0 3em 0;
		}

		#precos .box .quero {
			display: inline-block;
			border: none;
			font-size: 1.55em;
			font-weight: bold;
			color: #4C4C4C;
			text-transform: uppercase;
			background: #CBCBCB;
			border-radius: 0.3em;
			box-shadow: 0.3em 0.3em 0.6em rgba(0,0,0,0.14);
			line-height: 1.25em;
			padding: 1.25em 1.25em;
		}

			#precos .box .quero:hover {
				background: #7070CB;
				color: #fff;
				box-shadow: 0.3em 0.3em 0.7em rgba(0,0,0,0.3);
			}

			#precos .box .quero:active {
				transform: scale(0.95);
			}

	#precos .slider {
		position: relative;
		padding: 0 4.25em;
	}

		#precos .slider .owl-carousel .owl-dots {
			display: none;
		}

		#precos .slider .owl-carousel .owl-nav {
			position: absolute;
			left: 0;
			top: 50%;
			width: 100%;
			z-index: 500;
			height: 1px;
		}

			#precos .slider .owl-carousel .owl-nav button {
				display: block;
				width: 6.5em;
				height: 6.5em;
				background: url(../img/seta.png) center center no-repeat #f7f7f7;
				background-size: cover;
				border-radius: 4.25em;
				overflow: hidden;
				text-align: left;
				text-indent: -9999px;
				cursor: pointer;
				position: absolute;
				top: -4.25em;
				box-shadow: 0.2em 0.2em 0.3em rgba(0,0,0,0.1);
			}

			#precos .slider .owl-carousel .owl-nav .owl-prev {
				left: -4.25em;
			}

			#precos .slider .owl-carousel .owl-nav .owl-next {
				right: -4.25em;
				transform: scaleX(-1);
			}

			#precos .slider .owl-carousel .owl-nav button:hover {
				background-color: #eaeaea;
			}

			#precos .slider .owl-carousel .owl-nav button:active {
				transform: scale(0.95);
			}

			#precos .slider .owl-carousel .owl-nav .owl-next:active {
				transform: scale(0.95) scaleX(-1);
			}

div.wh-widget-send-button-wrapper.wh-widget-right {
	right: 0;
}

div.wh-widget-send-button-wrapper {
	margin: 0;
	padding: 0;
	border: 0;
	position: fixed;
	z-index: 16000160;
	bottom: 0;
	text-align: center;
	overflow: hidden;
}

.wh-widget-right #wh-call-to-action {
	float: left;
	margin-right: 10px;
}

#wh-call-to-action {
	position: relative;
	top: 29px;
	box-shadow: 2px 2px 13px rgb(0 0 0 / 10%);
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	background: white;
	cursor: pointer;
}

	#wh-call-to-action a .wh-call-to-action-content {
		padding: 5px 10px 5px 10px;
		line-height: 18px;
		max-height: 34px;
		max-width: 135px;
		overflow: hidden;
		word-wrap: break-word;
		font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
		font-size: 14px;
	}

div.wh-widget-send-button-wrapper.wh-widget-right div.wh-widget-send-button-wrapper-list {
	right: 10px;
	float: right;
}

div.wh-widget-send-button-wrapper div.wh-widget-send-button-wrapper-list {
	margin: 10px;
	margin-bottom: 20px;
	padding: 0 0 0 15px;
	border: 0;
	position: relative;
	bottom: 3px;
	text-align: center;
}

	div.wh-widget-send-button-wrapper div.wh-widget-send-button-wrapper-list > a.wh-widget-button.wh-widget-button-activator {
		display: block;
	}

div.wh-widget-send-button-wrapper.wh-widget-right div.wh-widget-send-button-wrapper-list > a.wh-widget-button {
	min-width: 55px;
}

div.wh-widget-send-button-wrapper div.wh-widget-send-button-wrapper-list > a.wh-widget-button {
	display: none;
	text-decoration: none;
	font-weight: normal;
	margin-top: 14px;
	position: relative;
	outline: none;
}

	div.wh-widget-send-button-wrapper div.wh-widget-send-button-wrapper-list > a.wh-widget-button div.wh-widget-button-icon.wh-messenger-bg-whatsapp {
		background-color: #4dc247;
	}

div.wh-widget-send-button-wrapper.wh-widget-right div.wh-widget-send-button-wrapper-list > a.wh-widget-button div.wh-widget-button-icon {
	float: right;
}

div.wh-widget-send-button-wrapper div.wh-widget-send-button-wrapper-list > a.wh-widget-button div.wh-widget-button-icon {
	float: left;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 2px 2px 6px rgb(0 0 0 / 40%);
	font-size: 28px;
	text-align: center;
	line-height: 50px;
	color: white;
}

div.wh-widget-send-button-wrapper div.wh-widget-send-button-wrapper-list > a.wh-widget-button div.wh-widget-button-icon {
	height: 70px !important;
	width: 70px !important;
}

div.wh-widget-send-button-wrapper div.wh-widget-send-button-wrapper-list > a.wh-widget-button.wh-widget-button-activator div.wh-widget-button-icon > div {
	height: 100%;
	width: 100%;
	-moz-transition: transform 0.4s ease;
	-o-transition: transform 0.4s ease;
	-webkit-transition: transform 0.4s ease;
	transition: transform 0.4s ease;
}

div.wh-widget-send-button-wrapper div.wh-widget-send-button-wrapper-list > a.wh-widget-button div.wh-widget-button-icon .wh-svg-close {
	display: none;
}

div.wh-widget-send-button-wrapper div.wh-widget-send-button-wrapper-list > a.wh-widget-button div.wh-widget-button-icon svg {
	fill: white;
	width: 41px;
	height: 50px;
}

div.wh-widget-send-button-wrapper div.wh-widget-send-button-wrapper-list > a.wh-widget-button div.wh-widget-button-icon svg {
	width: 50px !important;
	margin-top: 10px !important;
}

div.wh-widget-send-button-wrapper div.wh-widget-send-button-wrapper-list > a.wh-widget-button div.wh-widget-button-icon .wh-svg-icon {
	display: inline;
}

div.wh-widget-send-button-wrapper.wh-widget-right div.wh-widget-send-button-wrapper-list > a.wh-widget-button div.mes-us {
	text-align: right;
}

div.wh-widget-send-button-wrapper div.wh-widget-send-button-wrapper-list > a.wh-widget-button div.mes-us {
	position: relative;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #e2e2e2;
	margin-right: 55px;
	margin-left: 55px;
	padding: 4px 9px 6px 9px;
	border-radius: 4px;
	color: #333;
	background: white;
	top: 12px;
	box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
	white-space: nowrap;
	display: none;
}

div.clear {
	clear: both;
}

div.wh-widget-send-button-wrapper.wh-widget-right div.wh-widget-send-button-wrapper-list a.wh-widget-send-button-get-button {
	float: right;
	right: 1px;
}

div.wh-widget-send-button-wrapper div.wh-widget-send-button-wrapper-list a.wh-widget-send-button-get-button {
	display: none;
	position: fixed;
	white-space: nowrap;
	text-decoration: none;
	font-family: Roboto, "Helvetica Neue", sans-serif;
	font-size: 11px;
	color: #afafaf;
}

div.wh-widget-send-button-wrapper.wh-widget-right a.wh-widget-send-button-get-button {
	margin-right: 17px;
}

div.wh-widget-send-button-wrapper a.wh-widget-send-button-get-button {
	position: relative;
	bottom: 5px;
	float: right;
	margin-right: 8px;
	text-decoration: none;
	font-family: Roboto, "Helvetica Neue", sans-serif;
	font-size: 11px;
	color: #afafaf;
}

.wh-widget-right #wh-call-to-action:before, .wh-widget-right #wh-call-to-action:after {
	content: '';
	position: absolute;
	background: white;
	border-bottom: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	right: -5px;
	top: 50%;
	margin-top: -4px;
	width: 8px;
	height: 8px;
	z-index: 1;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.wh-widget-right #wh-call-to-action:before {
	z-index: 2;
}

@media (min-width: 1350px) {
	#precos .slider {
		padding: 0;
	}

		#precos .slider .owl-carousel .owl-nav button {
			box-shadow: none;
		}

		#precos .slider .owl-carousel .owl-nav .owl-prev {
			left: -11em;
		}

		#precos .slider .owl-carousel .owl-nav .owl-next {
			right: -11em;
		}
}



#whats {
	position: relative;
	border-top: solid 0.4em #2776CB;
	background: url(../img/whats_bg.jpg) center center no-repeat;
	background-size: cover;
	margin: 5em 0 0 0;
	color: #fff;
}

	#whats .base {
		height: 60em;
	}

		#whats .base .col1 {
			position: relative;
			width: 47%;
			vertical-align: top;
			padding: 12em 0 0 0;
		}

			#whats .base .col1 img {
				position: absolute;
				left: -4em/*-19em*/;
				bottom: 0;
				height: 63.9em;
				display: block;
				z-index: 1;
			}

			#whats .base .col1 h2 {
				display: none;
				position: relative;
				z-index: 10;
				font-size: 4em;
				line-height: 1em;
				letter-spacing: -0.04em;
				font-weight: bold;
				text-shadow: 0.1em 0.1em 0.1em rgba(0,0,0,0.4);
				margin: 0 0 0 24rem;
			}

		#whats .base .col2 {
			vertical-align: top;
			padding: 16rem 0 0 0;
		}

			#whats .base .col2 h1 {
				font-weight: normal;
				font-size: 3.6em;
				line-height: 1.2em;
				margin: 0 0 0.2em 0;
				position: relative;
			}

				#whats .base .col2 h1:before {
					content: "";
					position: absolute;
					left: -2.2em;
					top: 50%;
					width: 1.7em;
					background: #ffffff;
					height: 0.104em;
					border-radius: 0.052em;
				}

				#whats .base .col2 h1 strong {
					font-weight: 800;
				}

			#whats .base .col2 p {
				font-weight: 500;
				font-size: 2em;
				line-height: 1.3em;
				margin: 0 0 2em 0;
			}

			#whats .base .col2 .contato {
				height: 7em;
				border-radius: 3.5em;
				background: #6AC923;
				padding: 0.5em 3em;
			}

				#whats .base .col2 .contato:hover {
					background: #7DDC38;
				}

				#whats .base .col2 .contato .colc1 {
					text-align: right;
					padding-right: 2em;
				}

					#whats .base .col2 .contato .colc1 h3 {
						font-size: 2.4em;
						font-weight: bold;
						text-transform: uppercase;
						line-height: 1.2em;
					}

				#whats .base .col2 .contato .colc2 h4 {
					font-size: 1.6em;
					font-weight: 600;
					font-style: italic;
					line-height: 1.2em;
				}



#galeria {
	background: #000;
}

	#galeria ul {
		overflow: hidden;
	}

		#galeria ul li {
			float: left;
			width: 33.33%;
			border-right: solid 2px #f7f7f7;
			border-bottom: solid 2px #f7f7f7;
		}

			#galeria ul li a {
				display: block;
			}

				#galeria ul li a .foto {
					display: block;
					width: 100%;
					height: 46em;
					background: center center no-repeat;
					background-size: cover;
					opacity: 0.85;
					transition: all 0.1s;
				}

					#galeria ul li a .foto:hover {
						opacity: 1;
					}




.modal {
	position: fixed;
	background: rgba(0,0,0,0.85);
	z-index: 4000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: all 0.3s;
}

	.modal > .tbl {
		width: 100%;
		height: 100vh;
		padding: 4em 2em 2em 2em;
	}

	.modal .janela {
		width: 100%;
		max-width: 76em;
		margin: auto;
		position: relative;
		transform: scale(0.2);
		transition: all 0.3s;
	}

		.modal .janela .fechar {
			display: block;
			position: absolute;
			right: 0;
			top: -2em;
			border: none;
			background: none;
			font-size: 2.3em;
			line-height: 2em;
			cursor: pointer;
			color: #fff !important;
			font-weight: 900;
		}

		.modal .janela .header {
			height: 14em;
			background: linear-gradient(to right, #7070CB 0%,#34358E 100%);
			color: #fff;
			border-radius: 1.2em 1.2em 0 0;
			overflow: hidden;
			padding: 1em 0;
		}

			.modal .janela .header > .tcol {
				padding: 0 3em;
				position: relative;
			}

			.modal .janela .header > .col1:after {
				position: absolute;
				right: 0;
				top: 25%;
				width: 2px;
				height: 50%;
				background: #fff;
				content: "";
				opacity: 0.25;
			}

			.modal .janela .header .logo {
			}

				.modal .janela .header .logo img {
					display: block;
					width: 25em;
				}

			.modal .janela .header h2 {
				font-weight: bold;
				font-style: normal;
				font-size: 2.3em;
				line-height: 1.2em;
				text-transform: uppercase;
			}

				.modal .janela .header h2 strong {
					opacity: 0.5;
				}

		.modal .janela .mmain {
			background: #fff;
			border-radius: 0 0 1.2em 1.2em;
			overflow: hidden;
			padding: 4.5em 9em 5em 9em;
			position: relative;
		}

			.modal .janela .mmain:before {
				content: "";
				position: absolute;
				right: 0;
				top: 0;
				height: 0.5em;
				width: 100%;
				width: calc( 100% - 3px);
				background: #34358E;
			}

			.modal .janela .mmain .form-group {
				margin: 0 0 2em 0;
			}

			.modal .janela .mmain .form-label {
				font-size: 1.9em;
				color: #4C4C4C;
				line-height: 1.2em;
				margin: 0 0 0.2em 0;
				white-space: nowrap;
				display: block;
			}

			.modal .janela .mmain .form-control {
				font-size: 1.8em;
				color: #222;
				background: #F0F0F0;
				border: none;
				line-height: 1.333em;
				padding: 1em 1em;
				border-radius: 0.3em;
			}

			.modal .janela .mmain .col1 {
				width: 50%;
			}
			.modal .error{
				color: red;				
			}

			.modal .janela .mmain .checks {
				overflow: hidden;
				white-space: nowrap;
			}

				.modal .janela .mmain .checks label {
					font-size: 1.8em;
					color: #222;
					border: none;
					line-height: 1.333em;
					padding: 1em 0;
					display: inline-block;
					margin: 0 0.75em 0 0;
					cursor: pointer;
					white-space: nowrap;
					overflow: hidden;
				}

					.modal .janela .mmain .checks label:last-child {
						margin-right: 0;
					}

					.modal .janela .mmain .checks label input {
						position: absolute;
						left: -30px;
						top: 0;
						opacity: 0;
					}

					.modal .janela .mmain .checks label > span {
						margin-right: 0.1em;
						color: #666;
					}

						.modal .janela .mmain .checks label > span .checked {
							display: none;
						}

					.modal .janela .mmain .checks label input:checked + span .checked {
						display: inline-block;
						color: #DBA12D;
					}

					.modal .janela .mmain .checks label input:checked + span .unchecked {
						display: none;
					}

			.modal .janela .mmain .oferta {
				font-size: 1.7em;
				font-weight: 800;
				text-transform: uppercase;
				color: #fff;
				background: linear-gradient(to right, #7070CB 0%,#34358E 100%);
				border: none;
				display: inline-block;
				white-space: nowrap;
				line-height: 3.529em;
				padding: 0 2.3em;
				border-radius: 0.3em;
				cursor: pointer;
				box-shadow: 0.2em 0.2em 0 0.1em #34358E;
			}

				.modal .janela .mmain .oferta .fa {
					margin-left: 0.75em;
				}

				.modal .janela .mmain .oferta:hover {
					background: #7070CB;
				}

				.modal .janela .mmain .oferta:active {
					transform: scale(0.95);
				}


.modal-aberta .modal {
	opacity: 1;
	visibility: visible;
	pointer-events: inherit;
}

	.modal-aberta .modal .janela {
		transform: scale(1);
	}

#footer {
	background: #262626;
	color: #fff;
	padding: 4.6em 0 5em 0;
	text-align: center;
}

	#footer .logo {
		border-bottom: solid 1px #3c3c3c;
		padding: 0 0 4em 0;
		margin: 0 0 5em 0;
	}

		#footer .logo img {
			display: block;
			max-height: 9.3em;
			max-width: 100%;
			margin: auto;
		}

	#footer h5 {
		font-size: 1.8em;
		line-height: 1.333em;
		font-weight: 800;
		margin: 0 0 0.5em 0;
		color: #608AC1;
	}

	#footer p {
		font-size: 1.5em;
		line-height: 1.333em;
		font-weight: normal;
		margin: 0 0 4em 0;
	}

	#footer .copy {
		font-size: 1.6em;
		line-height: 1.333em;
		font-weight: normal;
		color: #7f7f7f;
	}

		#footer .copy a:hover {
			color: #fff;
		}

#selos {
	margin: 3em 0 15em 0;
}

	#selos img {
		max-width: 100%;
	}

	#selos h3 {
		font-size: 4em;
		line-height: 1.2em;
		margin-top: 1em;
	}

#loading {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 5000;
	width: 100%;
	height: 100%;
	width: 100vw;
	height: 100vh;
	background: url(../img/loading.gif) center center no-repeat rgba(255,255,255,0.95);
	transition: all 0.5s;
}

.still-loading #loading {
	width: 60px;
	height: 60px;
}

.loaded #loading {
	visibility: hidden;
	opacity: 0;
}

.politica .header {
	text-align: center;
	margin: 15px 0 40px 0;
}

.politica h1 {
	margin-bottom: 10px;
	font-size: 2.5em;
	font-weight: bold;
	line-height: 1.3em;
}

.politica h2 {
	margin-bottom: 10px;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.3em;
}

.politica p {
	font-size: 1.4em;
	line-height: 1.3em;
}

.politica a {
	color: blue;
	text-decoration: underline;
}

.politica footer {
	margin-top: 4em;
}

/* ==========================================================================
   Resposivo
   ========================================================================== */

/* 1200px+ */
@media (min-width: 1200px) {
	.qlg {
		margin-bottom: 30px;
	}
}


/* até 1400px */
@media (max-width: 1800px) {
	#galeria ul li a .foto {
		height: auto;
		padding: 55% 0 0 0;
	}
}

/* até 1199px */
@media (max-width: 1199px) {
	html {
		font-size: 8px;
	}

	.qmd {
		margin-bottom: 30px;
	}

	.tbl .tcol.bmd, .tbl.bmd > .tcol {
		display: block;
		width: 100% !important;
	}

	.tbl.grid .tcol.bmd, .tbl.grid.bmd > .tcol {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.txtl-md {
		text-align: left !important;
	}

	.txtr-md {
		text-align: right !important;
	}

	.txtc-md {
		text-align: center !important;
	}

	.b100-md {
		display: block;
		width: 100%;
		text-align: center;
	}
}

/* até 991px */
@media (max-width: 991px) {
	html {
		font-size: 7px;
	}

	.qsm {
		margin-bottom: 30px;
	}

	.tbl .tcol.bsm, .tbl.bsm > .tcol {
		display: block;
		width: 100% !important;
	}

	.tbl.grid .tcol.bsm, .tbl.grid.bsm > .tcol {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.txtl-sm {
		text-align: left !important;
	}

	.txtr-sm {
		text-align: right !important;
	}

	.txtc-sm {
		text-align: center !important;
	}

	.b100-sm {
		display: block;
		width: 100%;
		text-align: center;
	}


	#proximo .foto {
		width: 45em;
	}

	#proximo .proximo h3 {
		font-size: 5em;
	}

	#galeria ul li {
		width: 50%;
	}
}

/* até 767px */
@media (max-width: 767px) {
	html {
		font-size: 7px;
	}

	.qxs {
		margin-bottom: 30px;
	}

	.tbl .tcol.bxs, .tbl.bxs > .tcol {
		display: block;
		width: 100% !important;
	}

	.tbl.grid .tcol.bxs, .tbl.grid.bxs > .tcol {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.txtl-xs {
		text-align: left !important;
	}

	.txtr-xs {
		text-align: right !important;
	}

	.txtc-xs {
		text-align: center !important;
	}

	.b100-xs {
		display: block;
		width: 100%;
		text-align: center;
	}

	#hero .slides > .slide h2 {
		font-size: 1.8em;
	}

	#hero .slides > .slide h1 {
		font-size: 7em;
	}

	#hero .slides > .slide .holder-presentation {
		padding-top: 0px;
	}

		#hero .slides > .slide .holder-presentation .wrapper.wrapper-image {
			min-height: 320px;
			text-align: center;
			background: rgba(0,0,0,0.75);
			padding-top: 35px;
		}
	#hero .slides > .slide .selos img {		
		margin: 0 auto;
	}

	#proximo {
		padding: 5em 0;
	}

		#proximo .foto {
			width: 100%;
			height: auto;
			margin-top: 2em;
		}

			#proximo .foto img {
				width: 500px;
				position: relative;
				height: auto;
				margin: auto;
				max-width: 100%;
				display: block;
			}

		#proximo .proximo {
			text-align: center;
		}

			#proximo .proximo h3 {
				font-size: 4em;
				margin-bottom: 1em;
				padding-bottom: 0.5em;
			}

	#conectado .base {
		height: 48vw;
	}

		#conectado .base .box {
			padding: 1em 0 1em 2em;
			font-size: 0.8em;
		}

	#car {
		padding: 6em 0;
	}

	#tec {
		background: #111;
		padding: 0;
	}

		#tec .foto-mobile {
			border-bottom: solid 0.6em #BC8D2E;
		}

			#tec .foto-mobile img {
				display: block;
				width: 100%;
			}

		#tec .base {
			height: auto;
			padding: 5em 0;
			text-align: center;
		}

	#precos .header h3 {
		white-space: normal;
		padding-top: 0.6em;
		font-size: 4em;
	}

	#precos .slider .owl-carousel .owl-nav .owl-prev {
		left: -5.5em;
	}

	#precos .slider .owl-carousel .owl-nav .owl-next {
		right: -5.5em;
	}

	#whats {
		background-position: right center;
		margin: 0;
	}

		#whats .base {
			height: auto;
			padding: 6em 0;
		}

			#whats .base .col1 {
				display: none;
			}

			#whats .base .col2 {
				padding: 0;
			}

	.modal .janela .mmain {
		padding: 4em 3em 3em 3em;
	}

	#footer h5 {
		margin-bottom: 1.5em;
	}

	#footer p .bxs {
		display: block;
		margin-bottom: 0.8em;
	}
}

/* até 550px */
@media (max-width: 550px) {
	.tbl .tcol.bxxs, .tbl.bxxs > .tcol {
		display: block;
		width: 100% !important;
	}

	.tbl.grid .tcol.bxxs, .tbl.grid.bxxs > .tcol {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.txtl-xxs {
		text-align: left !important;
	}

	.txtr-xxs {
		text-align: right !important;
	}

	.txtc-xxs {
		text-align: center !important;
	}

	.b100-xxs {
		display: block;
		width: 100%;
		text-align: center;
	}

	#hero .slides > .slide {
		/*background: none !important;*/
	}

		#hero .slides > .slide .foto-mobile {
			display: block;
			position: relative;
		}

			#hero .slides > .slide .foto-mobile:after {
				content: "";
				position: absolute;
				z-index: 100;
				left: 0;
				bottom: 0;
				width: 100%;
				height: 50%;
				background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 95%);
			}

		#hero .slides > .slide .tbl {
			height: auto;
			padding: 0 0 4em 0;
		}

	#proximo .proximo h3 {
		font-size: 3.5em;
	}

	.modal .janela .header {
		height: 10em;
	}

		.modal .janela .header > .col1 {
			display: none;
		}
}






/*! HTML5 Boilerplate v4.3.0 - FINAL */
.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px
}

	.ir:before {
		content: "";
		display: block;
		width: 0;
		height: 150%
	}

.hidden {
	display: none !important;
	visibility: hidden
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

	.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
		clip: auto;
		height: auto;
		margin: 0;
		overflow: visible;
		position: static;
		width: auto
	}

.invisible {
	visibility: hidden
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	*zoom: 1
}

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important
	}

	a, a:visited {
		text-decoration: underline
	}

		a[href]:after {
			content: " (" attr(href) ")"
		}

	abbr[title]:after {
		content: " (" attr(title) ")"
	}

	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
		content: ""
	}

	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid
	}

	thead {
		display: table-header-group
	}

	tr, img {
		page-break-inside: avoid
	}

	img {
		max-width: 100% !important
	}

	@page {
		margin: .5cm
	}

	p, h2, h3 {
		orphans: 3;
		widows: 3
	}

	h2, h3 {
		page-break-after: avoid
	}
}