/*======  STYLE  =======*/
strong { font-weight: bold; }

body { font-family: 'GlobotipoTexto-Regular'; background-color: #000; }

.show-after-event { display: none; }

/* ================= SECTION 1 ================= */
.sec-top {
	padding-bottom: 35px;
	padding-top: 39px;
	overflow-x: hidden;
}
@media ( min-width: 700px ) {
	.sec-top {
		padding-bottom: 115px;
	}
}
@media ( min-width: 1024px ) {
	.sec-top {
		padding-bottom: 213px;
	}
}

.img-black-das-blacks {
	width: 753px;
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
}
@media ( min-width: 700px ) {
	.img-black-das-blacks {
		width: 753px;
		top: -50px;
		left: 25%;
	}
}
@media ( min-width: 900px ) {
	.img-black-das-blacks {
		width: 885px;
		top: -90px;
		left: 25%;
	}
}
@media ( min-width: 1024px ) {
	.img-black-das-blacks {
		width: 1065px;
		top: -130px;
		left: 29%;
	}
}
@media ( min-width: 1120px ) {
	.img-black-das-blacks {
		width: 1245px;
		top: -161px;
		left: 27%;
	}
}

.logo { width: 224px; margin-bottom: 252px; }
@media ( min-width: 700px ) {
	.logo { margin-bottom: 50px; }
}
@media ( min-width: 1120px ) {
	.logo { width: auto; margin-bottom: 120px; }
}

.top__tt {
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	margin-bottom: 10px;
}

.top__subtt {
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 10px;
}

.countdown {
	width: 240px;
	font-size: 24px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	padding: 5px 7px;
	border: 1px solid #FFF800;
}

@media ( min-width: 440px ) {
	.top__tt, .top__subtt { font-size: 24px; }
	.countdown {
		width: 269px;
		font-size: 30px;
		padding: 9px 7px;
	}
}
@media ( min-width: 1040px ) {
	.show-after-event .top__tt { font-size: 57px; }
}
@media ( min-width: 1120px ) {
	.top__tt, .top__subtt { font-size: 27px; }
	.countdown {
		width: 407px;
		font-size: 36px;
		padding: 17px 7px;
	}
}

.sec-bottom { padding-bottom: 68px; }

@media ( min-width: 800px ) {
	.holder-info-bottom { padding-left: 30px; }
}
@media ( min-width: 1024px ) {
	.sec-bottom { padding-bottom: 150px; }
}


@media ( min-width: 700px ) {
	.img-artistas {
		width: 440px;
		position: absolute;
		right: 0;
		bottom: 50%;
		transform: translateY(50%);
	}
}
@media ( min-width: 900px ) {
	.img-artistas { width: 520px; }
}
@media ( min-width: 1024px ) {
	.img-artistas { width: 610px; }
}
@media ( min-width: 1324px ) {
	.img-artistas {
		width: auto;
		right: -100px;
	}
}


.bottom__tt {
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
	color: #F1F2F2;
	margin-bottom: 15px;
	padding: 0 27px;
}

.bottom__txt1 {
	font-size: 15px;
	text-align: center;
	text-transform: uppercase;
	color: #F1F2F2;
	margin-bottom: 14px;
}

.bottom__txt2 {
	font-size: 14px;
	text-align: center;
	color: #F1F2F2;
	margin-bottom: 10px;
}

.btn {
	display: block;
	width: 147px;
	font-size: 12px;
	text-align: center;
	line-height: 0;
	color: #101010;
	padding: 16px 0;
	margin: 0 auto;
	background-color: #FFF800;
}

@media ( min-width: 440px ) {
	.bottom__tt { font-size: 24px; }
	.bottom__txt1 { font-size: 21px; }
	.bottom__txt2 { margin-bottom: 20px; }
	.btn {
		width: 180px;
		font-size: 15px;
		padding: 19px 0;
	}
}
@media ( min-width: 700px ) {
	.bottom__tt { font-size: 31px; padding: 0; }
	.bottom__tt, .bottom__txt1, .bottom__txt2 { text-align: left; }
	.btn { margin: 0; }
}
@media ( min-width: 900px ) {
	.bottom__tt { font-size: 36px; }
}
@media ( min-width: 1120px ) {
	.bottom__tt { font-size: 48px; }
	.bottom__txt1 { font-size: 25px; }
	.bottom__txt2 { font-size: 20px; margin-bottom: 20px; }
	.btn {
		width: 265px;
		font-size: 22px;
		padding: 28px 0;
	}
}


.dropdown-calendar {
	display: none;
	max-width: 255px;
	width: 100%;
	padding: 0 27px;
	position: absolute;
	bottom: 60px;
	background-color: #fff;
	border-radius: 10px;
	z-index: 1;
}
.dropdown-calendar:before {
	display: block;
	width: 0; 
	height: 0; 
	position: absolute;
	left: 36px;
	top: 99%;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
	content: '';
}
.dropdown-calendar a {
	display: block;
	font-family: 'GlobotipoTexto-Regular';
	font-size: 16px;
	text-align: left;
	color: #fb0234;
	padding: 20px 0;
	border-top: 1px solid #E5EDF6;
}
.dropdown-calendar a:hover {
	font-family: 'GlobotipoTexto-Bold';
	position: relative;
	color: #3C4959;
}
.dropdown-calendar a:hover:before {
	display: block;
	width: 4px;
	height: 39px;
	position: absolute;
	left: -29px;
	top: 50%;
	background-color: #3C4959;
	transform: translateY(-50%);
	content: '';
}

/* =================== COPYRIGHT =================== */
.copyright {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    text-align: center;
    color: #B7B7B7;
    padding: 15px 50px;
    position: relative;
    background-color: #151515;
    z-index: 9;
}
.copyright p { width: 100%; }
@media ( min-width: 756px ) {
	.copyright {
		text-align: unset;
		padding: 15px 50px;
	}

	.copyright p { width: auto; }
}


.copyright .links a {
	display: inline-block;
	color: #fff;
	padding: 0 10px;
}

/* ================= UTILITIES ================= */
.fs-10 { font-size: 10px; }
.fs-15 { font-size: 15px; }

/*colors*/
.color-orange1 { color: #FF8F01; }
.color-snow { color: #fff; }

/*spacing*/
.pd-t-0 { padding-top: 0; }

.mrg-b-0 { margin-bottom: 0; }
.mrg-b-16 { margin-bottom: 16px; }
.mrg-b-252 { margin-bottom: 252px; }
@media ( min-width: 700px ) {
	.bp700\:mrg-b-50 { margin-bottom: 50px; }
}

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

.mti_regular { font-family: 'magalu_titulosregular'; }
.mti_xbold { font-family: 'magalu_titulosxbold'; }

.mte_regular { font-family: 'magalu_textosregular'; }
.mte_xbold { font-family: 'magalu_textosxbold'; }
.mte_black { font-family: 'magalu_textosblack'; }

/*texts*/
.txt_upper{ text-transform: uppercase; }

/*outhers*/
.cf:before, 
.cf:after { content: " "; display: table;  }
.cf:after { clear: both;  }

.center-block {
	margin-left: auto;
	margin-right: auto;
}

.pos-r { position: relative; }