@font-face {
  font-family: coremelow;
  src: url(font-coremelow.OTF);
}

a{
	text-decoration: none;
}

#topo{background: #6d2676;}

#topo .marca  a img.logoboom{
	height: 69px;
	width: auto;
}
#topo .marca  a img.logocliente{
	height: 45px;
	width: auto;
}
#topo div ul.botoes{
	display: inline-flex;

    padding-left: 0rem !important;
}

#topo .topomarca{
	text-align: left;
}

#topo div ul.botoes li{
	display: inline;
	list-style: none;
	display: block;
}

#topo div ul.botoes img{
	width: 1.2em;
}

#topo div.botoestopo{
	text-align: right;
}

#topo div ul.botoes li a.assine{
	background: #f36821;
	color: #fff;
	font-size: 1.1em; 
	font-weight: 600;
}
#topo div ul.botoes li a.zap{
	background: #33a357;
	color: #fff;
	font-size: 1.1em; 
	font-weight: bold;
}

#destaque {
	background: url(imagens/fundo-destaque.jpg);
	
	    background-position: top center;
    background-size: cover;
}
#destaque div.container-destaque{}
#destaque div.boneco img{
width: 100%;
height: auto;
}

#destaque .bloco1odestaque {
	font-family: 'Ubuntu', sans-serif;
	font-size: 1.4em;
	line-height: 1.3;
}

#destaque .bloco2destaque {
	 font-family: coremelow;
	font-size: 2.1em;
	line-height: 1;
	text-transform: uppercase;
}

#destaque .bloco3destaque {
	font-family: 'Ubuntu', sans-serif;
	font-size: 1.4em;
	line-height: 1.3;
}

#destaque .bloco4destaque span.mais30{
 font-family: 'Ubuntu', sans-serif;
	font-size: 3.5em;
	font-weight: bold;
	line-height: 1.3;
	color: #fec459;
}

#destaque .bloco4destaque .todobrasil{
	 font-family: 'Ubuntu', sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.3;
	color: #fec459;
	text-align: right;
}


#destaque div.faixaamarela{
	background-color: #f58220;
	z-index: 999999;
    position: relative;
    font-family: 'Ubuntu', sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.3;
	color: #fff;
}

#marcas{
	background-color: #f8f8f3;
}

#marcas .lista-marcas{
	mix-blend-mode: multiply;
}

#marcas div.conheca{
	background: #7e2179;
}

#beneficios {
	background-color: #54215a;
}

.beneficiocor{
	background-color: #a54586;
}

.entretantos{
	font-family: 'Ubuntu', sans-serif;
	font-size: 1.4em;
	line-height: 1.3;
	color: #7e2179;
	font-weight: bold;
}
.tituloconheca{
	font-family: 'Ubuntu', sans-serif;
	font-size: 1.9em;
	line-height: 1.3;
	font-weight: bold;
}

#beneficios .fundo{
	background-image: linear-gradient(to right, #8c258b , #60195a);
}

#beneficios .titulo{
	font-family: 'Ubuntu', sans-serif;
	font-size: 1.4em;
	line-height: 1.3;
	font-weight: bold;
}

#beneficios .descricao{
font-family: 'Ubuntu', sans-serif;
	font-size: 1.1em;
	line-height: 1.1;
	color: #fff;
	font-weight: 300;
	
}

#beneficios img{
	float: right;
	width: 45px;
	height: auto;
}


#melhordetudo .fundo{
	background-image: linear-gradient(to right, #8c258b , #60195a);
}

#melhordetudo .titulo{
	font-family: 'Ubuntu', sans-serif;
	font-size: 1.8em;
	line-height: 1.1;
	color: #fec459;
	font-weight: bold;
}

#melhordetudo .box{
	
	 margin: 0 auto !important;
     float: none !important;
}
#melhordetudo .box .cima{
	font-family: 'Ubuntu', sans-serif;
	line-height: 1.4;
	color: #673162;
	font-weight: 500;
	font-size: 1.3em;
	text-align: center;
	background-color: #fec459;
}
#melhordetudo .box img.valor{
	width: 130px;
	height: auto;
}
#melhordetudo .box .baixo{
	font-family: 'Ubuntu', sans-serif;
	line-height: 1.4;
	color: #fec459;
	font-weight: 500;
	font-size: 1.3em;
	text-align: center;
	border: 3px solid #fec459;
}
#melhordetudo .box .passos{
	text-align: left;
    padding: 30px;
    line-height: 1.6;
    font-size: 0.8em;

}
#melhordetudo .box .passos a{
	text-decoration: none;
	color: #fec459;

}
#melhordetudo .box .baixo .passos img{
	width: 25px;
	height: auto;
	margin-right: 10px;
}
#melhordetudo .box .baixo   .mascotebaixo img{
	max-width: 90%;
	width: auto;
}

#melhordetudo button{
	background-color: #d5682c;
	font-family: 'Ubuntu', sans-serif;
	color: #fff;
	font-size: 1.8em;
	font-weight: 400;
}

.passos span.menor{
	font-family: 'Ubuntu', sans-serif;
	line-height: 0.6 !important;
	color: #fec459;
}

