html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1;}
ol, ul { list-style: none;}
ul{padding-left: 0}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
a{text-decoration: none;}
.float-left{float: left;}
.float-right{float: right;}
.float-none{float: none !important;}
.display-block{display: block;}
.display-inline{display: inline;}
.display-inline-block{display: inline-block;}
.display-none{display: none}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.tex-alight-none{text-align: inherit !important}
.border-none{border: none !important;}
.clear{clear: both;} 


.conteudo-center-970{width: 1200px; margin: 0 auto;}
@media (max-width: 1200px){.conteudo-center-970{width: 96%; margin: 0 2%;}}
@media (max-width: 800px){.conteudo-center-970{width: 100%; margin: 0;} .responsive-none{display: none}}
a[href^=tel] { color: inherit; }


.banner{background: url(../img/header/banner.jpg);background-size: cover; background-repeat: no-repeat; background-position: center;float: left; width: 100%;height: 301px}
.quadrado{position: absolute;left: 48%;background: #ccf28c; z-index: 1; height: 39px; width: 39px}
.faixa{float: left; width: 100%;height: 174px;}
.faixa-esquerda{float: left; width: 48%; background: #ccf28c;height: 174px;margin-top: -5%;position: relative;z-index: 2;}
.faixa-direita{float: left; width: 52%; background: #222337;height: 174px}
.faixa-esquerda .conteudo-faixa{float: right; color: #1a1a1a; font-family: bebas-regular; font-size: 73px;margin: 50px 90px 50px 0px;}
.faixa-direita .conteudo-faixa{float: left; color: #ffffff; font-family: futura-medium; font-size: 23px;width: 60%;margin: 50px;line-height: 1.5;}
.faixa-direita .titulo3{display: inline-block; margin: 0 1%;}
.faixa-direita span{color: #c2f079}
.quadrado-header{transform: translate(-50%,-50%) rotate(45deg); -webkit-transform: translate(-50%,-50%) rotate(45deg);}
.seta-index{background: url(../img/index/seta.png) center no-repeat;cursor: pointer;width: 9px;height: 16px;padding: 0 15px;background-size: contain;}
@media (max-width: 1520px){.faixa-direita .conteudo-faixa{width: 80%}}
@media (max-width: 1220px){.faixa-direita .conteudo-faixa{width: 80%; font-size: 22px}.faixa-esquerda .conteudo-faixa{font-size: 70px}.faixa, .faixa-direita, .faixa-esquerda{height: 200px}}
@media (min-width: 1201px) and (max-width:1216px){
    body{overflow-x: hidden;}
}
@media (max-width: 800px){
    .faixa, .faixa-direita, .faixa-esquerda{width: 100%; display: block; height: auto; text-align: center; background: #222337;}
    .faixa-esquerda .conteudo-faixa{color: white; margin: 5%}
    .faixa-direita .conteudo-faixa{margin: 0% 5% 5%; width: 90%}
    .conteudo-faixa{float: none !important}
    .quadrado-index{display: none}
    .seta{float: right;padding-top: 0;background-size: contain;}
    .banner, .home-demo{margin-top: 100px !important}
}   
@media (max-width: 445px){
    .faixa-direita{display: none}
    .faixa-esquerda .conteudo-faixa{font-size: 60px}
}


/*PADROES*/
.item-center{position: relative;left: 50%;transform: translate(-50%,0%); -webkit-transform: translate(-50%,0%);}
.bold{font-family: futura-bold}
.btn{float: left; text-align: center; font-size: 11px; font-family: raleway-semibold;margin: 8% 0 0 60px;cursor: pointer;transition: all 0.3s ease 0s;}
.btn:hover{border-radius: 5px; background: #2d4a9e;}
/*FIM PADROES*/