body{
	background: #000;
	font-size: 18px;
	font-family: 'GlobotipoTexto-Regular';
	color: #fff;
	overflow-x: hidden; 
}

p, h3{
	margin-bottom: 25px;
}



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

.holder-logo {
	width: 100%;
	position: absolute;
	top: -60px;
	left: 50%;
	transform: translateX(-50%);
	padding: 0 20px;
}
@media ( min-width: 1024px ) {
	.holder-logo { padding: 0 54px; }
}
.logo{
	display: block;
	max-width: 100%;
	width: 252px;
}

@media(min-width: 768px){
	.logo { top: -130px; }
}
@media(min-width: 1024px){
	.logo {
		width: auto;
		top: -108px;
		left: 49px;
		transform: translateX(0);
	}
}


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

.bg-container{ width: 100%; }
.bg {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all .25s linear
}

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

.content{
	max-width: 647px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	padding-top: 20px;

	position: relative;
	z-index: 1;

	background: url(../images/opacity-linear.png) repeat-x;
	background-position-y: -101px;
	transition: all .25s linear;

}

@media(min-width: 768px){

	.content{
		margin-top: 180px;
	}

}

@media(min-width: 1024px){
	.content{
	    margin: 143px 0 0 0;
	    padding-top: 59px;	    
	    background: none;
	}
}

.title{
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
	color: #fff;
	padding: 0 20px;
}

@media( min-width: 352px){
	.title { font-size: 30px; }
}

@media( min-width: 664px){
	.title { font-size: 40px; }
}
@media( min-width: 1024px){
	.title { padding-left: 54px; }
}

.faixa { line-height: 1; margin-bottom: 6px; position: relative; }
.faixa:before {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 100%;
	background-color: #BF2121;
	content: '';
}

.box-content { padding: 20px 20px 150px; }
@media ( min-width: 1024px ) {
	.box-content { padding: 20px 9px 20px 54px; }
}


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

.btn{
	padding: 28px 30px;
    display: inline-block;
    max-width: 320px;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 25px;
    line-height: 0;
    color: #fff;
    background-color: #FB0234;
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    touch-callout: none;
    transition: all 0.1s ease-in-out;
    outline: 0;
}


.btn:hover{
    background-color: #f1141d;
}
.btn:active{
    background-color: #da151c;
}



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


.separator{
	margin: 30px 0;
	border-bottom: 1px solid #8D8D8D;
}

.fw-light{ font-family: 'GlobotipoTexto-Light'; }
.fw-bold{ font-family: 'GlobotipoTexto-Bold'; }
.fw-black{ font-family: 'globotipo_textoblack'; }

.fs-16{ font-size: 16px; }
.fs-24{ font-size: 24px; }
.fs-32{ font-size: 22px; }

@media(min-width:664px ){
	.sm\:fs-16{ font-size: 16px; }
	.sm\:fs-24{ font-size: 24px; }
	.sm\:fs-32{ font-size: 32px; }
}

.txt-upper { text-transform: uppercase; }

.l-space-1{ letter-spacing: 1px }

.d-none{display: none}

.f-italic { font-style: italic; }

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

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

.p-20{ padding: 20px }

.mb-0{margin-bottom: 0px;}
.mb-20{margin-bottom: 20px;}
.mb-25{margin-bottom: 25px;}
.ml-25{margin-left: 25px;}

.mt-28{margin-top: 28px;}