footer .credito{
	background-color: #f7931d;
}

footer .marcas{
	background-color: #f7931d;
	margin: 0 auto !important;
     float: none !important;
     text-align: center;
	}

 #rodape .credito .marcas img.you{
	width: 30px;
}
 #rodape .credito .marcas img.lin{
	width: 30px;
}
 #rodape .credito .marcas img.boom{
	width: 70px;
}
 #rodape .credito .marcas img.face{
	width: 30px;
}
 #rodape .credito .marcas img.insta{
	width: 30px;
}

 .info{
	background-color: #f7931d;
	margin: 0 auto !important;
     float: none !important;
     text-align: center;
	}
.copy{
	background-color: #a82093;
}
#rodape .copy{
	font-family: 'Ubuntu', sans-serif;
	font-size: 1em;
}

.copy .emailto a{
	color: #fff;
	text-decoration: none;

}
footer .baixo0800 a{
	text-decoration: none;
	color: #fff;
}

@media only screen and (max-width: 992px) and (min-width: 769px) {
  #topo div ul.botoes li a.assine{
	background: #f36821;
	color: #fff;
	font-size: 0.8em; 
	font-weight: 600;
}

#topo .marca  a img.logoboom{
	height: 76px;
	width: auto;
}
#topo .marca  a img.logocliente{
	height: 60px;
	width: auto;
}
#topo div ul.botoes li a.zap{
	background: #33a357;
	color: #fff;
	font-size: 0.8em; 
	font-weight: bold;
}
#destaque .bloco1odestaque {
    font-family: 'Ubuntu', sans-serif;
    font-size: 1em;
    line-height: 1.3;
}
#destaque .bloco2destaque {
    font-family: coremelow;
    font-size: 1.6em;
    line-height: 1;
    text-transform: uppercase;
}
#destaque .bloco3destaque {
    font-family: 'Ubuntu', sans-serif;
    font-size: 1em;
    line-height: 1.3;
}
#destaque .bloco4destaque span.mais30 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 2.8em;
    font-weight: bold;
    line-height: 1.3;
    color: #fec459;
}
#destaque .bloco4destaque .todobrasil {
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.3;
    color: #fec459;
    text-align: right;
}
#destaque .bloco4destaque .mapa {
       text-align: left;
}
.tituloconheca {
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.9em;
    line-height: 1;
    font-weight: bold;
}
#marcas .maisdemilhao img{
width: 85%;
    height: auto
}
#marcas .desconto70 img{
	width: 85%;
    height: auto
}
#rodape .copy{
	font-family: 'Ubuntu', sans-serif;
	font-size: 0.8em;
}
#melhordetudo button{
	background-color: #d5682c;
	font-family: 'Ubuntu', sans-serif;
	color: #fff;
	font-size: 1.4em;
	font-weight: 400;
}
}
@media only screen and (max-width: 768px) and (min-width: 369px) {

#topo div ul.botoes li a.assine{
	background: #f36821;
	color: #fff;
	font-size: 0.8em; 
	font-weight: 600;
}
#topo .marca  a img.logoboom{
	height: 65px;
    width: auto;
    margin: 20px 0px;
}
#topo .marca  a img.logocliente{
	height: 35px;
    width: auto;
}
#topo div ul.botoes li a.zap{
	background: #33a357;
	color: #fff;
	font-size: 0.8em; 
	font-weight: bold;
}
#destaque .bloco1odestaque {
    font-family: 'Ubuntu', sans-serif;
    font-size: 1em;
    line-height: 1.3;
}
#destaque .bloco2destaque {
    font-family: coremelow;
    font-size: 1.6em;
    line-height: 1;
    text-transform: uppercase;
}
#destaque .bloco3destaque {
    font-family: 'Ubuntu', sans-serif;
    font-size: 1em;
    line-height: 1.3;
}
#destaque .bloco4destaque span.mais30 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 2.8em;
    font-weight: bold;
    line-height: 1.3;
    color: #fec459;
}
#destaque .bloco4destaque .todobrasil {
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.3;
    color: #fec459;
    text-align: right;
}
#destaque .bloco4destaque .mapa {
       text-align: left;
}
.tituloconheca {
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.9em;
    line-height: 1;
    font-weight: bold;
}
  #topo .topomarca{
	text-align: center;

}
#topo div.botoestopo {
    text-align: center;
    margin-top: 25px;
}
#destaque .bloco1odestaque{
	text-align: center;
}
#destaque .bloco2destaque{
	text-align: center;
}
#destaque .bloco3destaque{
	text-align: center;
}
#destaque .bloco4destaque{
	text-align: center;
}
#destaque div.faixaamarela {
 
    text-align: center;
}
.entretantos{
text-align: center;
}
#beneficios .container{
	display: flex; 
  flex-direction: column; 
}

