/* cores */

.verde{
	color: #00ad6e;
}

.azul{
	color: #0071ba;
}



/* FONT */

.book{
	font-family: 'book';
}
.medium{
	font-family: 'medium';
}
.light{
	font-family: 'light';
}
.bold{
	font-family: 'bold';
}
.book-it{
	font-family: 'book-it';
}
.medium-it{
	font-family: 'medium-it';
}
.light-it{
	font-family: 'light-it';
}
.bold-it{
	font-family: 'bold-it';
}
.letra{
	font-family: 'Kalam', cursive;
}

/* FORMAS */

.bg_fx{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow:  hidden;
	z-index: 0;
}

.bg_fx_in{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.bg_fx_circ{
	z-index: 0;
}

.bg_fx_circ .bg_fx_in{
	border-radius: 100% / 500px;
	left: -150px;
	right: -150px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.bg_fx_diag_2,
.bg_fx_diag{
	margin-top: -200px;
}

.bg_fx_diag_2 .bg_fx_in,
.bg_fx_diag .bg_fx_in{
	margin-top: -100px;
	transform: rotate(-6deg);
	margin-top: 100px;
	left: -200px;
	right: -200px;
	bottom: -200px;
}
.bg_fx_diag_2 .bg_fx_in{
	transform: rotate(6deg);
}

/* SOMBRAS */

.sombra{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 100%;
	overflow: hidden;
	height: 50px;
	background: -webkit-linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,0.1));
	border-top: 1px solid rgba(0,0,0,0.1);
}

/* FUNDOS */

.bg_degrade{
	background: url('../gfx/degrade/1.jpg') center center fixed;
	background-size: cover;
}

.bg_tijolos_2{
	background: url('../gfx/tex/tijolos_2.jpg');
	background-attachment: fixed;
}

.bg_betao{
	background: url('../gfx/tex/betao.jpg');
	background-attachment: fixed;
}

.bg_marmore{
	background: url('../gfx/tex/marmore.jpg');
}

.bg_tijolos{
	background: url('../gfx/tex/tijolos.jpg');
	background-attachment: fixed;
}

/* DEGRADE */

/* fundos */

