@charset 'utf-8';

/* media queries */

/* desktop */
@media (max-width: 1199px) {

	#topo .menu > ul > li > a {
		padding: 0 15px;
	}

	#chamada .container {
		background-position: right bottom;
		background-size: auto 90%;
		height: 460px;
	}

	#chamada .titulo {
		width: 55%;
		font-size: 4.2rem;
		margin-top: 25px;
	}

	#chamada .titulo span {
		font-size: 6.2rem;
	}

	#chamada .produto {
		background-size: cover;
		width: 250px;
		height: 277px;
		bottom: -50px;
	}

	#chamada ul {
		margin-left: 250px;
		margin-bottom: 15px;
	}

	#chamada .subtitulo {
		margin-left: 250px;
	}

	#chamada .subtitulo:after {
		display: none;
	}

	#chamada .acao {
		margin-top: -10px;
	}

	#chamada .bt-verde {
		font-size: 3.0rem;
	}
	
	
	#chamada-amostra .container {
		background-position: right bottom;
		background-size: auto 90%;
		height: 460px;
	}

	#chamada-amostra .titulo {
		width: 55%;
		font-size: 4.2rem;
		margin-top: 25px;
	}

	#chamada-amostra .titulo span {
		font-size: 6.2rem;
	}

	#chamada-amostra .produto {
		background-size: cover;
		width: 250px;
		height: 277px;
		bottom: -50px;
	}

	#chamada-amostra ul {
		margin-left: 250px;
		margin-bottom: 15px;
	}

	#chamada-amostra .subtitulo {
		margin-left: 250px;
	}

	#chamada-amostra .subtitulo:after {
		display: none;
	}

	#chamada-amostra .acao {
		margin-top: -10px;
	}

	#chamada-amostra .bt-verde {
		font-size: 3.0rem;
	}#chamada-amostra-amostra .container {
		background-position: right bottom;
		background-size: auto 90%;
		height: 460px;
	}

	#chamada-amostra-amostra .titulo {
		width: 55%;
		font-size: 4.2rem;
		margin-top: 25px;
	}

	#chamada-amostra-amostra .titulo span {
		font-size: 6.2rem;
	}

	#chamada-amostra-amostra .produto {
		background-size: cover;
		width: 250px;
		height: 277px;
		bottom: -50px;
	}

	#chamada-amostra-amostra ul {
		margin-left: 250px;
		margin-bottom: 15px;
	}

	#chamada-amostra-amostra .subtitulo {
		margin-left: 250px;
	}

	#chamada-amostra-amostra .subtitulo:after {
		display: none;
	}

	#chamada-amostra-amostra .acao {
		margin-top: -10px;
	}

	#chamada-amostra-amostra .bt-verde {
		font-size: 3.0rem;
	}
	
	

	#segredo .titulos .titulo {
		font-size: 4.2rem;
	}

	#segredo .depoimento {
		margin-top: 0;
	}

	#segredo .resultados .tit {
		font-size: 3.7rem;
	}

	#segredo .resultados .item {
		padding-left: 70px;
		font-size: 1.8rem;
		margin-left: 40px;
	}

	#recomendam .titulo {
		font-size: 3.6rem;
	}

	#beneficios .banner {
		padding: 15px 20px 20px;
		font-size: 5.2rem;
	}

	#beneficios .titulo-destaque {
		background-size: cover;
		line-height: 103px;
		font-size: 4.5rem;
	}

	#midia .item {
		font-size: 1.4rem;
	}

	#formula .titulo {
		font-size: 4.0rem;
	}

	#garantia .titulo {
		font-size: 3.4rem;
	}

	#gordura .titulo {
		font-size: 5.0rem;
	}

	#original .titulo {
		font-size: 4.8rem;
	}

	#original .titulo span {
		padding: 0 60px;
	}

	#pagseguro .container {
		background: transparent;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	#valor .compre .por:before,
	#valor .compre .bt-laranja:before {
		display: none;
	}

	#oferta .compre .por:before,
	#oferta .compre .bt-laranja:before {
		display: none;
	}

	#topo.carrinho .logo {
		padding: 30.5px 15px 30.5px 0;
	}

	#topo.carrinho .aviso,
	#topo.carrinho .status {
		padding: 24px 15px 24px 50px;
		font-size: 1.7rem;
	}

	#topo.carrinho .aviso b {
		font-size: 1.9rem;
	}

	#topo.carrinho .status {
		padding-top: 25.5px;
		padding-bottom: 25.5px;
	}

	#meio ul.destaques-pagina {
		width: 100%;
		margin: 0 0 35px;
	}

	#meio .planos .item .comprar a {
		font-size: 2.1rem;
	}

}

