html, body { margin: 0px!important; padding: 0px!important; width: 100%; height: 100%; overflow: visible; font-family: "Open Sans", sans-serif; }
a, button, li,
.form-group span .fa,
.site .box,
.site aside .box a.icon::before,
.site aside .box a.icon::after,
.site aside .box a.icon i,
.site .page-head,
.site .page-content
{ -webkit-transition: all .5s cubic-bezier(.215,.61,.355,1); -moz-transition: all .5s cubic-bezier(.215,.61,.355,1); -o-transition: all .5s cubic-bezier(.215,.61,.355,1); transition: all .5s cubic-bezier(.215,.61,.355,1); }
a, a:focus, a:visited, a:hover { text-decoration: none; font-style: normal; color: #888; }
section { position: relative; }
section h1 { margin: 0 0 40px 0; font-size: 40px; text-align: center; color: #666; }
.form-group span { display: inline-block; width: 100%; position: relative; }
.form-group span input[type="password"] { padding-right: 30px; }
.form-group span .fa-eye-slash,
.form-group span .fa-eye { position: absolute; cursor: pointer; right: 0px; top: 0px; padding: 14px; font-size: 20px; color: #FFF; }

.site { min-height: 100%; background-color: rgba(0,0,0,.8); }
.site .mapa { position: fixed; width: 100%; height: 100%; z-index: -1; left: 0; top: 0; }
.site header {}
.site figure.logo { width: 90%; margin-left: 5%; margin-top: 30px; }
.site main { margin-top: 30px; }
.site main .carousel-control { width: 80px; background-image: none!important; z-index: 780; opacity: 1; }
.site main .carousel-control i { font-size: 60px; line-height: 1; position: absolute; top: 50%; margin-top: -100px; color: #D02626; left: 10px; }
.site main .carousel-inner { margin: 0 80px; width: auto; display: block; }
.site main .item { overflow-y: auto; overflow-x: hidden; padding-right: 15px; }
.site main .item::-webkit-scrollbar { width: 4px; height: 60px; }
.site main .item::-webkit-scrollbar-track { background-color: rgba(0,0,0,0); margin: 10px; }
.site main .item::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2); background-color: rgba(108,0,0,.6); }
.site .page-head { display: inline-block; margin-left: 100px; opacity: 0; }
.site .item.active .page-head { margin-left: 0; opacity: 1; }
.site .page-title { line-height: 1; font-family: 'segoe 200'; color: #F7B424; font-size: 40px; }
.site .page-subtitle { line-height: 1; font-family: 'gotham 200'; color: #FFF; font-size: 60px; }
.site .page-line { background-color: #D02626; height: 2px; margin: 12px 0; }
.site .page-content { color: #FFF; font-family: 'montserrat 100'; font-size: 18px; margin-top: 200px; opacity: 0; }
.site .item.active .page-content { opacity: 1; margin-top: 0; }
.site .page-legend { color: #FFF; display: inline-block; font-size: 20px; margin-top: 20px; margin-bottom: 40px; font-family: 'gotham 200'; position: relative; padding-bottom: 4px; }
.site .page-legend::before { content: ''; width: 65px; height: 3px; position: absolute; background-color: #f7b424; bottom: 0; left: 0; }
/*POR QUE ESCOLHER A MTG*/
.site .vantagem { color: #FFF; }
.site .vantagem.v {}
.site .vantagem.h { margin-top: 15px; }
.site .vantagem.h.mt-0 { margin-top: 0; }
.site .vantagem span { color: #F7B424; font-size: 60px; line-height: 1; }
.site .vantagem.h span { float: left; margin-right: 10px; }
.site .vantagem h3 { font-family: 'roboto 200'; font-size: 22px; margin: 0; }
.site .vantagem.v h3 { margin: 10px 0; }
.site .vantagem.h h3 { margin-bottom: 10px; }
.site .vantagem p { font-family: 'montserrat 100'; font-size: 14px; }
.site .vantagem.h p { display: table; }
/*VEJA ALGUMAS PLACAS PELA CIDADE*/
.site .galeria .imodal-thumb > img { margin-bottom: 30px; }
/*SEM NENHUM CUSTO EXTRA*/
.site .custo-zero {}
.site .custo-zero span { display: block; color: #F7B324; font-size: 20px; text-align: center; line-height: 1; font-family: 'roboto 100'; }
.site .custo-zero span.num { color: #FFF; font-size: 170px; font-family: 'roboto 200'; }
.site aside { width: 400px; position: fixed; left: 100%; top: 0; z-index: 9999; }
.site .box { position: relative; }
.site .box.open { margin-left: -400px; }
.site .box a.icon { position: absolute; right: 100%; top: 0; background-color: #D02626; color: #FFF; font-size: 40px; line-height: 1; padding: 10px; }
.site .box a.icon-w { position: absolute; right: 100%; top: 0; background-color: green; color: #FFF; font-size: 40px; line-height: 1; padding: 10px; }
.site .box.open a.icon { background-color: #5a5a5a; }
.site .box.open a.icon i { opacity: 0; }
.site .box a.icon::before,
.site .box a.icon::after { position: absolute; height: 2px; width: 0; content: ''; left: 50%; top: 50%; background-color: #FFF; opacity: 0; }
.site .box a.icon::before { transform: rotate(45deg); }
.site .box a.icon::after { transform: rotate(-45deg); }
.site .box.open a.icon::before,
.site .box.open a.icon::after { opacity: 1; left: calc(50% - 20px); width: 40px; }
.site .box a.icon:hover { background-color: #e23f3f }
.site .box .box-content { width: 400px; min-height: 60px; padding: 10px; background-color: #333333; color: #FFF; }
.site .box .box-content h4 { font-family: 'roboto 200'; font-size: 20px; }
.site .box .form-control { background-color: transparent; box-shadow: none!important; -webkit-box-shadow: none!important; color: #FFF; }
.site .box .form-control:focus { border-color: #FFF; background-color: rgba(255,255,255,.2); }
.site .box .btn { background-color: #D02626; color: #FFF; font-family: 'roboto 200'; border-color: #D02626; }
.site .box .btn:hover { color: #FFCC29; background-color: #b22525; border-color: #b22525; }
/*LIGAMOS PARA VOCÊ*/
.site .box.call .w50 { float: left; width: 50%; }
.site .box.call .w50 .form-group { margin-bottom: 10px; }
.site .box.call .pl-5 { padding-left: 5px; }
.site .box.call .pr-5 { padding-right: 5px; }
/*CONTATO*/
.site .box.contact .realperson-text { color: #EFEFEF; }
.site .box.contact .realperson-regen { color: #CCC; }
.site .box.contact input[name="captcha"] { font-size: 22px; }
/*ENDEREÇO*/
.site .box.address ul.list-unstyled li { white-space: nowrap; margin-bottom: 2px; }
.site .box.address ul.list-unstyled li h5 { display: inline-block; vertical-align: middle; font-family: 'roboto 100'; font-size: 14px; }
.site .box.address span.fa-stack { font-size: 14px; }
.site .box.address i.fa-circle { color: #FFCC29; }
.site .box.address i.fa-inverse { color: #333; }
.site footer { padding: 0; font-family: 'roboto 100'; font-size: 12px; background-color: rgba(0,0,0,.6); color: #FFF; position: fixed; bottom: 0; width: 100%; left: 0; }
.site footer .container { padding: 10px 0; }
.site footer .container-fluid { background: #FFCC29; color: #333; font-weight: bold; font-size: 1.5rem; }
.container.footer-top { padding-top: 5px !important; padding-bottom: 0 !important; }
.footer-top div { padding: 0; }
.footer-top div:first-child { text-align: left; }
.footer-top div:nth-child(2) { text-align: center; }
.footer-top div:nth-child(3) { text-align: right; }

.imodal { position: fixed; z-index: 999999; width: 100%; overflow: hidden; height: 0; background-color: rgba(0,0,0,.6); left: 0; top: 0; display: flex; align-items: center; justify-content: center; }
.imodal.open { height: 100%; }
.imodal .imodal-content { position: relative; }
.imodal .imodal-content a.imodal-control { position: absolute; color: #FFF; text-align: center; background-color: #D02626; border-radius: 50%; border: solid 3px #FFF; display: inline-block; -webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,1); box-shadow: 1px 1px 5px 0 rgba(0,0,0,1); display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; font-size: 18px; }
.imodal .imodal-content a.imodal-control.fechar { right: -10px; top: -10px; }
.imodal .imodal-content a.imodal-control.left { top: calc(50% - 16px); left: 10px; padding-top: 1px; padding-right: 2px; }
.imodal .imodal-content a.imodal-control.right { top: calc(50% - 16px); right: 10px; padding-left: 4px; padding-top: 1px; }
.imodal .imodal-content .imodal-image { padding: 10px; background-color: #FFF; }
.imodal .imodal-content .imodal-image img { max-width: 80vw; max-height: 90vh; }
.imodal .imodal-content .imodal-desc { position: absolute; margin: 10px; width: calc(100% - 20px); background-color: rgba(0,0,0,.7); color: #FFF; font-size: 12px; padding: 10px; font-family: 'Aller 200'; bottom: 0; }
/*loading*/
.imodal-content.loading { width: auto; height: auto; background-color: transparent; }
.imodal-content.loading a.imodal-control,
.imodal-content.loading .imodal-image,
.imodal-content.loading .imodal-desc { visibility: hidden; }
.placa-div{ padding-top:10px; }
.placa-div a{ display:flex; align-items:center; color:inherit; }
.placa-div h3{ display:inline; padding-left:10px; }

.ring {
	-ms-animation: wiggle 3s infinite ease-in-out;
	-webkit-animation: wiggle 3s infinite ease-in-out;
	animation: wiggle 3s infinite ease-in-out;
}

@-webkit-keyframes wiggle {
	0% {-webkit-transform: rotate(10deg);}
	5% {-webkit-transform: rotate(-10deg);}
	10% {-webkit-transform: rotate(20deg);}
	15% {-webkit-transform: rotate(-5deg);}
	20%,100% {-webkit-transform: rotate(0deg);}
}

@-ms-keyframes wiggle {
	0% {-ms-transform: rotate(1deg);}
	5% {-ms-transform: rotate(-1deg);}
	10% {-ms-transform: rotate(1.5deg);}
	15% {-ms-transform: rotate(-5deg);}
	20%,100% {-ms-transform: rotate(0deg);}
}

@keyframes wiggle {
	0% {transform: rotate(10deg);}
	5% {transform: rotate(-10deg);}
	10% {transform: rotate(20deg);}
	15% {transform: rotate(-5deg);}
	20%,100% {transform: rotate(0deg);}
}

.drop {
	-ms-animation: drop 3s infinite ease-in-out;
	-webkit-animation: drop 3s infinite ease-in-out;
	animation: drop 3s infinite ease-in-out;
}

@-webkit-keyframes drop {
	25% {-webkit-transform: translateY(-20px);}
	30% {-webkit-transform: translateY(0);}
	35% {-webkit-transform: translateY(-7px);}
	40% {-webkit-transform: translateY(0);}
	0%,20%,45%,100% {-webkit-transform: translateY(0px);}
}

@-ms-keyframes drop {
	25% {-ms-transform: translateY(-20px);}
	30% {-ms-transform: translateY(0);}
	35% {-ms-transform: translateY(-7px);}
	40% {-ms-transform: translateY(0);}
	0%,20%,45%,100% {-ms-transform: translateY(0px);}
}

@keyframes drop {
	25% {transform: translateY(-20px);}
	30% {transform: translateY(0);}
	35% {transform: translateY(-7px);}
	40% {transform: translateY(0);}
	0%,20%,45%,100% {transform: translateY(0px);}
}

.zoominout {
	-ms-animation: zoominout 3s infinite ease-in-out;
	-webkit-animation: zoominout 3s infinite ease-in-out;
	animation: zoominout 3s infinite ease-in-out;
}

@-webkit-keyframes zoominout {
	35% {-webkit-transform: rotateY(0);}
	50% {-webkit-transform: rotateY(90deg);}
	65% {-webkit-transform: rotateY(0);}
}

@-ms-keyframes zoominout {
	35% {-ms-transform: rotateY(0);}
	50% {-ms-transform: rotateY(90deg);}
	65% {-ms-transform: rotateY(0);}
}

@keyframes zoominout {
	35% {transform: rotateY(0);}
	50% {transform: rotateY(90deg);}
	65% {transform: rotateY(0);}
}