.deg_bg_a_h{
	background: -webkit-linear-gradient(right, #00B5E5, #0972BC);
	background: -o-linear-gradient(right, #00B5E5, #0972BC);
	background: linear-gradient(to right, #00B5E5, #0972BC);
}
.tabela_verde .ii i:last-child,
.deg_bg_v_h{
	background: -webkit-linear-gradient(right, #76CE37, #09a552);
	background: -o-linear-gradient(right, #76CE37, #09a552);
	background: linear-gradient(to right, #76CE37, #09a552);
}
.deg_bg_p_h{
	background: -webkit-linear-gradient(right, #01ad82, #0193ad);
	background: -o-linear-gradient(right, #01ad82, #0193ad);
	background: linear-gradient(to right, #01ad82, #0193ad);
}
.step_p_el.aberto .step_p_bt i,
.deg_bg_m_h{
	background: -webkit-linear-gradient(right, #34e6ba, #50bbc5);
	background: -o-linear-gradient(right, #34e6ba, #50bbc5);
	background: linear-gradient(to right, #34e6ba, #50bbc5);
}
.deg_bg_n_h{
	background: -webkit-linear-gradient(right, #00b3b4, #019bcf);
	background: -o-linear-gradient(right, #00b3b4, #019bcf);
	background: linear-gradient(to right, #00b3b4, #019bcf);
}
.ii i:last-child,
.deg_bg_a_d{
	background: -webkit-linear-gradient(bottom left, #00B5E5, #0972BC);
	background: -o-linear-gradient(bottom left, #00B5E5, #0972BC);
	background: linear-gradient(to top right, #00B5E5, #0972BC);
}

.txt a::before,
.ii.ii_verde i:last-child,
.deg_bg_v_d{
	background: -webkit-linear-gradient(bottom left, #76CE37, #09a552);
	background: -o-linear-gradient(bottom left, #76CE37, #09a552);
	background: linear-gradient(to top right, #76CE37, #09a552);
}
.deg_bg_p_d{
	background: -webkit-linear-gradient(bottom left, #01ad82, #0193ad);
	background: -o-linear-gradient(bottom left, #01ad82, #0193ad);
	background: linear-gradient(to top right, #01ad82, #0193ad);
}
.deg_bg_m_d{
	background: -webkit-linear-gradient(bottom left, #34e6ba, #50bbc5);
	background: -o-linear-gradient(bottom left, #34e6ba, #50bbc5);
	background: linear-gradient(to top right, #34e6ba, #50bbc5);
}
.deg_bg_n_d{
	background: -webkit-linear-gradient(bottom left, #00b3b4, #019bcf);
	background: -o-linear-gradient(bottom left, #00b3b4, #019bcf);
	background: linear-gradient(to top right, #00b3b4, #019bcf);
}

/* textos */


.bola_muda_casa .ii.ii_sup i:last-child{
	background: transparent;
}
.bola_muda_casa .ii.ii_sup i:last-child,
.deg_txt_a_h{
	background: transparent;
	background: -webkit-linear-gradient(right, #00B5E5, #0972BC);
	background: -o-linear-gradient(right, #00B5E5, #0972BC);
	background: linear-gradient(to right, #00B5E5, #0972BC);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.deg_txt_v_h{
	background: -webkit-linear-gradient(right, #76CE37, #09a552);
	background: -o-linear-gradient(right, #76CE37, #09a552);
	background: linear-gradient(to right, #76CE37, #09a552);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.deg_txt_p_h{
	background: -webkit-linear-gradient(right, #01ad82, #0193ad);
	background: -o-linear-gradient(right, #01ad82, #0193ad);
	background: linear-gradient(to right, #01ad82, #0193ad);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.deg_txt_m_h{
	background: -webkit-linear-gradient(right, #34e6ba, #50bbc5);
	background: -o-linear-gradient(right, #34e6ba, #50bbc5);
	background: linear-gradient(to right, #34e6ba, #50bbc5);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.deg_txt_n_h{
	background: -webkit-linear-gradient(right, #00b3b4, #019bcf);
	background: -o-linear-gradient(right, #00b3b4, #019bcf);
	background: linear-gradient(to right, #00b3b4, #019bcf);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* especial */


.bt_menu_i{
  background: -webkit-linear-gradient(bottom left, #027EB2, #03AE9B);
  background: -o-linear-gradient(bottom left, #027EB2, #03AE9B);
  background: linear-gradient(to top right, #027EB2, #03AE9B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bt_menu_txt{
  background: -webkit-linear-gradient(bottom left, #03AE9B, #027EB2);
  background: -o-linear-gradient(bottom left, #03AE9B, #027EB2);
  background: linear-gradient(to top right, #03AE9B, #027EB2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* ROTAÇÃO */

.roda{
	transform: rotate(6deg);
}

.roda_neg{
	transform: rotate(-6deg);
}

/* icons */

.ii{
	display: inline-block;
	position: relative;
	font-size: 90px;
}

.ii i:last-child{
	position: absolute;
	font-size: 45%;
	color: white;
	border-radius: 100%;
	padding: 5%;
	bottom: -10%;
	right: -10%;
}

/* titulos */

.tit_script_mini{
	font-family: 'Kalam', cursive;
	font-size: 30px;
	text-align: center;
	font-weight: 700;
}

.tit_script_mini span{
	display: inline-block;
	border-bottom: 2px solid #0071ba;
	padding-bottom: 3px;
}

.tit_script{
	font-family: 'Kalam', cursive;
	font-size: 45px;
	font-weight: 700;
	text-align: center;
}

.tit_redondo{
	font-size: 50px;
	font-family: bold;
	padding-bottom: 10px;
}

.tit_redondo_mini{
	font-size: 22px;
	font-family: bold;
	padding-bottom: 10px;
	line-height: 30px;
}

.tit_mini{
	font-size: 20px;
	font-family: bold;
}

.tit_sublinhado{
	font-size: 28px;
	font-family: bold;
}

.tit_sublinhado span{
	display: inline-block;
	padding-bottom: 2px;
	border-bottom: 2px solid;
}

/* TEXTO */

.txt{
	font-size: 18px;
	line-height: 30px;
}

.txt em{
	font-family: 'book-it';
}

.txt p{
	min-height: 30px;
}

.txt strong{
	font-family: bold;
}

.txt em{
	font-family: book-it;
}

.txt strong em,
.txt em strong{
	font-family: bold-it;
}

.txt small{
	font-size: 70%;
	line-height: 120%;
}

.txt h1{
	font-family: bold;
	font-size: 30px;
	display: block;
	padding: 20px 0px;
}

.txt h2{
	font-family: light;
	font-size: 30px;
	display: block;
	padding: 20px 0px;
}

.txt a{
	color: #00ad6e;
	font-family: medium-it;
	position: relative;
	z-index: 1;
	display: inline-block;
}


.txt a:hover{
	color: white;
}

.txt a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 6px;
	padding: 0px;
	left: 0px;
	z-index: -1;
	border-radius: 3px;
	opacity: 0.5;
	box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
}

.txt a:hover:before {
	height: 100%;
	padding: 10px 20px;
	bottom: -10px;
	left: -20px;
	opacity: 1;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.2);
}

.txt ul li{
	display: block;
	padding-left: 30px;
	position: relative;
}
.txt ul li::before{
	content: "\e917";
	font-family: 'sws-ge';
	position: absolute;
	left: -3px;
	color: #00ad6e;
}
.txt ul li ul li{
	font-family: 'book-it';
}

.txt ul li ul li::before{
	opacity: 0.7;
}

/* TÓPICOS */

ul.txt_topicos li{
	display: block;
	padding-left: 30px;
	position: relative;
	font-size: 18px;
	line-height: 30px;
	font-family: 'medium';
	margin-left: -30px;
}
ul.txt_topicos li::before{
	content: "\e91d";
	position: absolute;
	left: 0;
	font-family: 'sws-ge';
}

ul.topicos_pers li{
	padding-left: 40px;
}

ul.topicos_pers li::before{
	display: none;
}

ul.topicos_pers li span{
	position: absolute;
	left: 0;
	color: #00ad6e;
	font-family: book;
}

/* Botoes */

.bt_linha{
	font-size: 14px;
	text-transform: uppercase;
	color: #0071b9;
	font-family: bold;
	height: 40px;
	line-height: 40px;
	border: 1px solid #0071b9;
	display: inline-block;
	border-radius: 40px;
	cursor: pointer;
	overflow: hidden;
	cursor: pointer;
}

.bt_linha.bt_linha_branco{
	border-color: white;
	color: white;
	background: url('../gfx/bt_brilho.png');
	background-size: 100% auto;
	background-position: bottom center;
}

.bt_linha.bt_linha_branco:hover{
	background-position: top center;
}

.bt_linha span{
	display: block;
	padding-left: 25px;
	padding-right: 25px;
	background: transparent;
}

.bt_linha:hover > span{
	background: rgba(255,255,255,0.3);
}

.bt_principal{
	display: inline-block;
	height: 55px;
	background: url('../gfx/bt_bg.jpg') right bottom no-repeat;
	background-size: cover;
	overflow: hidden;
	position: relative;
	border-radius: 55px;
	box-shadow: 0px 4px 8px rgba(0,0,0,0.3);
	cursor: pointer;
}

.bt_principal_mini{
	height: 45px;
	border-radius: 45px;
	box-shadow: none;
}

.bt_principal:hover{
	background-position: left bottom;
	transform: scale(1.1);
	box-shadow: 0px 8px 8px rgba(0,0,0,0.15);
}

.bt_principal_mini:hover{
	box-shadow: none;
}

.bt_principal_in{
	font-size: 0px;
}

.bt_principal_txt,
.bt_principal_i{
	display: inline-block;
	vertical-align: middle;
	height: 55px;
	line-height: 57px;
}

.bt_principal_mini .bt_principal_txt,
.bt_principal_mini .bt_principal_i{
	height: 45px;
	line-height: 48px;
}

.bt_principal_txt{
	padding-left: 25px;
	padding-right: 5px;
	font-size: 18px;
	text-transform: uppercase;
	color: white;
	font-family: 'bold';
	text-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}

.bt_principal_i{
	width: 40px;
	font-size: 25px;
	text-align: center;
	background: url('../gfx/bt_fx_azul.png') left center no-repeat;
	background-size: cover;
	padding-left:  10px;
}

.bt_principal_i i{
	display: block;
	height: 55px;
	line-height: 55px;
	color: white;
}

.bt_principal_mini .bt_principal_i i{
	height: 45px;
	line-height: 45px;
}

.bt_principal:hover > .bt_principal_in .bt_principal_i{
	opacity: 0.5;
}

/* TABELAS */

.tt{
	background: white;
	display: block;
	overflow: hidden;
	position: relative;
}

.tt ul{
	display: block;
	width: 100%;
	font-size: 0px;
	position: relative;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.tt ul li{
	display: inline-block;
	vertical-align: middle;
	height: inherit;
	font-size: 14px;
	position: relative;
	box-sizing: border-box;
	border-right: 1px solid rgba(0,0,0,0.1);
}

.tt ul li sub{
	display: table;
	height: 100%;
	width: 100%;
	position: relative;
}

.tt ul li sup{
	display: table-cell;
	vertical-align: middle;
	padding: 0px 10px;
	box-sizing: border-box;
	text-align: center;
	position: relative;
}

.tt_grupo{
	display: block;
	width: 100%;
	font-size: 0px;
	position: relative;
}

.tt_linha{
	display: inline-block;
	vertical-align: middle;
	height: inherit;
	position: relative;
	box-sizing: border-box;
	border-right: 1px solid rgba(0,0,0,0.1);
}

.tt_unico ul{
	top: 50%;
	transform: translateY(-50%);
	border-bottom: none;
}

.tt_grupo .tt_linha:last-child,
.tt ul li:last-child{
	border-right: none;
}

.teste_tabela{
	padding-top: 100px;
}
.tt li.w333,
.tt ul.w333,
.tt_linha.w333{
	width: 33.3333% !important;
}
.tt li.w666,
.tt ul.w666,
.tt_linha.w666{
	width: 66.6666% !important;
}
.tt li.d4,
.tt li.w25
.tt ul.d4,
.tt ul.w25,
.tt_linha.d4,
.tt_linha.w25{
	width: 25% !important;
}
.tt li.d5,
.tt li.w20,
.tt ul.d5,
.tt ul.w20,
.tt_linha.d5,
.tt_linha.w20{
	width: 25% !important;
}

/* exemplo	*/
/* 
<div class="tt" data-alt="40">
    <ul>
        <li>1</li>
        <li>2</li>
    </ul>
    <ul>
        <li>1</li>
        <li>2</li>
    </ul>
</div>

<div class="tt" data-alt="80">
    <div class="tt_grupo">
        <div class="tt_linha">
            <ul>
                <li>C</li>
            </ul>
        </div>
        <div class="tt_linha">
            <ul>
                <li>1</li>
                <li>2</li>
            </ul>
            <ul>
                <li>1</li>
                <li>2</li>
            </ul>
        </div>
        <div class="tt_linha">
            <ul>
                <li>C</li>
            </ul>
        </div>
    </div>
</div>
 */


 /* personalização */

.tt{
	overflow: hidden;
	border-radius: 8px;
	box-shadow: 0px 4px 8px rgba(0,0,0,0.3);
	font-family: 'medium';
}

.tt_bg{
	background: rgba(0,0,0,0.05);
}

.tt_cabecalho{
	background: rgba(0,0,0,0.05);
}

.tt_cab_icon{
	position: absolute;
	left: 0;
	top: 0;
	height: inherit;
	width: 70px;
	background: rgba(0,0,0,0.05);
	border-right: 1px solid rgba(0,0,0,0.1);
}

.tt_cab_icon span{
	display: block;
}

.tt_cab_icon i{
	font-size: 50px;
	line-height: 80px;
}


.tt_cab_icon .ii i:last-child{
	font-size: 20px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	right: 0px;
	bottom: 15px;
	color: white;
}

.tt_forte{
	color: white;
}

.tt_cab_txt{
	padding-left: 70px;
	text-align: left;
	font-family: 'Kalam';
	font-size: 14px;
}

.tt_cab_txt strong{
	font-size: 25px;
	display: block;
	font-weight: 700;
}

.tt ul li em{
	position: absolute;
	right: 10px;
	font-size: 10px;
}

.tabela_verde{
	color: #00ad6e;
}

.tabela_verde .ii i:last-child{
	font-size: 30px;
	text-align: center;
	bottom: 10px;
	right: 0px;
}

.tabela_verde .ii i:last-child::before{
	margin-left: -4px;
}

.tt ul li small{
	font-size: 11px;
	font-family: medium;
}



/*MS-18/01/18*/

.tt li.ms.w333{
    width: 44.3333% !important;
}
.tt li.w666.ms{
    width: 55.6666% !important;
}