@charset "utf-8";

:root {
	--cor-principal: 		#1b1c2c;
	--cor-secundaria: 		#178297;
	--cor-texto: 			#000000;
	--cor-texto2: 			#283048;
	--fonte-padrao: 		'Nunito';
}

body { font-size: 14px; font-family: var(--fonte-padrao), Calibri, Arial, sans-serif; text-rendering: geometricPrecision !important; -webkit-font-smoothing: antialiased !important; height: auto; font-weight: 400; background-color: #ffffff; color: #545454; }
* { margin: 0px; padding: 0px; border: none; list-style: none; text-decoration: none; }
html { overflow-x:hidden; }
*:focus { outline: none; }

/* GERAIS */
a:link, a:visited, a:hover { color:#000000; text-decoration:none; font-size: 12px; font-family: var(--fonte-padrao); }
.clearfix, .clearfix2 { width: 100%; position: relative; clear: both; height: 10px; }
.clearfix:before, .clearfix:after,.clearfix2:before, .clearfix2:after { display: table; content: " "; min-height: 0px !important; margin: 0px !important; }
.clearfix:after, .clearfix2:after { clear: both; float: none; height: 0px !important; min-height: 0px !important; margin: 0px !important;  }
.centraliza, .util, .util3 { width: 1100px; margin: 0 auto; height: auto; position: relative; display: block; }
.centraliza-vertical { left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.utilmetade { width: 550px; margin: 0 auto; height: auto; }
.metade { width: 574px; margin: 0 auto; height: auto; }
.anima { -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.anima1 { -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; }
.anima5 { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.pulse { -moz-animation: pulse 2s infinite; -o-animation: pulse 2s infinite; -webkit-animation: pulse 2s infinite; }
.tremer { -moz-animation: tremer 0.75s; -o-animation: tremer 0.75s; -webkit-animation: tremer 0.75s; }
.blur { -webkit-filter: blur(5px); filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); }
#mascara2 { display: none; position:fixed; width:100%; height: 75px; left: 0; top: 0; background-color: rgba(23,130,151,0.95); z-index: 2001; }
#mascara_filtros { display: none; position:fixed; width:100%; min-height: 100%; left: 0; top: 0; background-color: rgba(82,90,136,0.5); z-index:1000; }
#amensagem { display: none; position: fixed; background-size: auto 80px; background-repeat:no-repeat; background-position: 20px center; z-index: 5000001; left: 0; top: 0; width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); padding: 50px 20px; font-size: 18px; line-height: 18px; font-family: var(--fonte-padrao); font-weight: 600; color: #ffffff; text-align: center; height: auto; letter-spacing: 0px; }
#amensagem_curta { display: none; position: fixed; z-index: 5000001; top: 100px; left: 50%; transform: translate(-50%, 0); width:auto; max-width: 340px; padding: 20px; font-size: 13px; line-height: 18px; font-family: var(--fonte-padrao); font-weight: 400; color: #ffffff; text-align: left; height: auto; letter-spacing: 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; -webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.2); -moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.2); box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.2); }
#amensagem_curta strong { font-weight: 700; }
#amensagem_curta a { font-weight: 700; color: #ffffff; text-decoration: underline; font-size: 13px; line-height: 18px; font-family: var(--fonte-padrao); }
#amensagem_curta i { font-size: 14px !important; height: 18px !important; line-height: 18px !important; color: #ffffff; float: left; margin-right: 10px; }
.sombra { padding: 6px 0px; -webkit-box-shadow: 0px 15px 20px 0px rgba(0,0,0, 0.1); -moz-box-shadow: 0px 15px 20px 0px rgba(0,0,0, 0.1); box-shadow: 0px 15px 20px 0px rgba(0,0,0, 0.1); }
.esconde { display: none; }

/*CESTA*/
.cesta { display: none; position: fixed; border-bottom: 0px solid var(--cor-secundaria); bottom: 6px; z-index: 3000; width: -moz-calc(80% - 40px); width: -webkit-calc(80% - 40px); width: -o-calc(80% - 40px); width: calc(80% - 40px); background-color: #282e49; padding: 10px 20px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease;  -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; text-align: right; margin: 0px; box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; max-width: 1000px; left: 50%; transform: translate(-50%, 0); }
.cesta:hover { border-bottom: 7px solid var(--cor-secundaria); }
.cesta:hover .slug_central { text-decoration: underline; }
.cesta .total { width: 320px; padding: 0px; text-align: right; position: relative; height: auto; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; vertical-align: top; }
.cesta .total .valor { display: inline-block; vertical-align: top; width: auto; height: auto; position: relative; font-family: var(--fonte-padrao); color: #ffffff; line-height: 30px; font-size: 20px; font-weight: 800; text-align: left; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.cesta .chamada { float: left; width: auto; height: auto; position: relative; font-family: var(--fonte-padrao); color: #ffffff; line-height: 30px; font-size: 20px; font-weight: 800; text-align: left; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.cesta .chamada i { font-size: 20px; color: rgba(255,255,255,0.5); padding: 0px 10px 0px 0px; }
.cesta .slug_central { width: auto; height: 30px; background-color: #282e49; position: absolute; left: 50%; transform: translate(-50%, 0); font-family: var(--fonte-padrao); color: rgba(255,255,255,0.6); line-height: 30px; font-size: 12px; font-weight: 300; padding: 0px 10px; line-height: 30px }

/*WHATSAPP*/
.chama_whats { width: 140px; text-align: center; height: 40px; position: fixed; bottom: 10px; left: 10px; z-index: 1000; background-color: #00cf2e;-moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;box-shadow: rgba(0, 0, 0, 0) 0px 54px 55px, rgba(0, 0, 0, 0) 0px -12px 30px, rgba(0, 0, 0, 0) 0px 4px 6px, rgba(0, 0, 0, 0) 0px 12px 13px, rgba(0, 0, 0, 0) 0px -3px 5px;  -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; overflow: hidden; }
.chama_whats:hover { bottom: 20px;box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; }
.chama_whats .chamada { position: relative; width: 100px; height: auto; padding: 5px 0px 0px 0px; display: inline-block; vertical-align: top; color: #ffffff; font-weight: 500; text-align: left; font-size: 10px; line-height: 14px; }
.chama_whats .chamada p { color: #005b08; font-weight: 800; text-align: left; font-size: 14px; line-height: 16px; }
.chama_whats .ico { position: relative; width: 35px; height: 40px; display: inline-block; vertical-align: top; }
.chama_whats .ico i { font-size: 22px; width: 100%; height: 40px; line-height: 40px; color: #ffffff; }

.tag_padrao { position: relative; display: inline-block; vertical-align: top; width: auto; height: auto; padding: 0px; font-size: 30px; font-family: var(--fonte-padrao); color: #ffffff; text-align: left; line-height: 20px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-weight: 700; }
.tag_padrao .linha_padrao { width: 6px; height: 20px; background-color: var(--cor-principal); position: relative; float: left; margin-right: 20px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.blur { -webkit-filter: blur(3px); -moz-filter: blur(3px); -ms-filter: blur(3px); -o-filter: blur(3px); filter: blur(3px); }
section { width: 100%; height: auto; position: relative; clear: both; overflow: hidden; padding: 0px; margin: 0px; }
i { -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.espaco_header { width: 100%; height: 140px; position: relative; clear: both; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.bullet-padrao a { position: relative; text-indent:-9999px; display: inline-block; width:14px; height:8px; background-color:#b6b6b6; margin: 0px 3px;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.bullet-padrao a.selected { text-indent:-9999px; display: inline-block; position: relative; background-color:#cb2228;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; width: 40px; height: 8px; }

.mural { display: none;  top: 60px; right: 0px; width: 355px; height: auto; position: absolute; z-index: 1001; background-color: #f4f6f8; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.1); box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.1); -moz-transition: all 0.3 ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; }
.mural ul { width: 100%; height: 378px; position: relative; overflow-y: auto; list-style-type: none; }
.mural ul li { width: 320px; padding: 7px 10px 7px 10px; height: auto;  position: relative; background-color: #ffffff; border-top: 1px solid rgba(0,0,0,0.05); -moz-transition: all 0.3 ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.mural ul li .not { display: inline-block; vertical-align: top; width: 280px; height: auto; text-align: left; font-size: 12px; line-height: 14px; letter-spacing: 0px; color: #858585; font-family: var(--fonte-padrao); font-weight: 300; }
.mural ul li .not p { width: 100%; text-align: left; font-size: 10px; line-height: 10px; color: #cccccc; font-family: var(--fonte-padrao); letter-spacing: 0px; font-weight: 300; position: relative; padding-top: 4px; }
.mural .destaque_notifica { background-color: var(--cor-principal); padding: 10px 10px 5px 10px; position: relative; height: auto; display: inline-block; vertical-align: top; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); text-align: left; }
.mural .destaque_notifica a { vertical-align: top; line-height: 14px; text-align: left; font-size: 12px; letter-spacing: 0px; color: #ffffff; font-family: var(--fonte-padrao); font-weight: 300; }
.mural .destaque_notifica span { line-height: 14px; text-align: left; font-size: 12px; letter-spacing: 0px; color: #ffffff; font-family: var(--fonte-padrao); font-weight: 300; }
.mural .destaque_notifica a:hover,
.mural .destaque_notifica span:hover { text-decoration: underline; }
.mural .destaque_notifica i { width: 15px; text-align: center; color: #ffffff; padding-right: 5px; float: left; font-size: 15px !important; line-height: 14px !important; }
.mural .destaque_notifica a i { line-height: 14px; }
.mural .destaque_notifica span { float: right; padding-right: 0px; }
.mural ul li:hover { background-color: #ffffff; }
.mural ul li.nao_visivel { background-color: #f4f6f8; color: #f4f6f8; border-top: white 1px solid; }
.mural ul li.nao_visivel .not { color: #000000; font-weight: 400; font-size: 12px; }
.mural ul li.nao_visivel p { color: rgba(0,0,0,0.4); font-weight: 400; }
.mural ul li.nao_visivel a i { color: #cccccc; }
.mural ul li .avatar { width: 26px; height: 26px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid rgba(0,0,0,0.2); position: relative; float: right; margin-left: 3px; }
.mural ul li .avatar .sigla { width: 26px !important; height: 26px !important; line-height: 26px !important; font-size: 12px !important; }
.mural ul li .avatar img { width: 26px; height: 26px; overflow: hidden; }
.mural ul li a i { color: #cccccc; display: inline-block; vertical-align: top; position: relative; z-index: 110; padding: 0px 15px 0px 0px; width: 20px; height: 30px; font-size: 14px; line-height: 26px; text-align: center; }
.mural ul li.vazio { background: transparent; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); height: auto; position: relative; border-top: 1px solid rgba(0,0,0,0); }
.mural ul li.vazio p { color: #000000; font-weight: 400; width: 100%; text-align: center; }
.mural ul li.vazio i { color: var(--cor-principal); font-size: 60px; width: 100%; line-height: 100px; text-align: center; padding-top: 100px; }

#mural_flutuante { bottom: 30px; right: 10px; width: auto; height: auto; position: fixed; z-index: 9999; }
#mural_flutuante ul { width: 100%; height: auto; position: relative; list-style-type: none; }
#mural_flutuante ul li { width: 340px; padding: 20px 20px 15px 15px;  background: var(--cor-principal);  margin-bottom: 10px; text-align: left; height: auto; letter-spacing: 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.2); box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.2); -moz-transition: all 0.3 ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#mural_flutuante ul li .not { width: 280px; display: inline-block; vertical-align: top; text-align: left; font-size: 13px; line-height: 15px; letter-spacing: 0px; color: #ffffff; font-family: var(--fonte-padrao); font-weight: 300; }
#mural_flutuante ul li .not p { width: 100%; text-align: left; font-size: 10px; line-height: 10px; color: rgba(255,255,255,0.5); font-family: var(--fonte-padrao); letter-spacing: 0px; font-weight: 300; position: relative; padding-top: 5px; }
#mural_flutuante ul li .avatar { width: 50px; height: 50px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid rgba(255,255,255,0.2); position: absolute; right: 0px; margin: -27px -10px 0px 0px;  -moz-transition: all 0.3 ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#mural_flutuante ul li .avatar .sigla { width: 26px !important; height: 26px !important; line-height: 26px !important; font-size: 12px !important; }
#mural_flutuante ul li .avatar img { width: 50px; height: 50px; overflow: hidden; }
#mural_flutuante ul li .acoes_not { display: inline-block; vertical-align: top; position: relative; z-index: 110; margin: 0px 10px 0px 0px; padding: 0px; width: 26px; height: auto; text-align: center; }
#mural_flutuante ul li .acoes_not a i {display: inline-block; vertical-align: top; color: #ffffff; position: relative; z-index: 110; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 26px; height: 26px; font-size: 24px; line-height: 26px; text-align: center;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#mural_flutuante ul li .acoes_not a i:hover { background-color: rgba(255,255,255,0.2); }
#mural_flutuante ul li .acoes_not .configura {display: inline-block; vertical-align: top; color: rgba(255,255,255,0.5); position: relative; z-index: 110; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; width: 26px; height: 12px; font-size: 8px; line-height: 12px; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#mural_flutuante ul li .acoes_not .configura:hover { background-color: rgba(255,255,255,0.2); }
#mural_flutuante ul li:hover .avatar { margin: -30px -10px 0px 0px; -webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.2); -moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.2); box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.2); -moz-transition: all 0.3 ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.titulo_global { width: 100%; height: auto; position: relative; text-align: left; padding: 20px 0px; }
.titulo_global .tag_global { position: relative; display: inline-block; vertical-align: top; width: auto; height: auto; padding: 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.titulo_global .tag_global .linha_padrao { width: 6px; height: 22px; background-color: var(--cor-secundaria); position: relative; float: left; margin-right: 20px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.titulo_global .tag_global .linha_padrao_azul_claro { width: 6px; height: 22px; background-color: var(--cor-secundaria); position: relative; float: left; margin-right: 20px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.titulo_global .tag_global .linha_padrao_rosa { width: 6px; height: 22px; background: var(--cor-secundaria); position: relative; float: left; margin-right: 20px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.titulo_global .tag_global img { float: left; width: auto; height: auto; max-height: 20px; padding: 0px 20px 0px 0px; }
.titulo_global .tag_global .label_global.uppercase { text-transform: uppercase; }
.titulo_global .tag_global .label_global .complemento.inherit { text-transform: initial; }
.titulo_global .tag_global .label_global_menor { min-width: 200px; position: relative; display: inline-block; vertical-align: top; width: auto; max-width: 95%; height: auto; padding: 0px; font-size: 18px; font-family: var(--fonte-padrao); color: #000000; text-align: left; line-height: 20px; font-weight: 600; text-transform: uppercase; }
.titulo_global .tag_global .label_global_menor span { width: auto; height: auto; position: relative; display: inline-block; vertical-align: top; font-weight: 800; padding: 10px 15px; margin: -10px 0px 0px 10px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.titulo_global .tag_global .label_global { min-width: 200px; position: relative; display: inline-block; vertical-align: top; width: auto; max-width: 95%; height: auto; padding: 0px; font-size: 18px; font-family: var(--fonte-padrao); color: #000000; text-align: left; line-height: 20px; font-weight: 600; }
.titulo_global .tag_global .label_global.branco { color: #ffffff; }
.titulo_global .tag_global .label_global span { width: auto; height: auto; position: relative; display: inline-block; vertical-align: top; font-weight: 800; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.titulo_global .tag_global .label_global .complemento { clear: both; max-width: 80%; vertical-align: top; width: auto; font-size: 15px; font-family: var(--fonte-padrao); color: #545454; text-align: left; padding: 0px; line-height: 20px; position: relative; z-index: 10; margin: 0px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; font-weight: 300; padding: 10px 0px 0px 0px; }
.titulo_global .tag_global .label_global .adicional { clear: both; max-width: 100%; vertical-align: top; width: auto; font-size: 14px; font-family: var(--fonte-padrao); color: #545454; text-align: left; padding: 0px; line-height: 20px; position: relative; z-index: 10; margin: 0px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; font-weight: 300; padding: 10px 0px 0px 0px; }
.titulo_global .tag_global .label_global .complemento.menor { font-size: 12px; max-width: 100%; }
.titulo_global .tag_global .label_global i { color: var(--cor-principal); font-size: 20px; padding-right: 10px; }
.titulo_global .nova_acao { position: relative; float: right; margin-left: 10px; width: auto; height: auto; padding: 6px 20px; font-size: 12px; font-weight: 400; font-family: var(--fonte-padrao); background-color: #eaeaea; color: #000000; text-align: left; line-height: 20px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.titulo_global .nova_acao i { padding-right: 10px; }
.titulo_global .nova_acao:hover { background: var(--cor-principal);  color: #ffffff; padding: 6px 25px; }
.titulo_global .nova_acao.simples { background-color: #ffffff; text-decoration: underline; }
.titulo_global .nova_acao.simples:hover { color: #000000; }

.titulo_padrao { width: 100%; height: auto; padding: 12px 0px 5px 0px; position: relative; text-align: left; }
.titulo_padrao .acao_titulo { width: 49%; height: 40px; position: relative; display: inline-block; vertical-align: top; text-align: left; }
.titulo_padrao .acao_titulo .legenda { display: inline-block; text-transform: uppercase; vertical-align: top; text-align: left; width: 100%; height: auto; line-height: 32px; font-family: var(--fonte-padrao); color: #000000; font-weight: 600; font-size: 24px; }
.titulo_padrao .acao_titulo .linha { width: 85px; height: 10px;  background: var(--cor-secundaria);  display: inline-block; clear: both; margin: 4px 0px 0px 0px; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.titulo_padrao .acao_blocos { width: 100%; height: 40px; position: relative; display: inline-block; vertical-align: top; text-align: left; padding: 30px 0px; }
.titulo_padrao .acao_blocos .legenda { display: inline-block; text-transform: uppercase; vertical-align: top; text-align: left; width: 100%; height: auto; line-height: 32px; font-family: var(--fonte-padrao); color: #ffffff; font-weight: 600; font-size: 24px; }
.titulo_padrao .acao_blocos .legenda.titulo_preto { color: #000000 !important; }
.titulo_padrao .acao_blocos .linha { width: 85px; height: 5px;  background: var(--cor-secundaria);  display: inline-block; clear: both; margin: 4px 0px 0px 0px; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.titulo_padrao .complemento { display: inline-block; vertical-align: top; text-align: left; width: 49%; height: auto; line-height: 32px; font-family: var(--fonte-padrao); color: #545454; font-weight: 200; font-size: 22px; text-align: right; }
.titulo_padrao .complemento span { font-weight: 600; }
.titulo_padrao .complemento:hover { text-decoration: underline; }
.titulo_padrao:hover .linha { width: 110px; }

.introducao_padrao { font-size: 14px; text-align: left; color: #545454; position: relative; padding: 10px 0px; width: 100%; font-family: var(--fonte-padrao); }
.introducao_padrao_pagina { font-size: 17px; font-weight: 200; text-align: left; color: #545454; position: relative; padding: 0px 0px 20px 0px; margin: 0px 0px 15px 0px; width: 100%; font-family: var(--fonte-padrao); border-bottom: 1px solid  #f4f6f8; height: auto; }
.progresso_leitura { width: 100%; height: 4px; position: fixed; top: 52px; z-index: 9999; background-color: transparent; }
.progresso_leitura .progresso_scroll { width: 0%; height: 2px; position: absolute;  background: var(--cor-secundaria);  }
.erro-login { display: none; width: 20px; height: 20px; position: absolute; right: 20px; margin-top: 20px; z-index: 10; text-align: center; line-height: 20px; color: red; font-size: 15px; }
.acerto-login { display: none; width: 20px; height: 20px; position: absolute; right: 20px; margin-top: 20px; z-index: 10; text-align: center; line-height: 20px; color: #000000; font-size: 15px; }
.erros-registro { display: none; width: 100%; height: 12px; line-height: 12px; padding: 3px 0px; font-family: var(--fonte-padrao); font-size:12px; color: red; font-weight: bold; text-align: center; }
.cool-link { display: inline-block; text-decoration: none; }
.cool-link-ativo::after { content: ''; margin-top: 0px; z-index: 102; position: relative; display: block; width: 100%; height: 1px; background: var(--cor-secundaria); -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.cool-link::after { content: ''; margin-top: 0px; z-index: 102; position: relative; display: block; width: 0; height: 1px; background: var(--cor-secundaria); -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.cool-link:hover::after { width: 100%; margin-top: 0px; z-index: 102; position: relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.cta_formulario { left: 50%; width: auto; height: auto; position: fixed; bottom: 5px; z-index: 1000; cursor: pointer; padding: 7px 20px; font-family: var(--fonte-padrao); font-size: 14px;   background: var(--cor-principal);  color: #ffffff; font-weight: bold; text-align: center;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/* BANNER PÁGINAS */
.banner_fixo { width:100%; height:220px; margin-top: 90px; position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: 100% auto; background-color: var(--cor-principal); }
.banner_fixo .local_banner { width: 100%; height: auto; position: absolute; z-index: 11; }
.banner_fixo .local_banner .titulo_pagina { position: relative; display: inline-block; text-align: left; vertical-align: top; width: 100%; height: auto; padding: 60px 0px 10px 0px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; font-size: 24px; font-family: var(--fonte-padrao); color: #ffffff; line-height: 25px; font-weight: 600; }
.banner_fixo .local_banner .divisa_pagina { z-index: 1; width: 80px; height: 8px; background-color: var(--cor-principal); position: relative; display: inline-block; margin: 0px;  -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease;}
.banner_fixo .local_banner .introducao_pagina { display: inline-block; vertical-align: top; width: 100%; font-size: 18px; font-family: var(--fonte-padrao); color: rgba(255,255,255,0.6); text-align: left; padding: 0px; line-height: 25px; position: relative; z-index: 10; margin: 0px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; font-weight: 300; }
.banner_fixo .mascara_banner { width: 100%; height: 220px; position: absolute; z-index: 10; background-color: rgba(40,46,73,0.8); -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.banner_fixo:hover .titulo_pagina { padding-top: 70px; }
.banner_fixo:hover .mascara_banner { background-color: rgba(40,46,73,0.9); }
.banner_fixo:hover .divisa_pagina { width: 100px; }

.banner_fixo_sem_fundo { width:100%; height:auto; margin-top: 90px; padding: 40px 0px; position: relative; overflow: hidden;  background: var(--cor-principal);  }
.banner_fixo_sem_fundo .local_banner { width: 100%; height: auto; position: relative; z-index: 11; }
.banner_fixo_sem_fundo .local_banner .tag_pagina { position: relative; display: inline-block; vertical-align: top; width: auto; height: auto; padding: 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.banner_fixo_sem_fundo .local_banner .tag_pagina .linha_pagina { width: 6px; height: 22px; background-color: #d37059; position: relative; float: left; margin-right: 20px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.banner_fixo_sem_fundo .local_banner .tag_pagina .label_pagina { position: relative; display: inline-block; vertical-align: top; width: auto; height: auto; padding: 0px; font-size: 30px; font-family: var(--fonte-padrao); color: #ffffff; text-align: left; line-height: 20px; font-weight: 400; }
.banner_fixo_sem_fundo .local_banner .tag_pagina .label_pagina span { width: auto; height: auto; font-weight: 800; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.banner_fixo_sem_fundo .local_banner .tag_pagina .label_pagina .complemento { clear: both; max-width: 80%; vertical-align: top; width: auto; font-size: 15px; font-family: var(--fonte-padrao); color: #ffffff; text-align: left; padding: 0px; line-height: 20px; position: relative; z-index: 10; margin: 0px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; font-weight: 300; padding: 10px 0px 0px 0px; }

/*ACEITE*/
.aceite { width: 70%; height: auto; position: fixed; left: 50%; bottom: 0px; transform: translate(-50%, -50%); padding: 20px; background-color: #ffffff; z-index: 99999; text-align: center; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0, 0.5); -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0, 0.5); box-shadow: 0px 0px 40px 0px rgba(0,0,0, 0.5);  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; }
.aceite:hover { -webkit-box-shadow: 0px 0px 60px 0px rgba(0,0,0, 0.8); -moz-box-shadow: 0px 0px 60px 0px rgba(0,0,0, 0.8); box-shadow: 0px 0px 60px 0px rgba(0,0,0, 0.8); }
.aceite .cta-aceite { cursor: pointer; display: inline-block; vertical-align: top; margin-top: 20px; width: auto; padding: 10px 20px; background: var(--cor-principal); color: #ffffff; font-size: 16px; font-family: var(--fonte-padrao); font-weight: 700;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; }
.aceite .cta-aceite:hover { padding: 10px 25px; }
.aceite .chama-aceite { width: 100%; font-size: 13px; font-family: var(--fonte-padrao); text-align: center; color: #959595; padding: 0px 30px 0px 0px; }
.aceite .chama-aceite u { text-decoration: underline; }
.aceite .chama-aceite i { }
.aceite .chama-aceite strong, .aceite .chama-aceite b { font-style: 700; }
.aceite .chama-aceite a { color:#959595; font-size: 13px; line-height: 20px; font-family: var(--fonte-padrao); font-weight: 400; text-decoration: underline; }
.aceite .chama-aceite a:hover { background-color: #f4f6f8; }

/* POPUP */
#fechar { z-index:100001; position:fixed; }
#fechapopup { width: 75px; position: fixed; cursor: pointer; z-index:100002; border: 2px solid rgba(255,255,255,0); left: 50%; margin-left: -57.5px; top: -50px; color: var(--cor-principal); font-size: 12px; letter-spacing: 2px; font-family: var(--fonte-padrao); font-weight: 800; padding: 2px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#fechapopup:hover { border: 2px solid var(--cor-principal); }
#mascara, #mascarafb { position:fixed; text-align: center; width:100%; min-height: 100%; left: 0; top: 0; background-color: rgba(255,255,255,0.9); z-index:100001; }
#mascara_busca { display: none; position:fixed; text-align: center; width:100%; min-height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.9); z-index:1099; }
.fb_iframe_widget { left: 0px !important; }
#pop { transform: translate(-50%, -50%); }

/* TOPO */
header { width: 100%; height: auto; position: fixed; top: 0px; left: 0px; padding: 5px 0px; z-index: 1100; background-color: #ffffff; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; text-align: left; }
header .menu_acoes { width: 100%; height: auto; position: relative; padding: 0px; text-align: left; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
header .menu_acoes .premium { width: 24px; height: 24px; text-align: center; line-height: 24px; background-color: #f9f9f9; color: var(--cor-secundaria); font-size: 16px; position: absolute; z-index: 100; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0px 0px 0px -10px; }
header .menu_acoes .logomarca { width: auto; min-width: 350px; height: 65px; margin: 0px; position: relative; background-repeat: no-repeat; background-position: center left; background-size: auto 100%; display: inline-block; vertical-align: top; }
header .menu_acoes .logomarca img { width: auto; height: auto; max-height: 65px; position: relative; display: block; }
header .menu_acoes #menu2start { display: inline-block; vertical-align: top; cursor: pointer; width: 25px; margin: 7px 0px 0px 0px; padding: 0px 10px 5px 10px; height: 45px; z-index: 12001; }
header .menu_acoes #menu2start .barras { width: 100%; height: auto; position: relative; padding-top: 16px; }
header .menu_acoes #menu2start .barras .barra { width: 100%; height: 3px; position: relative; background-color: #000000; margin-bottom: 4px; }
header .menu_acoes select { width: 300px; height: 45px; color: var(--cor-principal); font-size: 15px; line-height: 45px; font-weight: 600; font-family: var(--fonte-padrao); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px; padding: 0px 10px; }
header .menu_acoes .acionadores { cursor: pointer; width: auto; min-width: 30px; height: 65px; text-align: center; position: relative; z-index: 11; float: right; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; color: var(--cor-principal); font-size: 12px; line-height: 65px; font-weight: 600; font-family: var(--fonte-padrao); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
header .menu_acoes .acionadores#aciona_busca { float: none; display: inline-block; vertical-align: top; }
header .menu_acoes .acionadores.logado { padding-right: 15px; }
header .menu_acoes .acionadores i { font-size: 18px; color: var(--cor-principal); text-align: center; width: 100%; height: auto; line-height: 65px; display: inline-block; vertical-align: top; }
header .menu_acoes .acionadores:hover i { color: var(--cor-secundaria); }
header .menu_acoes .acionadores i.fa-user-circle,
header .menu_acoes .acionadores i.fa-store { color: var(--cor-secundaria); padding: 0px 10px; text-align: left; width: auto; }
header .menu_acoes .acionadores i.fa-search { font-size: 15px; }
header .menu_acoes .acionadores .contador_notificacoes { position: absolute; left: 0px; width: auto; height: 14px; padding: 0px 4px; line-height: 14px; color: white; font-size: 10px; font-weight: 400; display: inline; margin: 2px 0px 0px 5px; top: 0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: var(--cor-principal); color: #ffffff; }
header .menu_acoes .acionadores .contador_notificacoes.apagado { background-color: transparent; }
header .menu_acoes .acionadores .perfil { cursor: pointer; width: 32px; height: 32px; margin: 0px 10px 2px 10px; position: relative; display: inline-block; vertical-align: middle; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; border: 2px solid #f4f6f8; background-color: #f4f6f8; background-image: url(../imagens/ajax-loader.gif); background-repeat: no-repeat; background-position: center center; background-size: 90% auto; }
header .menu_acoes .acionadores .perfil .avatar { display: inline-block; vertical-align: top; position: relative; width: 32px; height: 32px; position: relative; }
header .menu_acoes .acionadores .perfil .avatar img { -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; width: 32px; height: 32px; position: relative; vertical-align: top; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
header .menu_acoes .acionadores:hover,
header .menu_acoes .acionadores i.ativador { color: var(--cor-secundaria) }
header .menu_acoes .acionadores .submenu { position: absolute; margin: -1px 0px 0px 0px; top: 60px; display: none; width: 200px; height: auto; z-index: 902; padding: 0px; background-color: #ffffff; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 0px 15px 20px 0px rgba(0,0,0, 0.1); -moz-box-shadow: 0px 15px 20px 0px rgba(0,0,0, 0.1); box-shadow: 0px 15px 20px 0px rgba(0,0,0, 0.1); overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
header .menu_acoes .acionadores .submenu#submenu6 { right: 0px; background-color: #f4f6f8; }
header .menu_acoes .acionadores .submenu .subitem { cursor: pointer; height: auto !important; border-bottom: #eaeaea 1px solid; width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); width: -o-calc(100% - 25px); width: calc(100% - 25px); padding: 6px 15px 6px 10px; text-align: left; color: #000000; font-size: 12px; line-height: 25px !important; font-family: var(--fonte-padrao); font-weight: 400; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
header .menu_acoes .acionadores .submenu .subitem.sair { background-color: var(--cor-secundaria); color: #ffffff; border-bottom: var(--cor-secundaria) 1px solid; }
header .menu_acoes .acionadores .submenu .subitem.sair i { color: #ffffff !important; }
header .menu_acoes .acionadores .submenu .subitem i { width: 35px; padding: 0px 8px 0px 0px !important; text-align: center; float: left; font-size: 16px; line-height: 25px !important; height: auto !important; color: var(--cor-principal); }
header .menu_acoes .acionadores .submenu .subitem i.fa-store { font-size: 13px; }
header .menu_acoes .acionadores .submenu .subitem:hover { background-color: #eaeaea; padding: 6px 10px 6px 15px; color: var(--cor-principal); }
header .menu_acoes .acionadores .submenu .subitem.sair:hover,
header .menu_acoes .acionadores .submenu .subitem.sair i, header .menu_acoes .acionadores .submenu .subitem.sair:hover i { background-color: var(--cor-secundaria); color: #ffffff; }

.busca_rapida { display: none; width: 60%; padding: 10px; height: auto; background-color: #ffffff; position: fixed; z-index: 2002; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; left: 50%; top: 10px; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px; }
.busca_rapida i { width: 50px; position: absolute; margin-top: -50px; height: 65px; line-height: 65px; cursor: pointer; text-align: center; font-size: 28px; color: var(--cor-secundaria); right: 10px; }
.busca_rapida form { width: 100%; height: auto; position: relative; }
.busca_rapida form input[type=text] { width: 100%; height: auto; line-height: auto; color: var(--cor-principal); font-family: var(--fonte-padrao); font-size: 18px; background-color: transparent; font-weight: 600; display: inline-block; vertical-align: top; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; padding: 5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/*SEO H1 E H2*/
.tags_especiais { width: 100%; height: auto; position: relative; padding: 20px 0px 50px 0px; }
.tags_especiais h1 { width: 100%; height: auto; position: relative; padding: 40px 0px 0px 0px; font-size: 22px; font-family: var(--fonte-padrao); color: var(--cor-principal); text-align: left; line-height: 28px; font-weight: 600; border-top: 1px solid #f4f6f8; }
.tags_especiais h2 { width: 100%; height: auto; position: relative; padding: 10px 0px 0px 0px; font-size: 13px; font-family: var(--fonte-padrao); color: #545454; text-align: left; line-height: 20px; font-weight: 400; }

/* RODAPÉ */
footer { width: 100%; height: auto; position: relative; padding-bottom: 50px; background: #ffffff; clear: both; }
footer .rodape { width: 100%; height: auto; position: relative; clear: both; }
footer .rodape .assinatura_portal_lojista { width: 100%; height: auto; position: relative; padding: 20px 0px 30px 0px; text-align: left; }
footer .rodape .assinatura_portal_lojista .termos { position: relative; display: inline-block; vertical-align: top; width: 48%; height: auto; padding: 5px 0px; line-height: 16px; font-size: 12px; color: var(--cor-principal); text-align: left; font-family: var(--fonte-padrao); font-weight: 400; }
footer .rodape .assinatura_portal_lojista .termos a { font-size: 12px; color: var(--cor-principal); font-family: var(--fonte-padrao); font-weight: 400; }
footer .rodape .assinatura_portal_lojista .termos a:hover { text-decoration: underline; }
footer .rodape .assinatura_portal_lojista .assinatura_portal { width: auto; height: auto; position: relative; padding: 5px 0px; text-align: right; float: right; }
footer .rodape .assinatura_portal_lojista .assinatura_portal span { position: relative; display: inline-block; vertical-align: top; width: auto; height: auto; line-height: 20px; font-size: 12px; color: var(--cor-principal); font-family: var(--fonte-padrao); font-weight: 400; padding: 5px 0px; }
footer .rodape .assinatura_portal_lojista .assinatura_portal img { display: inline-block; vertical-align: top; text-align: center; width: auto; height: 25px; margin: 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
footer .rodape .assinatura_portal_lojista .assinatura_portal .coracao_direitos { width: 20px; height: 30px; display: inline-block; vertical-align: top; margin: 0px 2px; font-size: 18px; line-height: 18px; color: var(--cor-secundaria); -webkit-animation: heartbeat 2.5s infinite; -moz-animation: heartbeat 2.5s infinite; animation: heartbeat 2.5s infinite; }

/* MENU CELULAR */
#menu2 { display: none; background-color: rgba(23,130,151,0.95); width: 96%; height:100% !important; margin: 0 auto; padding: 0px 2%; position: fixed; z-index: 2000; text-align: center; }
#menu2 i { width: 100%; height: 70px; line-height: 70px; cursor: pointer; text-align: center; font-size: 28px; color: #ffffff; }
#menu2 li { font-weight: normal; border-top: rgba(255,255,255,0.1) 1px solid !important; list-style-type: none; cursor: pointer; color: #ffffff; text-align: center; font-size: 24px; height: auto; padding: 10px; line-height: 28px; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); font-family: var(--fonte-padrao); font-weight: 700; display: inline-block; }

::-webkit-input-placeholder { /* Chrome */ color: var(--cor-principal) !important; }
:-ms-input-placeholder { /* IE 10+ */ color: var(--cor-principal) !important; }
::-moz-placeholder { /* Firefox 19+ */ color: var(--cor-principal) !important; opacity: 1; }
:-moz-placeholder { /* Firefox 4 - 18 */ color: var(--cor-principal) !important; opacity: 1; }

@-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(140,39,171, 0.8); -moz-box-shadow: 0 0 0 0 rgba(140,39,171, 0.8); box-shadow: 0 0 0 0 rgba(140,39,171, 0.8); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(140,39,171, 0); -moz-box-shadow: 0 0 0 0 rgba(140,39,171, 0); box-shadow: 0 0 0 0 rgba(140,39,171, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(140,39,171, 0); -moz-box-shadow: 0 0 0 0 rgba(140,39,171, 0); box-shadow: 0 0 0 0 rgba(140,39,171, 0); } }
@-moz-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(140,39,171, 0.8); -moz-box-shadow: 0 0 0 0 rgba(140,39,171, 0.8); box-shadow: 0 0 0 0 rgba(140,39,171, 0.8); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(140,39,171, 0); -moz-box-shadow: 0 0 0 0 rgba(140,39,171, 0); box-shadow: 0 0 0 0 rgba(140,39,171, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(140,39,171, 0); -moz-box-shadow: 0 0 0 0 rgba(140,39,171, 0); box-shadow: 0 0 0 0 rgba(140,39,171, 0); } }
@keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(140,39,171, 0.8); -moz-box-shadow: 0 0 0 0 rgba(140,39,171, 0.8); box-shadow: 0 0 0 0 rgba(140,39,171, 0.8); } 70% { -webkit-box-shadow: 0 0 0 0 rgba(140,39,171, 0); -moz-box-shadow: 0 0 0 15px rgba(140,39,171, 0); box-shadow: 0 0 0 15px rgba(140,39,171, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(140,39,171, 0); -moz-box-shadow: 0 0 0 0 rgba(140,39,171, 0); box-shadow: 0 0 0 0 rgba(140,39,171, 0); } }

@-webkit-keyframes tremer { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } }
@-moz-keyframes tremer { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } }
@keyframes tremer { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } }

@-webkit-keyframes heartbeat { 0% { -webkit-transform: scale(0.8); } 5% { -webkit-transform: scale(0.9); } 10% { -webkit-transform: scale(0.8); } 15% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(0.8); } 100% { -webkit-transform: scale(0.8); }}
@-moz-keyframes heartbeat { 0% { -webkit-transform: scale(0.8); } 5% { -webkit-transform: scale(0.9); } 10% { -webkit-transform: scale(0.8); } 15% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(0.8); } 100% { -webkit-transform: scale(0.8); }}
@keyframes heartbeat { 0% { transform: scale(0.8); } 5% { transform: scale(0.9); } 10% { transform: scale(0.8); } 15% { transform: scale(1); } 50% { transform: scale(0.8); } 100% { transform: scale(0.8); }}

@media screen and (max-width: 1100px) {
	.util, .util2, .util3 { width: 100%; }

	.aceite { width: 90%; }

	/*CARD VÍDEOS*/
	.video_card { width: 340px; height: auto;font-size: 15px; margin: 10px 10px 25px 10px; float: none; display: inline-block; padding-bottom: 15px; }
	.video_card img { width: 340px; height: auto; padding: 0px; background-color: #607889; }
	.video_card .info { width: 340px; height: auto; position: relative; color: #607889; font-size: 15px; text-align: center; padding: 7px 5px 10px 5px; }
	.video_card .info span { font-size: 15px; font-weight: bold; float: none; }

	/*BOX FILTRO*/
	.box_filtro { width: 100%; height: auto; position: relative; padding: 20px 0px 0px 0px; background: #f4f6f8 !important; }
	.box_filtro .chamadas { padding: 30px 0px 40px 0px; }
	.box_filtro .chamadas .titulo_busca { width: 94%; text-align: center; padding-bottom: 12px; }
	.box_filtro .chamadas .introducao_busca { width: 94%; text-align: center; line-height: 18px;}
	.box_filtro .chamadas .buscador { width: 94%; padding: 10px 3% 0px 3%; height: auto; clear: both; }
	.box_filtro .chamadas .buscador form { width: 100%; height: auto; position: relative; text-align: center; }
	.box_filtro .chamadas .buscador form .opcoes { width: 100%; text-align: center; }
	.box_filtro .chamadas .buscador form .opcoes .campos_escolha { width: 325px; height: 40px; margin: 2px 8px 2px 0px; background-color: #ffffff; position: relative; display: inline-block; vertical-align: top; border: #e0e0e0 1px solid; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
	.box_filtro .chamadas .buscador form .opcoes .campos_range { width: 325px; height: 40px; }
	.box_filtro .chamadas .buscador form .opcoes .campos_range ul li .tag_range { text-align: left; }
	.box_filtro .chamadas .buscador form .opcoes .campos_escolha .select { display: none; width: 315px; }
	.box_filtro .chamadas .buscador form .opcoes .campos_escolha .select ol li { cursor: pointer; width: -moz-calc(49% - 20px); width: -webkit-calc(49% - 20px); width: -o-calc(49% - 20px); width: calc(49% - 20px); color: #ffffff; font-size: 12px; font-weight: 400; line-height: 15px; letter-spacing: 0.5px; font-family: var(--fonte-padrao); padding: 4px 10px; height: auto; position: relative; text-align: left; display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
	.box_filtro .chamadas .buscador form .filtra { width: 100%; text-align: center; padding-top: 20px; }

	/*CARD BLOG 1*/
	.blog_card_1 { width: -moz-calc(90% - 40px); width: -webkit-calc(90% - 40px); width: -o-calc(90% - 40px); width: calc(90% - 40px); padding-left: 5%; padding-right: 5%; text-align: center; }
	.blog_card_1 .avatar { margin-top: 15px; display: inline-block; vertical-align: top; }
	.blog_card_1 .resumo { padding: 10px 15px; }
	.blog_card_1 .resumo .titulo_post { width: 100%; height: auto; padding: 10px 0px; text-align: center; }
	.blog_card_1 .resumo .introducao_post, .blog_card_1 .resumo .tempo_leitura { text-align: center; }
	.blog_card_1:hover .resumo { padding: 10px 15px; }
	.blog_card_1:hover .cta { padding: 12px 25px; }

	/*CARD BLOG 2*/
	.blog_card_2 { width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); padding-bottom: 20px; text-align: center; }	
	.blog_card_2 .resumo { width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); padding: 10px 15px; text-align: center; }
	.blog_card_2 .resumo .titulo_post { width: 100%; height: auto; padding: 10px 0px; text-align: center; }
	.blog_card_2 .resumo .introducao_post,
	.blog_card_2 .resumo .tempo_leitura { text-align: center; }
	.blog_card_2:hover .resumo { padding: 10px 15px; }
	.blog_card_2:hover .cta { padding: 12px 25px; }

	/* TOPO */
	header { z-index: 2001; padding: 7px 0px; height: auto; -webkit-box-shadow: 0px 15px 20px 0px rgba(0,0,0, 0.1); -moz-box-shadow: 0px 15px 20px 0px rgba(0,0,0, 0.1); box-shadow: 0px 15px 20px 0px rgba(0,0,0, 0.1); }
	header .topo_informacoes { padding: 0px; text-align: center; }
	header .menu_acoes { width: 100%; height: auto; position: relative; padding: 5px 0px; text-align: left; }
	header .menu_acoes .logomarca { width: 140px; height: 40px; background-size: auto 100%; float: none; display: inline-block; }
	header .menu_acoes nav, header .menu_acoes .acionadores, header .busca_rapida { display: none; }
	.menu_carros { display: none; width: 100%; left: 0px; margin-left: 0px; position: fixed; z-index: 2000; top: 70px;  border-top: 4px solid #9b2422; padding: 0px; }
	.menu_carros ol { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); padding: 5px 10px; }
	.menu_carros ol li { display: inline-block; cursor: pointer; vertical-align: top; margin: 0px 15px 0px 0px; width: auto; height: auto; position: relative; padding: 4px 0px; }
	.menu_carros ol li .check { width: 25px; height: 25px; background-color: #f4f6f8; margin: 0px 6px 0px 0px; }
	.menu_carros .modelos { text-align: center; }
	.menu_carros .modelos .modelo { cursor: pointer; width: 104px; margin: 5px 7px 10px 7px; }
	.menu_carros .modelos .modelo .nome_modelo { line-height: 14px; }

	/* RODAPÉ */
	footer { width: 100%; height: auto; position: relative; background: #e3e4e5; clear: both; }
	footer .servicos { width: 96%; height: auto; padding: 30px 2%; }
	footer .mapa_site { width: 94%; height: auto; position: relative; padding: 50px 3% 30px 3%; }
	footer .mapa_site ol li { width: 47%; height: auto; margin: 0px 2% 0px 0px; }
	footer .rodape { width: 100%; height: auto; position: relative; clear: both; }
	footer .rodape .direitos { width: 96%; height: auto; padding: 23px 2% 30px 2%; text-align: center; }
	footer .rodape .direitos .acompanhe { width: 100%; text-align: center; padding-bottom: 30px; }
	footer .mapa_site ol li .top { padding-top: 20px; }

	#menu2start { display: block; }

	.tags_especiais { width: 96%; padding: 40px 3%; }
	.tags_especiais h1, .tags_especiais h2 { text-align: center; }

	.titulo_padrao { width: 96%; height: auto; padding: 12px 2% 5px 2%; }
	.titulo_padrao .acao_titulo { width: 100%; text-align: center; height: auto; }
	.titulo_padrao .acao_titulo .legenda { text-align: center; }
	.titulo_padrao .complemento { text-align: center; width: 100%; height: auto; padding-top: 10px; }
	.titulo_padrao .acao_blocos { width: 96%; height: auto; text-align: center; padding: 30px 2%; }
	.titulo_padrao .acao_blocos .legenda { text-align: center; }
	.titulo_global:hover .tag_global { padding-left: 0px; }
	.titulo_global .nova_acao:hover { padding: 6px 20px; }
	.titulo_global .nova_acao { margin-top: 10px; display: inline-block; vertical-align: top; float: inherit; }
	.titulo_global .tag_global .linha_padrao_azul_claro { margin-right: 10px; }
	.titulo_global .tag_global .label_global span { margin-top: 10px; clear: both; }

	.seminovo_card { width: 320px; height: auto; }
	.seminovo_card .avatar_padrao { width: 320px; }
	.seminovo_card .avatar_padrao img { width: auto; }
	.seminovo_card .avatar, .seminovo_card .avatar img { width: 320px; height: auto; }

	/* BANNER PÁGINAS */
	.banner_fixo { margin-top: 70px; }
	.banner_fixo .local_banner { width: 94%; height: auto; position: absolute; z-index: 11; text-align: center; }
	.banner_fixo .local_banner .titulo_pagina { text-align: center; padding-top: 50px; }
	.banner_fixo .local_banner .introducao_pagina { text-align: center; font-size: 22px; }
	.banner_fixo:hover .titulo_pagina { padding-top: 50px; }

	.banner_fixo_sem_fundo .local_banner, .banner_fixo_sem_fundo .local_banner .titulo_pagina, .banner_fixo_sem_fundo .local_banner .introducao_pagina { text-align: center; }
	.banner_fixo_sem_fundo { margin-top: 65px; }

	.institucional { width: 94%; padding: 0px 3%; }
	.institucional .contexto { text-align: center; }

	#amensagem_curta { right: inherit; width: -moz-calc(100% - 60px); width: -webkit-calc(100% - 60px); width: -o-calc(100% - 60px); width: calc(100% - 60px); bottom: 10px; right: 10px; left: 50%; margin-left: -175px; text-align: left; }

	/* CONCESSIONÁRIAS */
	.lojas ol li { cursor: pointer; opacity: 0.3; width: 96%; height: auto; min-height: auto; margin: 0px 2%; text-align: center; }
	.lojas ol li .loja { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); height: auto; position: relative; padding: 40px 10px 15px 10px; text-align: center; line-height: 15px; }
	.lojas ol li .loja i { float: left; color: #b32831; font-size: 15px; height: 15px; line-height: 15px; }
	.lojas ol li .telefone,
	.lojas ol li p { text-align: center; }

	footer .rodape .direitos { width: 94%; padding: 10px 3%; }
	footer .rodape .direitos .transito { width: 100%; }
	footer .rodape .direitos .termos { width: 100%; text-align: center; padding-top: 20px; }

}