@import url('https://fonts.googleapis.com/css?family=Barlow: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% Barlow, 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 { color: #E6AD39 !important; }
.branco { color: #fff !important; }



#header { background: #fff; border-bottom: solid 0.6em #BC8D2E; }
#header .logo { height: 13em; padding: 1em 0; }
#header .logo img { display: block; max-height: 6em; 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: 33em/*62em*/; padding: 10em 0; }
#hero .slides > .slide h2 { font-size: 2.2em; font-weight: 800; text-transform: uppercase; min-width: 13.182em; line-height: 2.591em; display: inline-block; text-align: center; padding: 0 1.5em; background: url(../img/hero_h2.png) center center no-repeat; background-size: 100% 100%; margin: 0 0 1.4em 0; }
#hero .slides > .slide h1 { font-size: 10em; font-weight: 900; line-height: 0.9em; margin: 0 0 0.1em 0; }
#hero .slides > .slide h1 span { font-weight: normal; font-style: italic; }
#hero .slides > .slide h3 { font-size: 2.2em; font-weight: normal; color: #f1f1f1; max-width: 33rem; line-height: 1.3em; margin: 0 0 0.6em 0; }	


#proximo { background: url(../img/proximo_bg.jpg) center center no-repeat; background-size: cover; padding: 9em 0 10em 0; }
#proximo .foto { position: relative; height: 32.8em; width: 60em; }
#proximo .foto img { position: absolute; left: 0; top: 0; height: inherit; display: block; }
#proximo h2 { letter-spacing: 0.4em; text-transform: uppercase; font-weight: 800; font-size: 2em; line-height: 1.3em; margin: 0 0 0.8em 0; }
#proximo h1 { font-weight: 200; color: #666; font-size: 4em; line-height: 1.2em; margin: 0 0 0.5em 0; }
#proximo h1 span { font-weight: 600; font-style: italic; }
#proximo p { color: #4C4C4C; font-size: 2.1em; line-height: 1.5em; font-weight: 300; padding: 0 2em 0 0; }
#proximo .proximo { }
#proximo .proximo h3 { font-size: 6em; color: #818383; line-height: 1.1em; padding-bottom: 0.1em; font-weight: 900; font-style: italic; letter-spacing: -0.04em; text-transform: uppercase; display: inline-block; border-bottom: solid 1px #e3e3e3; }
#proximo .proximo .solicitar { position: relative; font-size: 2.2em; font-weight: 900; text-transform: uppercase; color: #fff; border: none; display: inline-block; white-space: nowrap; line-height: 3.182em; padding: 0 1.28em; cursor: pointer; background: none; }
#proximo .proximo .solicitar:after { content: ""; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to left, #E4AA36 0%,#CF9621 100%); display: block; border-radius: 0.25em; cursor: pointer; transform: skewX(-20deg); }
#proximo .proximo .solicitar > span { position: relative; z-index: 100; }
#proximo .proximo .solicitar > span .fa { margin-right: 0.7em; transform: scale(1.3); }
#proximo .proximo .solicitar:hover:after { background: #E4AA36; }
#proximo .proximo .solicitar:active { transform: scale(0.95); }



#conectado { background: url(../img/conectado_bg.jpg) center center no-repeat; background-size: cover; }
#conectado .base { height: 63em; 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.8; transform: skewX(-20deg); }
#conectado .base .box h1 { font-size: 2.4em; font-weight: normal; line-height: 1.3em; margin: 0 0 0.2em 0; }
#conectado .base .box h2 { font-size: 1.8em; font-weight: normal; line-height: 1.3em; }



#car { padding: 10em 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; width: 8em; max-width: 100%; }
#car .box h2 { font-size: 2.4em; font-weight: bold; color: #231905; line-height: 1.2em; text-transform: uppercase; }


#tec { background: url(../img/tec_bg.jpg) center center no-repeat; background-size: cover; color: #fff; }
#tec .base { padding: 2em 0; height: 56em; }
#tec h1 { font-weight: normal; font-size: 4.8em; line-height: 1.1em; margin: 0 0 0.3em 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 left, #E4AA36 0%,#CF9621 100%); border: none; display: inline-block; white-space: nowrap; line-height: 3.529em; padding: 0 2.3em; border-radius: 0.3em; cursor: pointer; }
#tec .oferta .fa { margin-left: 0.75em; }
#tec .oferta:hover { background: #E4AA36; }
#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: italic; 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: #D8B151; }
#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: 900; line-height: 1em; color: #aaaaaa; text-transform: uppercase; white-space: nowrap; }
#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; }
#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.6em; 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 2em; }
#precos .box .quero:hover { background: #E4AA36; 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: 8.5em; height: 8.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); }
@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 #D39926; background: url(../img/whats_bg.jpg) center center no-repeat; background-size: cover; margin: 10em 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: -19em; bottom: 0; height: 70em; display: block; z-index: 1; }
#whats .base .col1 h2 { 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: bold; font-size: 4.8em; 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: #D39925; height: 0.104em; border-radius: 0.052em; }
#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: #D39925; padding: 0.5em 3em; }
#whats .base .col2 .contato:hover { background: #DDA93E; }
#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, #363636 0%,#4a4a4a 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: #656565; content: ""; }
.modal .janela .header .logo { }
.modal .janela .header .logo img { display: block; width: 27.1em; }
.modal .janela .header h2 { font-weight: 300; font-style: italic; font-size: 2.3em; line-height: 1.2em; text-transform: uppercase; }
.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; left: 0; top: 0; height: 1em; width: 100%; background: linear-gradient(to right, #C3AE84 0%,#fff 100%); }
.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: 30%; }
.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 left, #E4AA36 0%,#CF9621 100%); border: none; display: inline-block; white-space: nowrap; line-height: 3.529em; padding: 0 2.3em; border-radius: 0.3em; cursor: pointer; }
.modal .janela .mmain .oferta .fa { margin-left: 0.75em; }
.modal .janela .mmain .oferta:hover { background: #E4AA36; }
.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); }

.modal .janela .mmain .checks label.error  {
	font-size: 12px;
	color: red;
	border: none;
	line-height: 1.1em;
	padding: 0;
	display: block;
	margin: 5px 0 5px 0;
	cursor: default;
	white-space: nowrap;
	overflow: hidden;
}
label.error{
	color: red;
	font-size: 12px;
}





#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: 6.5em; max-width: 100%; margin: auto; }
#footer h5 { font-size: 1.8em; line-height: 1.333em; font-weight: 600; margin: 0 0 0.5em 0; }
#footer p { font-size: 1.8em; 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; }



#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; }
	
	#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 {
		background: #E6AD39;
	}
	#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}}