main.conteudo_principal {
	margin-top: 30px;
}

.video__area-geral{
	margin-top: 70px;
	width: 100%;
}
.video__area-geral video{
	display: block;
	width: 100%;
	height: 100%;
}


.titulo-principal{text-align:center;font-family:FuturaBT-ExtraBlack;color:#223988;margin:0 20px;font-size: 1.2rem;}
.titulo-principal__phantom{font-size:1.4em}
.titulo-principal__registrada{font-size:.5em;position:relative;top:-7px}

.titulo__caracteristicas{font-size:19px;text-align:center;font-family:FuturaBT-Heavy;color:#2f5cf4;margin-top: 10px;}
.titulo__caracteristicas__bullet{display:none}


.protecao_contra{background:#F2F3F5;padding:10px 0 10px 15px;border:1px solid #ccc;border-radius:5px;color:#2f5cf4;font-size:18px;margin-top:2em}
.protecao_contra h4{font-family:FuturaBT-Heavy;margin:0;font-size:1.2em}
.protecao_contra ul{list-style:none;margin:10px 0 0 0}
.protecao_contra li {padding-left:27px;position:relative;margin:9px 0;font-family:FuturaBT-Heavy;color:#2f5cf4;line-height:1em}
.protecao_contra li:before{content:"";position:absolute;width:5px;height:11px;border-width:0 4px 4px 0;border-style:solid;border-color:#2f5cf4;transform:rotate(45deg);left:6px;top:0}

.composicao{background:#e6e6e6;margin-top: 5em;}
.composicao h4{background:#223988;color:#fff;font-family:FuturaBT-Heavy;text-align:center;padding:10px;margin:0}

.composicao__camadas__descricoes{position:relative;width:100%;min-height:230px}

.composicao__camadas{position:absolute;width:236px;left:50%;margin-left:-118px;top:35px}
.composicao__camada{position:absolute;width:150px;height:50px;transform:skew(-60deg, 15deg);border:1px solid #ccc;left:43px;opacity:0.5;transition:transform .5s, opacity .5s}

.composicao__camada___1{top:0;background:#fff;opacity:.7}
.composicao__camada___2{top:25px;background:#828282}
.composicao__camada___3{top:50px;background:#fc5a5a}
.composicao__camada___4{top:75px;background:#fff;opacity:.7}
.composicao__camada___5{top:100px;background:#959494}

.composicao__descricao{width:100%;text-align:center;position:absolute;font-size:16px;line-height:1em;opacity:0;transition:opacity 1s, background .5s;text-shadow:2px -2px 2px #fff, 2px 2px 2px #fff, -2px 2px 2px #fff, -2px -2px 2px #fff}

.composicao__descricao__titulo{font-family:FuturaBT-Heavy}
.composicao__descricao__definicao{display:none}
.composicao__descricao__qtde{display:block}


.composicao__descricao___1{top:46px}
.composicao__descricao___2{top:68px}
.composicao__descricao___3{top:95px}
.composicao__descricao___4{top:121px}
.composicao__descricao___5{top:145px}


.garantia{font-size:16px}
.garantia p{font-size:1em}

.areas_cobertura{margin-top:2em}
.areas_cobertura__consulte{color: #1a67f9;margin-top: 0.8em;font-size: 17px;line-height:1em;}


.slogan{font-size:28px;font-family:FuturaBT-Heavy;text-align:center;animation-name:color_change;animation-duration:3s;animation-iteration-count:infinite;animation-direction:alternate;line-height:1.1em}

@keyframes color_change{
	from {color:#3BC2F7}
	to {color:#099DD7}
}


@media only screen and (max-width:799px){
	.composicao__camada__ativa{transform:scale(1.2) skew(-60deg, 15deg);opacity:1}
	.composicao__descricao__ativa{opacity:1}
}

@media only screen and (min-width:481px){
	.titulo-principal__phantom{font-size: 2.3em;}
   .titulo-principal__registrada{top:-19px}
}

@media only screen and (min-width:600px){
	.titulo-principal{
		font-size: 1.5rem;
	}

	.titulo__caracteristicas__grupo div
	, .titulo__caracteristicas__grupo .titulo__caracteristicas__bullet
	{display:inline-block}

	.titulo__caracteristicas___3 .titulo__caracteristicas__bullet{display:none}

	.areas_cobertura__consulte{font-size: 22px;}
}

@media only screen and (min-width:800px){
	.composicao__camadas__descricoes{min-height:330px}
	.composicao__camadas{left:160px;top:40px}
	.composicao__camada{width:180px;height:70px}

	.composicao__camada___2{top:40px}
	.composicao__camada___3{top:80px}
	.composicao__camada___4{top:120px}
	.composicao__camada___5{top:160px}

	.composicao__descricoes{margin:20px 20px 0 340px;padding-bottom:20px}
	.composicao__descricao{text-align:left;position:static;text-shadow:none;padding:5px 5px 5px 10px;opacity:1}

	.composicao__descricao__qtde{display:inline-block}
	.composicao__descricao__qtde:before{content:"/\0020"}
	.composicao__descricao__definicao{display:block}

	.composicao__camada__ativa{transform:scale(1.1) skew(-60deg, 15deg);opacity:1}

	.composicao__descricao___1.composicao__descricao__ativa{background:rgb(255,255,255, .6)}
	.composicao__descricao___2.composicao__descricao__ativa{background:rgb(0,0,0, .1)}
	.composicao__descricao___3.composicao__descricao__ativa{background:rgba(255,0,0, .2)}
	.composicao__descricao___4.composicao__descricao__ativa{background:rgb(255,255,255, .6)}
	.composicao__descricao___5.composicao__descricao__ativa{background:rgb(0,0,0, .1)}


	.slogan{font-size:32px}
}

@media only screen and (min-width:960px){
	p{font-size:20px}

	.titulo-principal__phantom{}

	.protecao_contra{font-size:20px;padding:15px 0 20px 40px}
	.protecao_contra li{padding-left:30px}
	.protecao_contra li:before{width:7px;height:15px;top:-3px}

	.titulo__caracteristicas{font-size:25px}

	.composicao__descricao{font-size:19px}
}

@media only screen and (min-width:1000px){
	.video__area-geral{
		margin-top: 140px;
	}
}

@media only screen and (min-width:1280px){
	.video__area-geral{
		margin-top: 150px;
	}

	.titulo-principal{
		font-size: 2rem;
	}

	.composicao__descricoes{margin-left:390px}
	.composicao__camadas{left:180px}
}