/* ======= RESET ======= */

*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;	
}

a{
	text-decoration: none;
}

figure{
	display: block;
	margin: 0;	
}

li{
	list-style-type: none;
}

img {
  border: 0;
  display: block;
  max-width: 100%;
}

/* corrige o bug do float */
.cf:before, 
.cf:after { content: " "; display: table;  }
.cf:after { clear: both;  }

/*======  Class Fonts  =======*/

.gt_bold{ font-family: 'GlobotipoTexto-Bold';}
.gt_regular{ font-family: 'GlobotipoTexto-Regular'; }
.gt_black{ font-family: 'globotipo_textoblack'; }

.txt_upper{ text-transform: uppercase; }

.fw-normal{font-weight: 400}

.lh-1{line-height: 1}

strong{ font-weight: bold; }

/*======  STYLE  =======*/

.container{
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto;	
	padding-left: 16px;
	padding-right: 16px;

}

.topo{
	background: url('../bg_mobile.jpg') no-repeat #000;
	background-position: center top;
	background-size: cover;
	padding-top: 35px;
	position: relative;
	overflow: hidden;
	color: #fff;
}

@media( min-width: 768px ){
	.topo{
		background: url('../bg_desktop.jpg') no-repeat #000;
		background-position: center;
		background-size: auto ;
	}

}

.tt-limiter{
	max-width: 230px;
}

.st-limiter{
	max-width: 320px;
}

.tt-topo{
	text-transform: uppercase;
	font-family: 'globotipo_textoblack';
	font-size: 30px;
	margin-bottom: 30px;
}

.tt-instrucoes{
	font-size: 18px;
	margin-bottom: 10px;
}

.st-topo{
	font-size: 18px;
	line-height: 1.1;
	margin-bottom: 10px;
}

.txt-confira{
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 40px;
}

@media(min-width: 768px){
	.tt-topo{
		font-size: 65px;
		margin-bottom: 20px;
	}

	.tt-instrucoes{
		font-size: 20px;
		margin-bottom: 10px;
	}

	.st-topo{
		font-size: 24px;
		margin-bottom: 10px;
	}

	.txt-confira{
		margin-bottom: 30px;
	}

	.tt-limiter{
		max-width: 520px;
	}

	.st-limiter{
		max-width: 620px;
	}
}

.sub-tt-topo{

}

/* ------------ logo ----------  */
.logo-mobile{
	margin-bottom: 100px;
}

@media( min-width: 768px ){
	.logo-mobile{
		display:none;
	}
}

.logo-desktop{
	display: none;
	margin-bottom: 140px;
}

@media( min-width: 768px ){
	.logo-desktop{
		display:block;
	}
}


/*@media(max-width: 400px){
	.topo{
		background-size: cover;
		background-position: 85% 0;
	}
}

@media(max-width: 615px){
	.topo{
		background: url('../bg_desktop.jpg') no-repeat #000;
		background-size: cover;
    	background-position: center;
	}
}*/

.detail_top_mobile{
	position: absolute;
	bottom: 0;	
	max-width: 1280px;
}

@media (max-width: 1279px){
	.detail_top_mobile{
		right: 0;
	}
}

@media (min-width: 1280px){
	.detail_top_mobile{
		left: 0;
	}
}


/* ------------------------------------------------ */


h2{
	font-size: 22px;
	margin-bottom: 15px;
}

@media(min-width: 768px){
	h2{
		font-size: 32px;		
	}
}

.cupom-color{
	color: #FB0234;

}

.txt_detail_top{
	font-size: 12px;
	margin-top: 6px;
	text-transform: uppercase;


}

@media(min-width: 768px){
	.txt_detail_top{
		float: right;
		text-align: right;
		margin-top: 10px;
		
	}
}

.btn{
	display: inline-block;
    max-width: 265px;
    width: 100%;
    font-family: 'GlobotipoTexto-regular', sans-serif;
    font-size: 25px;
    color: #fff;
    padding: 11px 0;
    margin-bottom: 40px;
    background-color:  #fc232b;
    text-align: center;
}

@media (min-width: 768px){
	.btn{ margin-bottom: 80px; }
}

.bg_color_15{
	background-color: #151515
}

.bg_color_1f{
	background-color: #1F1F1F;
}
/*NUMBERS*/
h3{
	font-size: 24px;
	color: #FFF;
}

.number_space { display: flex; flex-wrap: wrap; padding-top: 36px; }
.number_space .item { width: 50%; margin-bottom: 42px; }
.number_space .item:nth-of-type(3), .number_space .item:nth-of-type(4) { margin-bottom: 0; }
@media ( min-width: 640px ) {
	.number_space .item { width: 25%; margin-bottom: 0; }
}

.sec_steps{ padding: 50px 0; }
.tutorial_number {
	display: inline-block;
	color: #FFFFFF;
	font-size: 46px;
	font-family: 'GlobotipoTexto-bold', sans-serif;
	line-height: 38px;
}