/* tablets */
@media (max-width: 991px) {

	#topo {
		text-align: center;
	}

	#topo.fixo {
		position: inherit;
	}

	#topo .logo {
		float: inherit;
		display: inline-block;
	}

	#topo .menu {
		display: none;
	}

	#chamada {
		text-align: center;
		margin-top: 0;
	}

	#chamada .container {
		background: transparent;
		height: auto;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	#chamada .titulo {
		width: inherit;
		font-size: 2.5rem;
		margin: 0;
	}

	#chamada .titulo span {
		padding: 5px 15px 8px;
		font-size: 3.4rem;
		margin: 10px 0 0;
	}

	#chamada .produto {
		display: none;
	}

/*foi removido a imagem* que fica na versão celular */

#chamada ul {
  display: inline-block;
  font-size: 1.6rem;
  margin: 0;
  text-align: justify;
}

	#chamada ul li {
		text-align: left;
	}

	#chamada .subtitulo {
		width: inherit;
		font-size: 1.6rem;
		margin: 0;
	}

	#chamada .acao {
		float: inherit;
		text-align: center;
		margin: 15px 0 -75px;
	}

	#chamada .acao .bt-verde {
		font-size: 2.4rem;
	}

	#chamada .acao p {
		font-size: 1.5rem;
		margin: 10px 0 0;
	}
	
	
	#chamada-amostra {
		text-align: center;
		margin-top: 0;
	}
	
	#chamada-amostra .container {
		background: transparent;
		height: auto;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	#chamada-amostra .titulo {
		width: inherit;
		font-size: 2.5rem;
		margin: 0;
	}

	#chamada-amostra .titulo span {
		padding: 5px 15px 8px;
		font-size: 3.4rem;
		margin: 10px 0 0;
	}

	#chamada-amostra .produtoamostras {
		display: none;
	}

	#chamada-amostra ul {
		background: url(../images/img_sache_pequeno.png) left bottom no-repeat;
		display: inline-block;
		padding: 20px 0 30px 95px;
		font-size: 1.6rem;
		margin: 0;
	}

	#chamada-amostra ul li {
		text-align: left;
	}

	#chamada-amostra .subtitulo {
		width: inherit;
		font-size: 1.6rem;
		margin: 0;
	}

	#chamada-amostra .acao {
		float: inherit;
		text-align: center;
		margin: 15px 0 -75px;
	}

	#chamada-amostra .acao .bt-verde {
		font-size: 2.4rem;
	}

	#chamada-amostra .acao p {
		font-size: 1.5rem;
		margin: 10px 0 0;
	}
	
	

	#segredo {
		padding: 95px 0 65px;
	}

	#segredo .titulos .titulo {
		font-size: 2.4rem;
	}

	#segredo .titulos .subtitulo {
		font-size: 2.0rem;
		text-align: center;
	}

	#segredo .video {
		margin: 0 0 15px;
	}

	#segredo .depoimento {
		font-size: 1.4rem;
		text-align: center;
	}

	#segredo .autor {
		display: inline-block;
	}

	#segredo .resultados {
		text-align: center;
	}

	#segredo .resultados .tit {
		display: block;
		font-size: 3.0rem;
		text-align: center;
		margin: 0 0 10px;
	}

	#segredo .resultados .tit br {
		display: none;
	}

	#segredo .resultados .item {
		padding-left: 0;
		font-size: 1.5rem;
		margin: 0 10px;
	}

	#segredo .resultados .item:before {
		display: none;
	}

	#segredo .resultados .item span {
		font-size: 3.1rem;
	}

	#como-funciona .titulo {
		font-size: 2.0rem;
		text-align: center;
	}

	#como-funciona .titulo img {
		vertical-align: middle;
		margin: 0 10px;
	}

	#como-funciona p {
		font-size: 1.3rem;
		text-align: center;
	}

	#como-funciona .aligncenter {
		display: block;
		margin: 0 auto 15px;
	}

	#como-funciona .destaque {
		font-size: 2.4rem;
	}

	#como-funciona .subdestaque {
		font-size: 1.6rem;
	}

	#recomendam .container {
		padding-left: 15px;
		padding-bottom: 0;
	}

	#recomendam .container:before {
		display: none;
	}

	#recomendam .titulo {
		height: 90px;
		position: relative;
		padding: 20px 0 0 110px;
		font-size: 2.2rem;
		line-height: 1.5;
	}

	#recomendam .titulo:before {
		content: "";
		background: url(../images/foto_2.png);
		background-size: cover;
		width: 91px;
		height: 100px;
		position: absolute;
		left: 0;
		bottom: 0;
	}

	#recomendam p,
	#recomendam p span {
		font-size: 1.7rem;
		text-align: center;
	}

	#beneficios {
		padding: 25px 0;
	}

	#beneficios .titulo {
		font-size: 1.9rem;
		margin: 0 0 40px;
	}

	#beneficios .titulo img {
		max-width: 100%;
		height: auto;
		display: block;
		margin: 5px auto 0;
	}

	#beneficios .banner {
		font-size: 2.7rem;
		text-align: center;
		transform: rotate(2deg);
		-moz-transform: rotate(2deg);
	}

	#beneficios .banner:after {
		background-size: cover;
		width: 107px;
		height: 81px;
		position: absolute;
		top: -15px;
		right: -30px;
	}

	#beneficios .banner img {
		display: block;
		margin: 0 auto 10px;
	}
	
	#beneficios .bannerr {
		font-size: 2.7rem;
		text-align: center;
		transform: rotate(2deg);
		-moz-transform: rotate(2deg);
	}

	#beneficios .bannerr:after {
		background-size: cover;
		width: 107px;
		height: 81px;
		position: absolute;
		top: -15px;
		right: -30px;
	}

	#beneficios .bannerr img {
		display: block;
		margin: 0 auto 10px;
	}

	#beneficios ul.destaques {
		margin: 0 0 30px;
	}

	#beneficios ul.destaques li {
		text-align: center;
	}

	#beneficios ul.destaques li img {
		float: inherit;
		display: block;
		margin: 0 auto;
	}

	#beneficios ul.destaques li .tit {
		font-size: 1.4rem;
		margin: 5px 0;
	}

	#beneficios ul.destaques li p {
		font-size: 1.3rem;
	}

	#beneficios .subtitulo {
		font-size: 3.0rem;
		margin: 0 0 30px;
	}

	#beneficios .row {
		text-align: center;
	}

	#beneficios .item {
		background-size: auto 100%;
		height: inherit;
		vertical-align: middle;
	}

	#beneficios .item.mulheres {
		padding-left: 120px;
	}

	#beneficios .item.homens {
		padding-left: 130px;
	}

	#beneficios .item ul li {
		font-size: 1.2rem;
		text-align: left;
		margin: 0 0 5px;
	}

	#beneficios .titulo-destaque {
		font-size: 3.0rem;
	}

	#beneficios .foto:before {
		display: none;
	}

	#beneficios .foto img {
		margin: auto;
	}

	#beneficios .acao {
		padding: 15px 0 0;
	}

	#beneficios .acao .bt-verde {
		padding: 20px 20px 30px 110px;
		font-size: 2.6rem;
	}

	#beneficios .acao .bt-verde:before {
		left: 20px;
	}

	#beneficios .acao .bt-verde span {
		font-size: 2.9rem;
	}

	#beneficios .acao p {
		font-size: 2.7rem;
		margin: 20px 0 0;
	}

	#beneficios .acao p br {
		display: none;
	}

	#beneficios .aviso {
		font-size: 1.2rem;
	}

	#resultados .titulo {
		font-size: 2.4rem;
	}

	#midia {
		background-image: inherit;
	}

	#midia .container {
		padding-left: 15px;
	}

	#midia .titulo {
		font-size: 2.4rem;
		text-align: center;
	}

	#midia .item {
		height: inherit;
		padding: 20px;
		font-size: 1.7rem;
		text-align: center;
	}

	#midia .item img {
		position: inherit;
		display: block;
		margin: 0 auto 10px;
	}

	#formula .container {
		background-image: inherit;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	#formula .titulo {
		font-size: 2.8rem;
	}

	#formula .revistas {
		margin: 30px 0 0;
	}

	#formula .revistas img {
		margin: auto;
	}

	#bonus .titulo {
		font-size: 1.8rem;
	}

	#bonus .titulo b {
		font-size: 2.8rem;
	}

	#bonus .subtitulo span {
		padding: 10px 15px;
		font-size: 2.8rem;
	}

	#agora-nunca {
		background-position: left;
		background-size: auto 100%;
		position: relative;
		height: 455px;
		padding-top: 110px;
		font-size: 1.4rem;
		text-align: center;
		margin: 0 0 170px;
	}

	#agora-nunca:after {
		content: "";
		background: url(../images/1pote_grande.png);
		background-size: cover;
		width: 144px;
		height: 196px;
		position: absolute;
		top: calc(100% - 60px);
		left: calc(50% - 72px);
	}
	
	#agora-nunca:after {
		content: "";
		background: url(../images/1pote_grande.png);
		background-size: cover;
		width: 144px;
		height: 196px;
		position: absolute;
		top: calc(100% - 60px);
		left: calc(50% - 72px);
	}

	#agora-nunca .titulo {
		font-size: 2.4rem;
	}
	
	
	
	
	#agora-nunca-amostra {
		background-position: left;
		background-size: auto 100%;
		position: relative;
		height: 455px;
		padding-top: 110px;
		font-size: 1.4rem;
		text-align: center;
		margin: 0 0 170px;
	}

	#agora-nunca-amostra:after {
		content: "";
		background: url(../images/sache_grande.png);
		background-size: cover;
		width: 144px;
		height: 196px;
		position: absolute;
		top: calc(100% - 60px);
		left: calc(50% - 72px);
	}
	
	#agora-nunca-amostra:after {
		content: "";
		background: url(../images/sache_grande.png);
		background-size: cover;
		width: 144px;
		height: 196px;
		position: absolute;
		top: calc(100% - 60px);
		left: calc(50% - 72px);
	}

	#agora-nunca-amostra .titulo {
		font-size: 2.4rem;
	}
	
	

	#perguntas-frequentes .titulo-bloco {
		font-size: 2.0rem;
	}

	#perguntas-frequentes .acordeon .item .titulo {
		font-size: 1.5rem;
	}

	#perguntas-frequentes .acordeon .item .descricao {
		font-size: 1.2rem;
	}

	#gordura .titulo {
		font-size: 2.5rem;
		margin: 0 0 20px;
	}

	#gordura p {
		font-size: 2.0rem;
	}

	#original {
		margin: 0 0 20px;
	}

	#original .titulo {
		line-height: 60px;
		font-size: 2.8rem;
	}

	#original .titulo:before,
	#original .titulo:after {
		display: none;
	}

	#original .titulo span {
		background: transparent;
		padding: 0;
		-webkit-clip-path: inherit;
		clip-path: inherit;
	}

	#original .foto {
		margin: 0 0 25px;
	}

	#original p {
		font-size: 1.2rem;
		text-align: center;
		margin: 0 0 20px;
	}

	#pagseguro .titulo {
		display: block;
		font-size: 2.0rem;
		text-align: center;
	}

	#pagseguro .titulo:after {
		display: block;
		margin: 15px auto 0;
	}

	#valor {
		padding: 30px 0 20px;
	}

	#valor .compre {
		margin: 0 0 30px;
	}

	#valor .compre .tit {
		font-size: 2.0rem;
	}

	#valor .compre .de {
		font-size: 2.5rem;
	}

	#valor .compre .por {
		font-size: 3.2rem;
	}

	#valor .compre .por span {
		display: block;
	}

	#valor .compre .bt-laranja {
		font-size: 2.6rem;
		text-align: center;
	}

	#valor .compre .parcelamento {
		font-size: 1.6rem;
	}

	#valor .compre .dia {
		padding: 15px 0 0;
		margin: 20px 0 0;
	}

	#valor .frete {
		background-position: center bottom;
		background-size: auto 25px;
		padding: 0 0 40px;
		text-align: center;
	}

	#valor .frete .tit,
	#valor .frete .tit.maior {
		font-size: 2.1rem;
	}

	#valor .frete p {
		margin: 0 0 20px;
	}

	#valor .frete ul li {
		font-size: 1.5rem;
	}

	#oferta {
		padding: 30px 0 20px;
	}

	#oferta .compre {
		margin: 0 0 30px;
	}

	#oferta .compre .tit {
		font-size: 2.0rem;
	}

	#oferta .compre .de {
		font-size: 2.5rem;
	}

	#oferta .compre .por {
		font-size: 3.2rem;
	}

	#oferta .compre .por span {
		display: block;
	}

	#oferta .compre .bt-laranja {
		font-size: 2.6rem;
		text-align: center;
	}

	#oferta .compre .parcelamento {
		font-size: 1.6rem;
	}

	#oferta .compre .dia {
		padding: 15px 0 0;
		margin: 20px 0 0;
	}

	#oferta .frete {
		background-position: center bottom;
		background-size: auto 25px;
		padding: 0 0 40px;
		text-align: center;
	}

	#oferta .frete .tit,
	#oferta .frete .tit.maior {
		font-size: 2.1rem;
	}

	#oferta .frete p {
		margin: 0 0 20px;
	}

	#oferta .frete ul li {
		font-size: 1.5rem;
	}

	#formulario {
		margin: 0 0 20px;
	}

	#formulario .container {
		background: inherit;
	}

	#formulario .bt-verde {
		padding: 5px 12px 8px;
		font-size: 2.2rem;
	}

	#formulario .formulario .oferta {
		font-size: 1.2rem;
	}

	#copyright {
		text-align: center;
	}

	#copyright ul {
		float: inherit;
		display: block;
		margin: 15px 0 0;
	}

	#aviso {
		font-size: 1.1rem;
	}

	#topo.carrinho {
		text-align: center;
	}

	#topo.carrinho .logo {
		float: inherit;
		display: inline-block;
		vertical-align: middle;
	}

	#topo.carrinho .status {
		float: inherit;
		display: inline-block;
		vertical-align: middle;
		text-align: left;
	}

	#meio {
		padding: 25px 0;
	}

	#meio ul.destaques-pagina {
		width: 100%;
		display: block;
	}

	#meio ul.destaques-pagina li {
		width: 50%;
		float: left;
		margin: 5px 0;
	}

	#meio .chamada-desconto {
		background-image: inherit;
		padding: 20px;
		font-size: 2.1rem;
		text-align: center;
	}

	.aba-planos {
		background: #fff;
		position: relative;
		padding: 15px 20px 15px 68px;
		font-family: 'Oswald';
		font-size: 1.4rem;
		color: #606060;
		text-transform: uppercase;
		border: 1px solid #bebebe;
		margin: 0 0 20px;
		box-shadow: 3px 3px 1px 0 rgba(0,0,0,.1);
		cursor: pointer;
	}

	.aba-planos .check {
		width: 36px;
		height: 36px;
		border: 3px solid #9c9c9c;
		border-radius: 100%;
		position: absolute;
		top: calc(50% - 17px);
		left: 18px;
	}

	.aba-planos.ativo .check {
		background: url(../images/ico_check_1.png) center no-repeat;
	}

	.aba-planos .alignright {
		float: right;
		margin-left: 10px;
	}

	.aba-planos .desconto {
		background: #41ab21;
		padding: 0 5px;
		color: #fff;
		position: absolute;
		top: calc(100% - 9px);
		right: 20px;
	}

	.div-planos {
		display: none;
	}

}

