@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200;300;400;500;600;700;900&display=swap');
html,body{height:100%;}
* {margin: 0; padding: 0; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none}
body {font-size: 15px; font-weight: 400; line-height: 22px; font-family: 'Source Sans Pro', sans-serif;}
a {color: #1965fd; cursor: pointer; outline: none; -webkit-transition: .5s; transition: .5s; text-decoration: none;}
a:hover, a:focus {text-decoration: none; outline: none; color: #dedede;}
h1, h2, h3, h4, h5, h6 {color: #080808; font-family: 'Source Sans Pro', sans-serif;}
h1, h2, h3 {font-weight: 700}
h4, h5, h6 {font-weight: 600}
h1 {font-size: 38px}
h2 {font-size: 35px}
h3 {font-size: 30px}
h5 {font-size: 21px}
p {font-size: 15px;}
ul, li {list-style: none; padding: 0; margin: 0}
.titulo {font-weight: 800; letter-spacing: 7px;}
.color-title {color: #f94171;}
.bg-f94171{background-color: #f94171;}
.bg-a2153b{background-color: #a2153b;}
.bg-750c65 {background-color: #750c65;}
.subtitle {letter-spacing: 10px;}
.text-fecha {font-weight: 600; letter-spacing: 5px; font-family: 'Source Code Pro', monospace;}
.text-sorteo {font-weight: 600; letter-spacing: 2px; font-family: 'Source Code Pro', monospace;}
.fecha-online{background-color: #f94171; color: #010203; font-size: 20px; padding: 0 44px;}
.pt-150{padding-top: 150px;}
.pt-160 {padding-top: 160px;}
.pt-65{padding-top: 65px;}
.text-title {font-weight: 800; font-size: 33px;}
.text-title-2 {font-weight: 800; font-size: 45px;}
.bg-23232a{background-color: #23232a;}
.bg-adolecente-2, .bg-adolecente-4 {
    left: calc((1320px - 100vw) / 2);
    width: calc((100vw - 1320px) / 2 + 1320px);
    height: 1150px;
}
.bg-adolecente-1 {
    background-image: url(../images/fondo-2.jpg);
    left: calc((1320px - 100vw) / 2);
    width: calc((100vw - 1320px) / 2 + 1320px);
    height: 1845px;
}
.bg-adolecente-2 {
    background-image: url(../images/fondo-1.jpg);
}
.bg-adolecente-3 {
    background-image: url(../images/fondo-sponsors.jpg);
    left: calc((1320px - 100vw) / 2);
    width: calc((100vw - 1320px) / 2 + 1320px);
    height: 1000px;
}
.bg-adolecente-4 {
    background-image: url(../images/bg_sorteo.jpg);
}
.bg-fixed {
    position: absolute;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
    background-attachment: fixed;
}
.header-top {background-color: #f94171;}
.btn-enviar{background-color: #f94171 !important; border: 0; font-size: 17px !important; font-weight: 700; border-radius: 0; padding: 8px 35px; color: #fff !important;}
.btn-modal, .btn-modal-politicas{background-color: transparent; padding: 0;}
.font20{font-size: 20px !important; line-height: 22px !important;}
.font17{font-size: 17px; line-height: 23px;}
.font15{font-size: 15px; line-height: 19px;}
.font13{font-size: 13px;}
.font150{font-size: 150px; line-height: 152px;}
.font80{font-size: 80px; line-height: 84px;}
.font33{font-size: 33px; line-height: 37px;}
.font40{font-size: 40px; line-height: 44px;}
.font28{font-size: 28px; line-height: 32px;}
.font25{font-size: 25px; line-height: 29px;}
.font55{font-size: 55px; line-height: 57px;}
/* CountDown */
ul.countdown {
    list-style: none; 
    margin: 40px 0 0; 
    padding: 30px 0; 
    display: block; 
    text-align: center; 
    background: rgb(249,65,113);
    background: -moz-linear-gradient(270deg, rgba(249,65,113,1) 3%, rgba(217,7,122,1) 23%, rgba(140,11,106,1) 47%, rgba(67,14,89,1) 92%);
    background: -webkit-linear-gradient(270deg, rgba(249,65,113,1) 3%, rgba(217,7,122,1) 23%, rgba(140,11,106,1) 47%, rgba(67,14,89,1) 92%);
    background: linear-gradient(270deg, rgba(249,65,113,1) 3%, rgba(217,7,122,1) 23%, rgba(140,11,106,1) 47%, rgba(67,14,89,1) 92%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f94171",endColorstr="#430e59",GradientType=1);}
ul.countdown li {display: inline-block;}
ul.countdown li span {font-size: 95px; font-weight: 600; line-height:99px; color: #fff;}
ul.countdown li.seperator {font-size: 70px; line-height: 72px; vertical-align: top; color: #fff; padding: 0 25px;}
ul.countdown li p {color: #fff; font-size: 20px; font-weight: 300; font-family: 'Source Code Pro', monospace;}
/* CountDown */
header:after, section:after, footer:after {display: block; clear: both; content: ""}
.section-title h2 {margin-bottom: 30px}
.section-title .line {margin-bottom: 20px}
.line {height: 2px; width: 100px; background: #ef3f23; display: inline-block}
.btn-inscripcion {
    background-color: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    padding: 5px 20px;
    font-family: 'Source Code Pro', monospace;
}
.theme-btn, a.theme-btn {
    background: #ef3f23;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    padding: 12px 30px;
    display: inline-block;
    font-weight: 700;
    transition: .5s;
    font-family: 'Source Sans Pro', sans-serif;
}
.theme-btn-2, a.theme-btn-2 {
    background: #000000;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    padding: 12px 30px;
    display: inline-block;
    font-weight: 700;
    transition: .5s;
    font-family: 'Source Sans Pro', sans-serif;
}
.team-prev{position: absolute; left: -20px; top: 35%; z-index: 10; background-color: transparent; color: #c5c5c5;}
.team-next{position: absolute; right: -20px; top: 35%; z-index: 10; background-color: transparent; color: #c5c5c5;}
.theme-btn:hover, a.theme-btn:hover, .theme-btn-2:hover, a.theme-btn-2:hover {transform: translateY(-3px); box-shadow: 0 10px 30px #1965fd66;}
.theme-btn.style-two {color: #1965fd; background: #fff}
.theme-btn.style-two:hover {transform: translateY(-3px); box-shadow: none}
.social-style-one {display: inline-block}
.social-style-one a {height: 22px; width: 22px; margin: 0 4px; color: #fff; font-size: 13px; line-height: 24px; border-radius: 50%; text-align: center; display: inline-block}
.social-style-one a:first-child {margin-left: 0}
.social-style-one a:last-child {margin-right: 0}
.form-group {margin-bottom: 13px;}
label {color: #071c35; cursor: pointer; font-weight: 700; margin-bottom: 5px; font-family: 'Source Sans Pro', sans-serif; font-size: 15px;}
.form-group input, .form-group textarea, .form-group select {color: #010101; font-size: 15px; border-radius: 0; background: #ffffff; border: none; padding-top: 5px; padding-bottom: 5px;}
.btn-group {width: 100%;}
.btn-dias {background: #ffffff; max-height: 32px; width: 100% !important; text-align: left; padding-top: 5px; padding-bottom: 5px;}
.btn-dias span {padding-left: 10px;}
.form-check .form-check-input {border: 1px solid rgba(0,0,0,.25);}
.form-group input:focus, .form-group textarea:focus {box-shadow: none; border-color: #d4d7de}
button:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus {outline: none}
.invalid-feedback{margin-top:0; background-color: #FFF; padding-right: 5px; padding-left: 5px;}
.carousel-control-next, .carousel-control-prev{width:10%;}
.success-box h5, .success-section h2 {color: #fff}
.success-section .line {background: #fff}
.success-box {margin-top: 50px}
.success-box i {height: 68px; width: 69px; color: #1965fd; line-height: 68px; border-radius: 50%; background: #fff; margin-bottom: 30px; display: inline-block}
.success-box i:before {font-size: 45px}
.count-text, .mas {font-size: 45px; display: block; font-weight: 700; margin-bottom: 25px; font-family: 'Source Sans Pro', sans-serif;}
button.search {padding: 16px; width: 100%;}
.custom-select, .buscador-palabra {height: calc(2.5em + 0.75rem + 5px);}
.item-bounce {-webkit-animation: bounce 3s infinite ease-in-out; animation: bounce 3s infinite ease-in-out;}
.popup-email {width: 100%; height: 100%; display: none; background: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; z-index: 99999999999;}
.popup-email .element {width: 420px; height: auto; position: absolute; left: 50%; margin-left: -210px; top: 50%; margin-top: -100px; background-color: #0052ff; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; text-align: center; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.popup-email .element p {margin-bottom: 20px; font-weight: 700;}
.popup-email .element button {margin: 0 auto 10px; padding: 10px 20px;}
.popup-email .success {color: #ffffff; font-size: 24px; display: block; margin-top: 20px; line-height: normal;}
.popup-email .error {color: #ffb8b8; font-size: 24px; display: block; margin-top: 20px; line-height: normal;}

.team-area .container {
	max-width: 1300px;
}
.single-team {
	text-align: center;
	margin-bottom: 30px;
	position: relative;
	transition: all 0.5s;
}
.single-team .image {
	position: relative;
}
.single-team .image::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 100%;
	background-image: linear-gradient(to bottom right, #f94171, #f94171);
	opacity: 0.5;
	transition: all 0.5s;
}
.single-team .image .social {
	list-style-type: none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40px;
}
.single-team .image .social li {
	display: inline-block;
	transform: translateY(30px);
	transition: all 0.3s ease-in-out 0s;
	opacity: 0;
	visibility: hidden;
}
.single-team .image .social li a {
	display: block;
	width: 35px;
	height: 35px;
	background-color: #0e0129;
	text-align: center;
	position: relative;
	font-size: 15px;
	color: #fff;
	border-radius: 30px;
	transition: all 0.5s;
}
.single-team .image .social li a i {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	margin-left: auto;
	margin-right: auto;
}
.single-team .image .social li a:hover {
	color: #fff;
	background-color: #f94171;
}
.single-team .image .social li:nth-child(1) {
	transition-delay: 0.2s;
}
.single-team .image .social li:nth-child(2) {
	transition-delay: 0.3s;
}
.single-team .image .social li:nth-child(3) {
	transition-delay: 0.4s;
}
.single-team .image .social li:nth-child(4) {
    transition-delay: 0.5s;
}
.single-team .content {
	background-color: #fff;
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
	padding: 20px;
	position: relative;
	margin: -20px auto 0;
	max-width: 220px;
	transition: all 0.5s;
}
.single-team .content h3 {
	margin-bottom: 0;
	font-size: 20px;
}
.single-team .content span {
	display: block;
	color: #f94171;
	font-size: 14px;
	margin-top: 6px;
	font-weight: 400;
}
.single-team:hover {
	transform: translateY(-5px);
}
.single-team:hover .content {
	max-width: 220px;
}
.single-team:hover .image::before {
	width: 100%;
	right: auto;
}
.single-team:hover .image .social li {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

hr {margin-top: 0.75rem; margin-bottom: 0.75rem;}
#inscripcion{display:block;}
#inscripcion.affix {position: fixed; top: 55px; max-width: 440px; z-index: 1;}
footer{z-index:11; position: relative;}
.mobile-footer {display: none;text-align: center;
    z-index: 1000;
    bottom: 0;
    position: fixed !important;
    width: 100%;}

/* AGENDA */
/*** 

====================================================================
	schedule Section
====================================================================

***/

.schedule-section{
	position: relative;
	padding: 120px 0 100px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: #fafafa;
	overflow: hidden;
}

.schedule-section .icon-circle-4{
	right: -200px;
	bottom: 160px;
}

.schedule-section .icon-circle-3{
	left: -375px;
	top: 340px;
	opacity: .30;
}

.schedule-tabs{
	position: relative;
}

.schedule-tabs .btns-box{
	position: relative;
	display: block;
	margin-bottom: 40px;
}

.schedule-tabs .tab-buttons{
	position: relative;
	text-align: center;
    justify-content: center;
}

.schedule-tabs .tab-buttons li{
	position: relative;
    display: inline-block;
}
.schedule-tabs .tab-buttons li a{
	position: relative;
    display: inline-block;
    height: 135px;
    width: 160px;
    border-radius: 20px;
    background-color: #ffffff;
    font-size: 16px;
    line-height: 20px;
    color: #222222;
    font-weight: 600;
    text-align: left;
    padding: 15px 15px;
    padding-top: 70px;
    padding-left: 90px;
	cursor: pointer;
	margin: 0 15px 20px;
	border: 1px solid #dddddd;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.schedule-tabs .tab-buttons li .day{
    position: absolute;
    left: 0px;
    top: 30px;
    padding: 5px 20px;
    background-color: #222222;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #ffffff;
    border-radius: 0 15px 15px 0;
}

.schedule-tabs .tab-buttons li .date{
	position: absolute;
    left: -0;
    top: 80px;
    width: 100px;
    text-align: center;
    font-size: 38px;
    line-height: 20px;
    font-weight: 600;
    color: #222222;
}

.schedule-tabs .tab-buttons li .month{
	display: block;
    font-size: 20px;
    line-height: 1em;
    font-weight: 600;
    color: #222222;
    text-transform: uppercase;
}

.schedule-tabs .tab-buttons li .year{
	font-size: 30px;
}

.schedule-tabs .tab-buttons li.active-btn{
	box-shadow: 0 20px 30px rgba(0,0,0,.10);
}

.schedule-tabs .tab-buttons li:nth-child(4n + 1) .day{
	background-color: #4eb08b;
}

.schedule-tabs .tab-buttons li:nth-child(4n + 2) .day{
	background-color: #f94172;
}

.schedule-tabs .tab-buttons li:nth-child(4n + 3) .day{
	background-color: #770c65;
}

.schedule-tabs .tab-buttons li:nth-child(4n + 4) .day{
	background-color: #ff7d43;
}


.schedule-tabs .tab-buttons li:nth-child(4n + 1) .month,
.schedule-tabs .tab-buttons li:nth-child(4n + 1) .date{
	color: #4eb08b;
}

.schedule-tabs .tab-buttons li:nth-child(4n + 2) .month,
.schedule-tabs .tab-buttons li:nth-child(4n + 2) .date{
	color: #f94172;
}

.schedule-tabs .tab-buttons li:nth-child(4n + 3) .month,
.schedule-tabs .tab-buttons li:nth-child(4n + 3) .date{
	color: #770c65;
}

.schedule-tabs .tab-buttons li:nth-child(4n + 4) .month,
.schedule-tabs .tab-buttons li:nth-child(4n + 4) .date{
	color: #ff7d43;
}


.schedule-tabs .tab-buttons li:nth-child(4n + 1) a.active{
	box-shadow: 0 0px 30px rgba(20,152,102,.30);
	border: 1px solid #4eb08b;
}

.schedule-tabs .tab-buttons li:nth-child(4n + 2) a.active{
	box-shadow: 0 0px 30px rgba(162, 21, 59,.30);
	border: 1px solid #f94172;
}

.schedule-tabs .tab-buttons li:nth-child(4n + 3) a.active{
	box-shadow: 0 0px 30px rgba(119,12,101,.30);
	border: 1px solid #770c65;
}

.schedule-tabs .tab-buttons li:nth-child(4n + 4) a.active{
	box-shadow: 0 0px 30px rgba(166,67,22,.30);
	border: 1px solid #ff7d43;
}

.schedule-timeline{
	position: relative;
}

/*=== Schedule Block ===*/

.schedule-block{
	position: relative;
	margin-bottom: 30px;	
}

.schedule-block:after{
	display: table;
	clear: both;
	content: "";
}

.schedule-block .inner-box{
	position: relative;
	float: right;
	width: 50%;
	text-align: left;
}

.schedule-block .inner-box .inner{
	position: relative;
	padding: 20px 30px 20px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	box-shadow: 0 0 30px rgba(0,0,0,0.05);
	margin-left: 80px;
	border-radius: 20px;
}

.schedule-block .inner:before{
	position: absolute;
    top: 0;
    bottom: -30px;
    right: 100%;
    border-left:2px dashed #dddddd;
    content: "";
    margin-right: 80px;
}

.schedule-block .inner:after{
    position: absolute;
    right: 100%;
    top: 35px;
    border-top: 15px solid transparent;
    border-right: 20px solid #ffffff;
    border-bottom: 15px solid transparent;
    content: "";
}

.schedule-block .date{
    position: absolute;
    left: -141px;
    width: 120px;
    top: 0px;
    height: 120px;
    background-color: #ffffff;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    font-weight: 500;
    padding: 40px 10px 0;
    border-radius: 50%;
    border: 2px dashed #dddddd;
    box-shadow: 0 0 30px rgb(0 0 0 / 5%);
}

.schedule-block .speaker-info{
	position: relative;
	padding-left: 0;
	padding-top: 10px;
	min-height: 60px;
}

.schedule-block .speaker-info .thumb{
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	border-radius: 50%;
	overflow: hidden;
}

.schedule-block .speaker-info .name{
	font-size: 16px;
	color: #212639;
	font-weight: 500;
	line-height: 1.2em;
}

.schedule-block .speaker-info .designation{
	font-size: 13px;
}

.schedule-block h4{
	position: relative;
	font-size:22px;
	line-height: 1.2em;
	color: #0f1925;
	font-weight: 600;
	margin-bottom:15px;
	padding-top: 15px;
}

.schedule-block h4 a{
	color: #212639;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.schedule-block h4 a:hover{
	color: #f14b59;
}

.schedule-block .text{
	position: relative;
	font-size: 15px;
	line-height: 21px;
	color: #000000;
	margin-bottom: 15px;
}

.schedule-block .btn-box{
	position: relative;
	padding: 6px 0;
}

.schedule-block .btn-box a{
	padding: 10px 20px;
	line-height: 20px;
	font-size: 14px;
	background-color: #444444;
	color: #ffffff;
	border-top:2px solid transparent;
	border-bottom:2px solid transparent;
	border-radius: 5px;
}

.schedule-block .btn-box a:hover{
	color: #ffffff;
	/* box-shadow: 0 10px 20px rgba(0,0,0,0.10); */
}

.schedule-block.even .inner-box{
	float: left;
	text-align: right;
}

.schedule-block.even .inner-box .inner{
	margin-left: 0;
	margin-right: 80px;
}

.schedule-block.even .inner:before{
	right: auto;
	left: 100%;
	margin-left: 80px;
	margin-right: 0;
}

.schedule-block.even .inner:after{
    right: auto;
    left: 100%;
    border-right: 0;
    border-left: 20px solid #ffffff;
}

.schedule-block:last-child .inner:before{
	display: none;
}

.schedule-block.even .date{
	left: auto;
	right: -141px;
}

.schedule-block.even .speaker-info{
	padding-left: 0;
	padding-right: 0;
}

.schedule-block.even .speaker-info .thumb{
	left: auto;
	right: 0;
}

.schedule-block:nth-child(4n + 1) .date,
.schedule-block:nth-child(4n + 1) .inner:before{
	border-color: #4eb08b;
}

.schedule-block:nth-child(4n + 2) .date,
.schedule-block:nth-child(4n + 2) .inner:before{
	border-color: #f94172;
}

.schedule-block:nth-child(4n + 3) .date,
.schedule-block:nth-child(4n + 3) .inner:before{
	border-color: #770c65;
}

.schedule-block:nth-child(4n + 4) .date,
.schedule-block:nth-child(4n + 4) .inner:before{
	border-color: #ff7d43;
}

/* Backgroud */

.schedule-block:nth-child(4n + 1) .btn-box a{
	background-color:#4eb08b;
}

.schedule-block:nth-child(4n + 1) .btn-box a:hover{
	color:#4eb08b;
	border-radius:0px;
	background: none;
	border-color:#4eb08b;
}

.schedule-block:nth-child(4n + 2) .btn-box a{
	background-color: #f94172;
}

.schedule-block:nth-child(4n + 2) .btn-box a:hover{
	border-radius:0px;
	color: #f94172;
	background:none;
	border-color: #f94172;
}





.schedule-block:nth-child(4n + 3) .btn-box a{
	background-color: #770c65;
}

.schedule-block:nth-child(4n + 3) .btn-box a:hover{
	border-radius:0px;
	color: #770c65;
	background:none;
	border-color: #770c65;
}



.schedule-block:nth-child(4n + 4) .btn-box a{
	background-color: #ff7d43;
}

.schedule-block:nth-child(4n + 4) .btn-box a:hover{
	border-radius:0px;
	color: #ff7d43;
	background:none;
	border-color: #ff7d43;
}

/* color */

.schedule-section.style-three .schedule-block:nth-child(4n + 1) .date,
.schedule-section.style-two .schedule-block:nth-child(4n + 1) .date,
.schedule-block:nth-child(4n + 1) h4 a:hover{
	color: #4eb08b;
}

.schedule-section.style-three .schedule-block:nth-child(4n + 2) .date,
.schedule-section.style-two .schedule-block:nth-child(4n + 2) .date,
.schedule-block:nth-child(4n + 2) h4 a:hover{
	color: #f94172;
}

.schedule-section.style-three .schedule-block:nth-child(4n + 3) .date,
.schedule-section.style-two .schedule-block:nth-child(4n + 3) .date,
.schedule-block:nth-child(4n + 3) h4 a:hover{
	color: #770c65;
}

.schedule-section.style-three .schedule-block:nth-child(4n + 4) .date,
.schedule-section.style-two .schedule-block:nth-child(4n + 4) .date,
.schedule-block:nth-child(4n + 4) h4 a:hover{
	color: #ff7d43;
}

/** @section Sponsors */
.sponsor {
	z-index: 1;
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 840px;
	min-height: 208px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 30px;
	background-color: #ffffff;
	opacity: 1;
    cursor: auto;
}

.sponsor:hover {
	opacity: 1;
}

.sponsor-overlay {
	z-index: -1;
	border-top-color: rgba(248, 247, 244, 0.6);
	transform: scale(0.3);
	transform-origin: right top;
	opacity: 0;
	transition: .3s ease-out all;
}

.sponsor:hover .sponsor-overlay {
	opacity: 1;
	transform: scale(1);
}
/* 
[class*='ie-'] .sponsor {
	height: 208px;
} */


@media only screen and (max-width: 1400px) {
    .bg-adolecente-1, .bg-adolecente-2, .bg-adolecente-4 {
        left: calc((1172px - 100vw) / 2);
        width: calc((100vw - 1172px) / 2 + 1172px);
    }
	.bg-adolecente-3 {
        left: calc((1172px - 100vw) / 2);
        width: calc((100vw - 1172px) / 2 + 1172px);
		height: 1000px;
    }
}

@media only screen and (max-width: 1366px) {
    #inscripcion.affix {max-width: 380px;}
    .text-title {font-size: 28px;}
    .text-title-2 {font-weight: 800; font-size: 40px;}
}

@media only screen and (max-width: 1200px) {
    .font150{font-size: 120px; line-height: 124px;}
    .font25{font-size: 23px; line-height: 27px;}
    .font28{font-size: 26px; line-height: 30px;}
    .font33{font-size: 30px; line-height: 34px;}
    .pt-150{padding-top: 130px;}
    .fecha-online{font-size: 18px; padding: 0 42px;}
    ul.countdown {margin: 40px 0 0; padding: 20px 0; }
    ul.countdown li span {font-size: 70px; line-height: 72px;}
    ul.countdown li.seperator {font-size: 50px; line-height: 52px; padding: 0 30px;}
    .text-title{font-size: 26px;}
    .text-title-2 {font-weight: 800; font-size: 38px;}
    .font17{font-size: 16px;}
    .bg-adolecente-1 {
        left: calc((1000px - 100vw) / 2);
        width: calc((100vw - 1000px) / 2 + 1000px);
        height: 220%;
    }
     .bg-adolecente-2, .bg-adolecente-4 {
        left: calc((1000px - 100vw) / 2);
        width: calc((100vw - 1000px) / 2 + 1000px);
        height: 130%;
    }
    .bg-adolecente-3 {
        left: calc((1000px - 100vw) / 2);
        width: calc((100vw - 1000px) / 2 + 1000px);
        height: 120%;
    }
}
@media only screen and (max-width: 991px) {
    .banner-section {height: 280px}
    .hero-section {height: 800px}
    .hero-inner {padding-top: 120px}
    .featured-section {position: relative; transform: translateY(0)}
    .featured-box {margin-bottom: 30px}
    .widget {margin-bottom: 20px;}
    .w20{width: 30%;}
    .timeline h3 {font-size:20px; margin-bottom: auto;}
    .timeline p {font-size: 16px; line-height: 21px;}
    .font150{font-size: 110px; line-height: 114px;}
    .font25{font-size: 20px; line-height: 24px;}
    .font28{font-size: 24px; line-height: 28px;}
    .font80{font-size: 60px; line-height: 64px;}
    .font40{font-size: 30px; line-height: 34px;}
    .font33{font-size: 28px; line-height: 32px;}
	.main-header .header-upper {padding: 15px 0;}
	.main-header.fixed-header {top: 0px;}
    .fecha-online{font-size: 18px; padding: 0 38px;}
    ul.countdown {margin: 40px 0 0; padding: 10px 0; }
    ul.countdown li span {font-size: 60px; line-height: 62px;}
    ul.countdown li.seperator {font-size: 40px; line-height: 42px; padding: 0 30px;}
    .bg-adolecente-1 {
        left: calc((770px - 100vw) / 2);
        width: calc((100vw - 770px) / 2 + 800px);
        height: 550%;
    }
    .bg-adolecente-2, .bg-adolecente-4 {
        left: calc((770px - 100vw) / 2);
        width: calc((100vw - 770px) / 2 + 800px);
        height: 180%;
    }
    .bg-adolecente-3 {
        left: calc((770px - 100vw) / 2);
        width: calc((100vw - 770px) / 2 + 800px);
        height: 150%;
    }
    #inscripcion.affix {max-width: 240px;}
    .schedule-tabs .tab-btn:after,
	.banner-meetup .countdown .counter-column:before,
	.about-section .image-column .image-1:before,
	.main-header .outer-box, .schedule-block .inner:before{
		display: none;
	}
	.schedule-block .inner-box{
		width: 100%;
	}

    .schedule-block.even .inner-box .inner {
        margin-right: 140px;
    }

	.schedule-block.even .inner-box .inner{
		margin-right: 140px;
	}
	.schedule-block .inner-box .inner{
		margin-left: 140px;
	}
}
@media only screen and (max-width: 880px) {
    .bg-adolecente-1 {
        left: calc((770px - 100vw) / 2);
        width: calc((100vw - 770px) / 2 + 800px);
        height: 550%;
    }
    .bg-adolecente-2, .bg-adolecente-4{
        left: calc((700px - 100vw) / 2);
        width: calc((100vw - 700px) / 2 + 800px);
        height: 180%;
    }
    .bg-adolecente-3 {
        left: calc((700px - 100vw) / 2);
        width: calc((100vw - 700px) / 2 + 800px);
        height: 150%;
    }
}
@media only screen and (max-width: 767px) {
	.ancho-contenedor-slider-home{margin-top:140px; display: block;}
    .page-title {font-size: 30px}
    h1 {font-size: 38px}
    .border-right, .border-left{border: none !important;}
    h2 {font-size: 32px;}
    h3 {font-size: 21px;}
    .font150{font-size: 100px; line-height: 104px;}
    .font20{font-size: 16px; line-height: 22px;}
    .w-20 {width: 20%}
    .timeline li{width:100%;}
    .timeline:before{left:0;}
    .timeline li:before {right: auto; left: 0; transform: translate(-50%,-50%);}
    .team-prev{left: 8px;}
    .team-next{right: 8px;}
    .featured-box, .h257 {height: auto;}
	.w-mob-50{width: 50%;}
	.form-group {margin-bottom: .75rem;}
	.form-group input, .form-group textarea, .form-group select{margin-bottom: 10px;}
    .pt-150{padding-top: 0;}
    ul.countdown {margin: 40px 0 0; padding: 10px 0; }
    ul.countdown li span {font-size: 50px; line-height: 52px;}
    ul.countdown li.seperator {font-size: 40px; line-height: 42px; padding: 0 15px;}
    ul.countdown li p {font-size: 18px;}
    .bg-adolecente-1 {
        left: 0;
        width: 100%;
        height: 460%;
    }
    .bg-adolecente-2, .bg-adolecente-4 {
        left: 0;
        width: 100%;
        height: 190%;
    }
    .bg-adolecente-3 {
        left: 0;
        width: 100%;
        height: 150%;
    }
    #inscripcion.affix {max-width: 100%;}
    #inscripcion{
        position: fixed !important;
        z-index: 1111;
        display: none;
        height: 100% !important;
        width: 100% !important;
        max-width: inherit;
        left: 0;
        top: 0;
        margin: 0;
    }
    div#inscripcion.collapse.show {display: block;}	
    .solicite {height: 40px;}
    #inscripcion {padding: 15px 20px 0;}
    .mobile-footer {display: block;}
    .sponsor {
        opacity: 1;
    }
    .btn-modal {width: 75%;}
}
@media only screen and (max-width: 575px) {
    .header-top {display: none}
    .home .fixed-header {top: 0}
    .hero-section {height: 650px}
    .hero-inner {padding-top: 180px}
    h1 {font-size: 37px}
    .hero-btn a:first-child {margin-right: 15px}
    .countdown > div {margin: 0 25px; font-size: 16px}
    h2 {font-size: 28px;}
    .rannews-inner .slick-arrow {bottom: -34px; right: 34%;}
    .rannews-inner .service-prev {right: 51%;}
    .page-title {font-size: 24px}
    .font150{font-size: 80px; line-height: 84px;}
    .font80{font-size: 36px; line-height: 40px;}
    .font40{font-size: 22px; line-height: 26px;}
    .w-mob-70{width: 70%;}
    ul.countdown {margin: -10px 0 0; padding: 10px 0; }
    ul.countdown li span {font-size: 48px; line-height: 52px;}
    ul.countdown li.seperator {font-size: 38px; line-height: 42px; padding: 0 15px;}
    ul.countdown li p {font-size: 17px;}
    .bg-adolecente-1 {height: 470%;}
    .bg-adolecente-2, .bg-adolecente-4 {height: 200%;}
    .bg-adolecente-3 {height: 260%;}
    .btn-modal {width: 70%;}
}
@media only screen and (max-width: 480px) {
    .main-menu .navigation li a {font-size: 14px}
    .countdown > div {margin: 0 8px}
    .our-team-box, .our-certificate-box {margin: 35px 15px;}
    .cotenidoex-box {margin: 20px 15px;}
    .font150{font-size: 70px; line-height: 74px;}
    .font25{font-size: 18px; line-height: 22px;}
    .font28{font-size: 22px; line-height: 26px;}
    .font33{font-size: 27px; line-height: 31px;}
    .font20{font-size: 16px !important; line-height: 18px !important;}
    .mt-80-neg{margin-top: 0;}
	.popup-email .element{width: auto;}
    .subtitle {letter-spacing: 7px;}
    .titulo {letter-spacing: 5px;}
    .fecha-online{font-size: 17px; padding: 0 35px;}
    ul.countdown {margin: -6px 0 0; padding: 10px 0; }
    ul.countdown li span {font-size: 40px; line-height: 42px;}
    ul.countdown li.seperator {font-size: 30px; line-height: 32px; padding: 0 10px;}
    ul.countdown li p {font-size: 16px;}
    .bg-adolecente-1 {height: 470%;}
    .bg-adolecente-2, .bg-adolecente-4 {height: 180%;}
    .bg-adolecente-3 {height: 260%;}
    .schedule-block .date {font-size: 12px; line-height: 18px;}
}

@media only screen and (max-width: 375px) {
    .hero-section {height: 700px}
    .custom-control {padding: 25px}
    .custom-control label, .custom-control .collapse, .custom-control .collapsing {padding-left: 35px}
    h1 {font-size: 27px}
    .ancho-contenedor-slider-home{margin-top:110px;}
    .our-team-box, .our-certificate-box {margin: 35px 15px; padding: 20px;}
    .font150{font-size: 55px; line-height: 59px;}
    .font25{font-size: 17px; line-height: 21px;}
    .font28{font-size: 20px; line-height: 24px;}
    .font33{font-size: 24px; line-height: 28px;}
    .font55{font-size: 32px; line-height: 35px;}
    .subtitle {letter-spacing: 5px;}
    .fecha-online{font-size: 16px; padding: 0 32px;}
    ul.countdown {margin: 40px 0 0; padding: 10px 0; }
    ul.countdown li span {font-size: 30px; line-height: 32px;}
    ul.countdown li.seperator {font-size: 20px; line-height: 22px; padding: 0 5px;}
    ul.countdown li p {font-size: 14px;}
    .bg-adolecente-1 {height: 600%;}
    .bg-adolecente-2, .bg-adolecente-4 {height: 190%;}
    .bg-adolecente-3 {height: 320%;}
}