/* CSS Document
*
* @autor Fernanda Pieretti
* @data fev2016
* @ref styles.css
*
*/

.mobile{display:none !important}
.desktop{display:block !important}

.align-right{text-align:right}
.align-center{text-align:center}

.btn{width:auto;height:50px;line-height:50px;border:none;text-decoration:none;text-transform:uppercase;display:table;margin:auto;color:#fff;font-size:20px;font-family:proxima_nova_rgregular;border-radius:8px;padding:0 35px;cursor:pointer;-webkit-transition:0.2s ease-out;-moz-transition:0.2s ease-out;-o-transition:0.2s ease-out;transition:0.2s ease-out}
.btn.verde{background:url(/config/templateclube/_imagens/site/seta-botao.png) no-repeat right bottom #3fb34f;-webkit-transition:0.2s ease-out;-moz-transition:0.2s ease-out;-o-transition:0.2s ease-out;transition:0.2s ease-out}
.btn.verde:hover{background:url(/config/templateclube/_imagens/site/seta-botao.png) no-repeat right bottom #339541;-webkit-transition:0.2s ease-out;-moz-transition:0.2s ease-out;-o-transition:0.2s ease-out;transition:0.2s ease-out}
.btn.preto{background:url(/config/templateclube/_imagens/site/seta-botao.png) no-repeat right bottom #252525;-webkit-transition:0.2s ease-out;-moz-transition:0.2s ease-out;-o-transition:0.2s ease-out;transition:0.2s ease-out}
.btn.preto:hover{background:url(/config/templateclube/_imagens/site/seta-botao.png) no-repeat right bottom #000;-webkit-transition:0.2s ease-out;-moz-transition:0.2s ease-out;-o-transition:0.2s ease-out;transition:0.2s ease-out}
.btn.rosa{background:url(/config/templateclube/_imagens/site/seta-botao.png) no-repeat right bottom #e13976;-webkit-transition:0.2s ease-out;-moz-transition:0.2s ease-out;-o-transition:0.2s ease-out;transition:0.2s ease-out}
.btn.rosa:hover{background:url(/config/templateclube/_imagens/site/seta-botao.png) no-repeat right bottom #c6245f;-webkit-transition:0.2s ease-out;-moz-transition:0.2s ease-out;-o-transition:0.2s ease-out;transition:0.2s ease-out}
.btnFrete{background:#252525 url(/config/templateclube/_imagens/ico-2.png) no-repeat 10px center;width:auto;height:40px;line-height:40px;border:none;text-decoration:none;text-transform:uppercase;display:table;margin:30px auto 0;color:#fff;font-size:15px;font-family:proxima_nova_rgregular;border-radius:8px;padding:0 20px 0 40px;-webkit-transition:0.2s ease-out;-moz-transition:0.2s ease-out;-o-transition:0.2s ease-out;transition:0.2s ease-out}
.btnFrete:hover{background:#000 url(/config/templateclube/_imagens/ico-2.png) no-repeat 10px center;-webkit-transition:0.2s ease-out;-moz-transition:0.2s ease-out;-o-transition:0.2s ease-out;transition:0.2s ease-out}

h1,h2,h3,h4,h5,h6{display:block;cursor:default;font-weight:300;font-family:nexa_boldregular}
p{display:block;cursor:default;font-family: helvetica;-webkit-font-smoothing: antialiased;font-weight: 300;}

#header{width:100%;height:60px;float:left;clear:both;padding:11px 0;position:fixed;z-index:20;top:0;left:0;background:#fff}
#header p{font-size:13px;display:inline-block;line-height:38px;text-transform:uppercase;vertical-align:middle}
#header p a{color:inherit;text-decoration:none}
#header img{display:inline-block;vertical-align:middle}
#header ul{display:inline-block;vertical-align:middle}
#header ul li{display:inline;line-height:38px;margin:0 6px}
#header ul li a{font-size:14px;color:#5a5a5a;text-decoration:none;text-transform:uppercase; font-weight: 600;}
#header ul li a:hover,#header ul li a.select,#header p a:hover{color:#de3875}
#header .btn.rosa{font-size:15px;height:38px;line-height:38px;font-family:nexa_boldregular;letter-spacing:2px;padding:0;width:100%;text-align:center;background-image:none}
#header .borda{background:url(/config/templateclube/_imagens/site/barra.png) no-repeat left center}
#header .barra{margin:-10px 15px 0 15px}
#header .gsc{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: url(grayscale.svg);filter: gray;-webkit-transition:0.2s ease-out;-moz-transition:0.2s ease-out;-o-transition:0.2s ease-out;transition:0.2s ease-out}
#header .gsc:hover{filter: none;-webkit-filter: grayscale(0%);-webkit-transition:0.2s ease-out;-moz-transition:0.2s ease-out;-o-transition:0.2s ease-out;transition:0.2s ease-out}
#header #menuDropDown{float:right;cursor:pointer;margin-top:10px;display:none}
#header #itensMenu{display:none;margin-top:20px}
#header #itensMenu li{display:block;line-height:normal;padding: 10px;border-bottom: 1px solid #DADADA;}
#header #itensMenu ul{ width:100%;}

#banner{width:100%;height:auto;float:left;clear:both;margin-top:60px}
#banner .flex-control-nav {bottom: 20px}
#banner .flex-direction-nav a {top: 50%; margin-top: -16px}
#banner .flex-direction-nav .flex-prev { left: 50px }
#banner .flex-direction-nav .flex-next { right: 50px }

#banner-mobile{width:100%;height:auto;float:left;clear:both;margin-top:60px}
#banner-mobile .flex-control-nav {bottom: 20px}
#banner-mobile .flex-direction-nav a {top: 50%; margin-top: -16px}
#banner-mobile .flex-direction-nav .flex-prev { left: 50px }
#banner-mobile .flex-direction-nav .flex-next { right: 50px }

#como-funciona{width:100%;height:auto;float:left;clear:both;padding:50px 0;text-align:center}
#como-funciona h2{font-size:24px;text-transform:uppercase;color:#e13976;margin-bottom:10px}
#como-funciona h3{font-size:18px;text-transform:uppercase;color:#E33575;margin-bottom:10px}
#como-funciona h4{font-size:18px;text-transform:uppercase;color:#e13976;margin:50px 0 20px;width:100%;float:left;clear:both}
#como-funciona p{font-size:16px;text-align:center;margin-bottom:30px}

#seu-box{width:100%;height:auto;float:left;clear:both;padding:40px 0;text-align:center;background:#252525}
#seu-box h2{font-size:24px;text-transform:uppercase;color:#FFBB00;margin-bottom:30px}
#seu-box p{font-size:18px;text-align:center;color:#D2D2D2}
#seu-box .itens{width:100%;text-align:center;margin:30px 0}
#seu-box .itens div{width:100px;height:100px;display:inline-block;color:#808080;font-family:nexa_boldregular;font-size:16px;cursor:default}
#seu-box .itens div img{display:block}

#blog{width:100%;height:auto;float:left;clear:both;padding:60px 0 80px 0;text-align:center; background:#efefef;}
#blog h2{font-size:34px;color:#333;margin-bottom:10px}
#blog h3{font-size:18px;color:#808080;margin-bottom:10px}
#blog h4{font-size:18px;color:#808080;margin:50px 0 20px;width:100%;float:left;clear:both}
#blog p{font-size:18px;margin-bottom:30px;color:#808080;}
#blog .row p{font-size:14px !important;color:#808080;}
#blog img { border:2px solid #2E62AC; border-radius:8px;}
#categorias-blog a{
	    display: block;
		text-align: left;
		padding: 10px 0;
		border-bottom: 1px solid #ccc;
		color: #000;
	}

	#categorias-blog {
		border: 1px solid #DADADA;
		padding: 0 10px;
	}

	#breadcrumbs {
		list-style: none;
		color: #2E62AC;
		padding: 0;
	}

	#breadcrumbs li {
		margin: 0 !important;
		padding: 0 10px 0 0;
		float: left;
		display: block;
	}

	#breadcrumbs li a {
		color: #2E62AC;
		font-size: 14px;
	}

	.author-text {
		text-align: left;
		border-bottom: 1px solid #DCDCDC;
		padding: 0 0 10px 0;
	}

	.cat-mais-posts{
		border: 0 !important;
		text-align: center;
		font-size: 12px;
		color: #7D7D7D;
		padding: 0 0 20px 0;
    	display: block;
	}
	.title-mais-posts {
		text-align: center;
		font-size: 18px;
		padding: 0;
		display: block;
		color: #2E62AC;
	}

#vantagens{width:100%;height:auto;float:left;clear:both;padding:40px 0;text-align:center;background:#e13976}
#vantagens h2{font-size:24px;text-transform:uppercase;color:#fff;margin-bottom:30px}
#vantagens h3{font-size:16px;text-transform:uppercase;color:#000;margin:15px 0 20px;color:#fff}
#vantagens p{font-size:16px;color:#fff}
#vantagens p a{color:inherit;text-decoration:underline;font-family:nexa_boldregular}
#vantagens .btn{margin-top:40px}

#depoimento{width:100%;height:auto;float:left;clear:both;padding:30px 0 80px}
#depoimento h2{font-size:24px;text-transform:uppercase;color:#e13976;text-align:center;margin-bottom:10px}
#depoimento h3{font-size:13px;text-transform:uppercase;color:#808080;text-align:center;margin:10px 30px 5px}
#depoimento p{font-size:18px;text-align:center}
#depoimento .depoimento{display:block;background:#f5f5f5;border-radius:20px;margin:30px 15px 0}
#depoimento .depoimento img{display:block;width:100%;border-radius:20px}
#depoimento .depoimento p{font-size:14px;padding:0 10px 10px}

#assine{width:100%;height:auto;float:left;clear:both;padding:30px 0 40px;background-image: radial-gradient(closest-corner,rgba(16,47,70,0) 60%,rgba(16,47,70,.26)),linear-gradient(to top left,#26d0ce,#1a2980 90%);}
#assine h2{font-size:24px;text-transform:uppercase;color:#fff;text-align:center;margin-bottom:5px}
#assine h3{font-size:22px;text-transform:uppercase;color:#252525;text-align:center}
#assine p{font-size:16px;text-align:center;color:#fff}
#assine big{font-size:36px;line-height:36px;text-transform:uppercase;color:#e13976;text-align:center;display:block;margin-top:20px}
#assine span{font-size:12px;height:30px;line-height:30px;color:#e13976;text-align:center;text-transform:uppercase;display:block;margin-top:5px}
#assine small{font-size:15px;line-height:15px;color:#252525;text-align:center;display:block}
#assine hr{display:block;margin:20px 0;border-top:1px solid #e1e1e1}
#assine .assine{display:block;max-width:280px;height:430px;background:#fff url(/config/templateclube/_imagens/ico.png) no-repeat bottom center;padding:25px 10px 60px;margin:50px auto 0;font-family:nexa_boldregular;cursor:default;position:relative}
#assine .assine p{font-size:12px;text-align:center;color:#252525;margin:2px 0}
#assine .assine .mais-vendido{width:100%;height:20px;line-height:22px;background:#e13976;color:#fff;font-size:12px;text-transform:uppercase;text-align:center;position:absolute;z-index:1;top:-20px;left:0}

#faq{width:100%;height:auto;float:left;clear:both;padding:30px 0 80px}
#faq h2{font-size:24px;text-transform:uppercase;color:#e13976;text-align:center;margin-bottom:5px}
#faq p{font-size:16px;text-align:center}
#faq p a{text-decoration:underline;color:inherit}
#faq p a:hover{text-decoration:none}
#faq .faq{display:block;cursor:default}
#faq .faq .pergunta{display:block;font-size:16px;color:#6c6c6c;font-family:nexa_boldregular;margin-top:45px;border-bottom:1px solid #e2e2e2;cursor:pointer;background:url(/config/templateclube/_imagens/site/seta-2.png) no-repeat right center;padding-right:10px}
#faq .faq .pergunta.select{background:url(/config/templateclube/_imagens/site/seta-1.png) no-repeat right 5px}
#faq .faq .resposta{display:none;font-size:14px;color:#6c6c6c;margin-top:20px}
#faq .faq .resposta.select{display:block}

#footer{width:100%;height:auto;float:left;clear:both;padding:10px 0;background:#252525;padding:40px 0 20px;color:#fff}
#footer h3{font-size:17px;text-transform:uppercase}
#footer p{margin:5px 0}
#footer p img{display:inline;vertical-align:middle}
#footer a{color:inherit;text-decoration:none}
#footer iframe{width:100%;display:block;border:none}
#footer form{display:block;margin-top:15px}
#footer form input{width:210px;max-width:100%;height:35px;line-height:35px;text-indent:15px;border-radius:5px;border:1px solid #8b8b8b;margin-bottom:10px}
#footer form .submit{width:82px;height:35px;text-indent:0;border-radius:5px;border:none;margin-bottom:0;background:#e13976;cursor:pointer;color:#fff;text-transform:uppercase;-webkit-transition:0.2s ease-out;-moz-transition:0.2s ease-out;-o-transition:0.2s ease-out;transition:0.2s ease-out}
#footer form .submit:hover{background:#c6245f;-webkit-transition:0.2s ease-out;-moz-transition:0.2s ease-out;-o-transition:0.2s ease-out;transition:0.2s ease-out}
#footer .logo{margin-bottom:13px}
#footer .pagamento{margin-top:13px}
#footer .align-center{margin-top:50px}
#footer a:hover{text-decoration:underline}

#copy{width:100%;height:auto;float:left;clear:both;padding:20px 0}
#copy p{font-size:12px;color:#4e4e4e;font-family:nexa_boldregular;line-height:38px;display:inline;margin-left:20px}
#copy p:first-child{margin-left:0}
#copy p img{display:inline;vertical-align:middle;margin-left:5px}

@media (max-width: 767px) {
	.mobile{display:block !important}
	.desktop{display:none !important}
	#header{height:auto}
	#header #menuDropDown{display:block}
	#header #itensMenu.ativo{display:block}
	#banner-mobile .flex-control-nav{bottom:-30px}
	#banner-mobile .flex-direction-nav a{display:none}
	#como-funciona h3{margin:10px 0 0}
	#vantagens h3{margin:10px 0 0}
	#vantagens p{margin:0 0 30px}
	#depoimento .depoimento p,#depoimento h3{padding:5px 10px;margin:0}
	#footer{text-align:center}
	#footer h3{margin-top:30px}
	#footer form input,#footer form .submit{width:100%;display:block}
	#copy,#copy .align-right{text-align:center}
	#copy p{display:block;line-height:normal;margin-top:20px}
	#copy p img{display:block;margin:auto}
}

@media (max-width: 450px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	#header{height:50px}
	#header ul li{margin:0px 2px;line-height:21px}
	#header ul li a{font-size:10px}
	#header p{font-size:10px;line-height:21px}
	#header .btn.rosa{letter-spacing:0;line-height:21px;height:21px;font-size:10px;border-radius:5px}
	#header .barra{margin:0 1px}
	#banner{margin-top:50px}
	#assine .assine{height:380px}
	#footer p{font-size:13px}
	#footer form input{font-size:13px}
	#copy,#copy .align-right{text-align:center}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#header ul li{margin:0 3px}
	#header .barra{margin:0 5px}
	#assine .assine p{font-size:10px}
	#footer p{font-size:12px}
	#copy p{font-size:9px}
}