/* celulares */
@media (max-width: 767px) {

	body {
		overflow-x: hidden;
	}

	.container {
		padding-left: 5px;
		padding-right: 5px;
	}

	#topo {
		padding: 10px 0;	
	}

	#topo .logo img {
		height: 24px;
		width: auto;
	}

	#chamada ul li {
		font-size: 1.4rem;
	}

	#chamada .acao .bt-verde {
		font-size: 2.0rem;
	}
	
	#chamada-amostra ul li {
		font-size: 1.4rem;
	}

	#chamada-amostra .acao .bt-verde {
		font-size: 2.0rem;
	}

	#segredo .resultados .tit {
		font-size: 2.4rem;
	}

	#segredo .resultados .item {
		font-size: 1.3rem;
		margin: 0 5px;
	}

	#recomendam .titulo {
		font-size: 1.8rem;
	}

	#beneficios .banner {
		margin: 60px 40px 20px 10px;
	}

	#beneficios .banner:after {
		top: -45px;
	}

	#beneficios .titulo-destaque {
		padding: 20px 0;
		line-height: inherit;
	}

	#resultados .item {
		padding: 10px;
	}

	#midia .container {
		padding-left: 5px;
	}

	#midia .row {
		padding-left: 0;
		padding-right: 0;
	}

	#midia .row .col {
		margin-left: 0;
		margin-right: 0;
	}

	#bonus .item .tit {
		padding: 15px 5px;
		font-size: 1.6rem;
		text-align: center;
	}

	#bonus .item .foto {
		float: inherit;
		display: block;
		margin: 15px auto;
	}

	#bonus .item .foto img {
		margin: auto;
	}

	#bonus .item .infos {
		padding: 0 15px;
		font-size: 1.3rem;
		text-align: center;
		overflow: inherit;
	}

	#bonus .item .infos .subtit {
		font-size: 1.5rem;
	}

	#bonus .item .valor {
		padding: 0 15px 20px;
		font-size: 1.2rem;
		text-align: center;
	}

	#agora-nunca {
		height: 600px;
		padding-top: 60px;
	}
	
	
	#valor .compre .bt-laranja {
		font-size: 2.2rem;
	}

	#oferta .compre .bt-laranja {
		font-size: 2.2rem;
	}

	#aviso p {
		background: inherit;
		padding-left: 0;
	}

	#aviso p br {
		display: none;
	}

	#topo.carrinho .logo {
		padding-right: 0;
	}

	#topo.carrinho .status {
		padding-top: 31.5px;
		padding-bottom: 31.5px;
		font-size: 1.3rem;
	}

	#meio ul.destaques-pagina li {
		font-size: 1.4rem;
	}

	#meio ul.destaques-pagina li:nth-child(1),
	#meio ul.destaques-pagina li:nth-child(2) {
		text-align: center;
		margin: 0 0 15px;
	}

	#meio ul.destaques-pagina li img {
		margin-top: 0;
		margin-right: 5px;
	}

	#meio ul.destaques-pagina li:nth-child(1) img,
	#meio ul.destaques-pagina li:nth-child(2) img {
		float: none !important;
		display: block;
		margin: 0 auto 3px;
	}

	#meio ul.destaques-pagina li b {
		font-size: 1.4rem;
	}

	#meio .titulo-planos,
	#meio .titulo-planos.maior {
		font-size: 1.8rem;
		margin: 0 0 20px;
	}

	#meio .titulo-planos.roxo {
		font-size: 2.1rem;
		color: #923794;
		line-height: 1.3;
	}

	#alerta .icone {
		float: inherit;
		display: block;
		margin: 0 auto 15px;
	}

	#alerta .titulo {
		font-size: 1.6rem;
		text-align: center;
	}

	#alerta p {
		font-size: 1.2rem;
		text-align: center;
		margin: 0 0 20px;
	}

}