#beneficios .div1{
	 order: 1; 
}
#beneficios .div2{
	 order: 2; 
}
#beneficios .div3{
	 order: 4; 
}
#beneficios .div4{
	 order: 3; 
}
#beneficios .div5{
	 order: 5; 
}
#beneficios .div6{
	 order: 6; 
}
#beneficios .div7{
	 order: 8; 
}
#beneficios .div8{
	 order: 7; 
}
#beneficios .div9{
	 order: 9; 
}
#beneficios .div10{
	 order: 10; 
}
#beneficios .div11{
	 order: 12; 
}
#beneficios .div12{
	 order: 11; 
}
.antesfuncionalidade{
	display: flex; 
  flex-direction: column; 
}
.antesfuncionalidade .f1{
	order: 1; 
}
.antesfuncionalidade .f2{
	order: 2; 
}
.antesfuncionalidade .f3{
	order: 3; 
}
.antesfuncionalidade .f4{
	order: 4; 
}
.antesfuncionalidade .f4 img{
	width: 50%; 
}
.antesfuncionalidade .f5{
	order: 6; 
	margin-top: 20px;
	text-align: center;
}
.antesfuncionalidade .f6{
	order: 5; 

}
.antesfuncionalidade .f6 img{
	width: 50%; 
}
#melhordetudo button{
	background-color: #d5682c;
	font-family: 'Ubuntu', sans-serif;
	color: #fff;
	font-size: 1.2em;
	font-weight: 400;
}
}
@media only screen and (max-width: 368px) {

#topo div ul.botoes li a.assine{
	background: #f36821;
	color: #fff;
	font-size: 0.7em; 
	font-weight: 600;
}
#topo div ul.botoes li a.zap{
	background: #33a357;
	color: #fff;
	font-size: 0.7em; 
	font-weight: bold;
}
#topo .marca  a img.logoboom{
	height: 40px;
	width: auto;
}
#topo .marca  a img.logocliente{
	    height: 32px;
    width: auto;
    margin-top: 15px;
}
#destaque .bloco1odestaque {
    font-family: 'Ubuntu', sans-serif;
    font-size: 1em;
    line-height: 1.3;
}
#destaque .bloco2destaque {
    font-family: coremelow;
    font-size: 1.6em;
    line-height: 1;
    text-transform: uppercase;
}
#destaque .bloco3destaque {
    font-family: 'Ubuntu', sans-serif;
    font-size: 1em;
    line-height: 1.3;
}
#destaque .bloco4destaque span.mais30 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 2.8em;
    font-weight: bold;
    line-height: 1.3;
    color: #fec459;
}
#destaque .bloco4destaque .todobrasil {
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.3;
    color: #fec459;
    text-align: right;
}
#destaque .bloco4destaque .mapa {
       text-align: left;
}
.tituloconheca {
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.9em;
    line-height: 1;
    font-weight: bold;
}
#melhordetudo .box .passos{
	text-align: left;
    padding: 30px;
    line-height: 1.6;
    font-size: 0.65em;

}
#rodape .credito .marcas img.you{
	width: 20px;
}
 #rodape .credito .marcas img.lin{
	width: 20px;
}
 #rodape .credito .marcas img.boom{
	width: 60px;
}
 #rodape .credito .marcas img.face{
	width: 20px;
}
 #rodape .credito .marcas img.insta{
	width: 20px;
}
  #topo .topomarca{
	text-align: center;

}
#topo div.botoestopo {
    text-align: center;
    margin-top: 25px;
}
#destaque .bloco1odestaque{
	text-align: center;
}
#destaque .bloco2destaque{
	text-align: center;
}
#destaque .bloco3destaque{
	text-align: center;
}
#destaque .bloco4destaque{
	text-align: center;
}
#destaque div.faixaamarela {
 
    text-align: center;
}
.entretantos{
text-align: center;
}
#beneficios .container{
	display: flex; 
  flex-direction: column; 
}

#beneficios .div1{
	 order: 1; 
}
#beneficios .div2{
	 order: 2; 
}
#beneficios .div3{
	 order: 4; 
}
#beneficios .div4{
	 order: 3; 
}
#beneficios .div5{
	 order: 5; 
}
#beneficios .div6{
	 order: 6; 
}
#beneficios .div7{
	 order: 8; 
}
#beneficios .div8{
	 order: 7; 
}
#beneficios .div9{
	 order: 9; 
}
#beneficios .div10{
	 order: 10; 
}
#beneficios .div11{
	 order: 12; 
}
#beneficios .div12{
	 order: 11; 
}
.antesfuncionalidade{
	display: flex; 
  flex-direction: column; 
}
.antesfuncionalidade .f1{
	order: 1; 
}
.antesfuncionalidade .f2{
	order: 2; 
}
.antesfuncionalidade .f3{
	order: 3; 
}
.antesfuncionalidade .f4{
	order: 4; 
}
.antesfuncionalidade .f4 img{
	width: 50%; 
}
.antesfuncionalidade .f5{
	order: 6; 
	margin-top: 20px;
	text-align: center;
}
.antesfuncionalidade .f6{
	order: 5; 

}
.antesfuncionalidade .f6 img{
	width: 50%; 
}#melhordetudo button{
	background-color: #d5682c;
	font-family: 'Ubuntu', sans-serif;
	color: #fff;
	font-size: 1.2em;
	font-weight: 400;
}
}