.tutorial_number:after, .bar_top_txt:before{
	display: block;
	height: 2px;
	margin-top: 20px;
	background: #fa0234; /* Old browsers */
	background: -moz-linear-gradient(left,  #fa0234 0%, #ff5e03 50%, #ff8f01 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #fa0234 0%,#ff5e03 50%,#ff8f01 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #fa0234 0%,#ff5e03 50%,#ff8f01 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa0234', endColorstr='#ff8f01',GradientType=1 );
	content: "";
}

.bar_top_txt:before{
	margin-bottom: 7px;
}

@media (min-width: 768px){
	.bar_top_txt:before{
		margin-top: 10px;
	}
}

.item_txt{
	font-size: 14px;
	color: #FFF;
	margin-top: 15px;
}

@media( min-width: 380px ) {
	.item_txt{ font-size: 16px;}
}
@media( min-width: 870px ) {
	.item_txt{ font-size: 23px;}
}


/* ------------------------------------------------------------ */
 .number_space{
 	padding-top: 36px; 	
 }

.sec_steps{
	padding-bottom: 50px;
}
.tutorial_number {
	display: inline-block;
	color: #FFFFFF;
	font-size: 46px;
	font-family: 'GlobotipoTexto-bold', sans-serif;
}

.tutorial_number:after, .bar_top_txt:before{
	display: block;
	height: 2px;
	margin-top: 20px;
	background: #fa0234; /* Old browsers */
	background: -moz-linear-gradient(left,  #fa0234 0%, #ff5e03 50%, #ff8f01 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #fa0234 0%,#ff5e03 50%,#ff8f01 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #fa0234 0%,#ff5e03 50%,#ff8f01 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa0234', endColorstr='#ff8f01',GradientType=1 );
	content: "";
}

/* ------------------------------------------------------------ */


/* .bar_top_txt:before{
	margin-bottom: 7px;
} */

/* .item_txt{
	font-size: 16px;
	color: #FFF;
	margin-top: 15px;

} */


/* POSTS */


.col{
	float: left;
	padding-left: 8px;
	padding-right: 8px;
	
}

.row{
	clear: both;
	display: block;
	margin-left: -8px; 
	margin-right: -8px;
}
h4{
	font-size: 16px;
	color: #FFF;
	margin-top: 15px;	

}


h5{
	font-size: 20px;
	color: #FFF;
}

.pos-relative{
	position: relative;
}

.pos-absolut{
	position: absolute;
}

.post_space{
	padding-top: 20px;	
}
.txt-post{

    width: 100%;
    padding: 0 10px;
    position: absolute;
    left: 0;
    bottom: 11px;

}

/* ----------------------------------------------- */

.programas{
	padding: 70px 0 100px 0;
}

.detail_left_post, .detail_left_programas{
	position: absolute;
	left: 0;
	bottom: 0;
}

.detail_left_programas{
	bottom: 38px;
}

.detail_right_post, .detail_right_programas{
	position: absolute;
	right: 0;
	bottom: 0;
}

.detail_right_programas{
	bottom: 38px;
}


@media(max-width: 1150px){
	.detail_right_post, .detail_left_post, .detail_right_programas, .detail_left_programas{
		display: none;
	}
}

.pad-left-32{
	padding-left: 32px
}
.last_post{
	margin-bottom: 40px;
}

.flt_r{
	float: right;
}

.flt-l{
	float: left;
}

.disp-ib{
	display: inline-block;
}

.disp-b{
	display: block;
}

.txt_al_c{
	text-align: center;
}

@media(min-width: 768px){
	.txt_al_l_bp_768{
		text-align: left;
	}
}

.post_title{
	margin: 0 auto;
	max-width: 360px;
}

@media (min-width:768px){
	.post_title{
		max-width: 100%
	}
}

.post_fig{
	margin: 0 auto;
	max-width: 360px;
}

/* DEVICES */
.space_device{
	padding-top: 40px;
}


.title_device{
	font-size: 26px;
	color: #FFF;
	margin-top: 50px;
	margin-bottom: 40px;
}

@media(max-width: 767px){
	.title_device span{
		display: block;
	}
}

@media(min-width: 768px){
	.title_device{
		font-size: 30px;
    	line-height: 40px;
	}	
}

@media(min-width: 1030px){
	.title_device{
		font-size: 48px;
    	line-height: 52px;
	}	
}

.img_device{
	max-width: 519px;
	margin: 0 auto;
}

.blc_link_store{
	padding-left: 25px;	
}

.tt_footer{
	font-family:'globotipo_textoblack';
	text-transform: uppercase;
	font-size: 24px;
	color: #DEDEDE;
	padding-top: 65px;
	padding-bottom: 15px;
}

.txt_terms{
	font-family: 'GlobotipoTexto-Regular';
    font-size: 14px;
    color: #DEDEDE;
    line-height: 30px;
    margin-bottom: 15px;
    line-height: 1.2;
}

.logo_footer{
	margin-top: 50px;
	margin-bottom: 50px;
}


/*.bg_lateral_bar{
	background: url('../lateral_bars.png') no-repeat;
	background-position: 51% 17px;
}*/

.barra{
	position: relative;
}

.bar_1{
	height: 53px;
	margin-right: 155px;
	background: url('../topo_bar2.png') repeat-x;
}

.bar_2{
	position: absolute;
	right: 0;
	top: 0;
}

.bar_3{
	height: 53px;
	width: 5000px;
	position: absolute;
	top: 0;
	left: -5000px;	
	background: url('../topo_bar2.png') repeat-x;
}

/* --------------------------------------------------------------------------- */
/* vidibilidade */
/* --------------------------------------------------------------------------- */

.d-none{ display:none }
.d-block{ display: block }

@media(min-width: 768px){
    .md\:d-none{display:none}
    .md\:d-block{ display: block }
}

.color-orange{
	color: #FF8F01;
}