@charset "utf-8";
/* CSS BASE */

@import url(reset.css); /* --- RESET --- */

/* -------------------------- GERAL ---------------------------- */

/* ----------------- ALTERA COR DO TEXTO SELECIONADO ----------- */
*::-moz-selection {
	background:#000;  /*---Cor de fundo--*/
	color:#fff;   /*--cor da fonte--*/
}
*::selection {
	background:#000;/*---Cor de fundo--*/
	color:#fff;  /*--cor da fonte--*/
}
/* ----------------- ALTERA COR DO TEXTO SELECIONADO ----------- */

/* ----------------- ELEMENTOS GENÉRICOS ----------- */
.container{width: 100%; float: left;}
.content{width: 100%; max-width: 960px; margin-right: auto; margin-left: auto;}
.clear{clear: both;}
.fontzero{font-size: 0em !important;}

.btn{
	display: table;
	font-family: 'opensans-bold', sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	margin-right: auto;
	margin-top: 70px;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	border-radius: 5px;
}

.btn-saibamais_white{background: url('../imagens/elementos-gerais/icon-saibamais-white.png')  100% center no-repeat; padding: 10px 40px 10px 0;}
.btn-saibamais_white:hover{background: url('../imagens/elementos-gerais/icon-saibamais-white.png')  93% center no-repeat;}

.btn-saibamais{background: #FCAB02; padding: 20px 40px;}
.btn-saibamais:hover{background: #D19213;}

.btn-voltar{background: url('../imagens/elementos-gerais/icon-button-voltar.png')  100% center no-repeat; padding: 10px 40px 10px 0; color: #333;}
.btn-voltar:hover{background: url('../imagens/elementos-gerais/icon-button-voltar.png')  93% center no-repeat;}
/* ----------------- ELEMENTOS GENÉRICOS ----------- */


/* ----------------- ELEMENTOS FLEX ----------- */
.flex-container{display: flex;}
.flex-wrap{flex-wrap: wrap;}
.flex-nowrap{flex-wrap: nowrap;}
.flex-column{flex-direction: column;}
.flex-row{flex-direction: row;}
.flex-between{justify-content: space-between;}
.flex-around{justify-content: space-around;}
/* ----------------- ELEMENTOS FLEX ----------- */


/* ----------------- ELEMENTOS DE TEXTO ----------- */
h1{font: 50.08px 'tahomabd', sans-serif; color: #FFF;}
h2{font: 38.98px 'tahomabd', sans-serif; color: #FFF;}
h3{font: 18.00px 'tahomabd', sans-serif; color: #FFF;}
a{font: 16px 'opensans-semibold_0', sans-serif; color: #FFF;}
p._tagline{font: 16px 'opensans_regular', sans-serif; color: #FFF;}
p{font: 14px 'opensans_regular', sans-serif; color: #3f3f3c; line-height: 25px;letter-spacing: -0.050em;}
/* ----------------- ELEMENTOS DE TEXTO ----------- */


.btn-mobile {
	display: none;
	margin: 30px auto;
	background: rgba(0,0,0,.8);
	border: none;
	color: #FFF;
	padding: 14px 10px 16px 10px;
	transform: rotate(90deg);
	border-radius: 5px;
	cursor: pointer;
	outline: none;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
}

.btn-mobile:hover {
	background: rgba(0,0,0,.5);
}