@charset "UTF-8";
/* CSS Document */

html, body{
	height: 100%;
}

html {
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}
body {
	color: #000;
	background-color: #ededed;
	font-family: "maven_proregular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 300;
}



@font-face {
    font-family: 'optician_sansregular';
    src: url('https://s3vivelatino19.s3-us-west-2.amazonaws.com/assets2020/css/fonts/optician-sans-webfont.woff2') format('woff2'),
         url('https://s3vivelatino19.s3-us-west-2.amazonaws.com/assets2020/css/fonts/optician-sans-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'futura_mdcn_btmedium';
    src: url('https://s3vivelatino19.s3-us-west-2.amazonaws.com/assets2020/css/fonts/futuramc_0-webfont.woff2') format('woff2'),
         url('https://s3vivelatino19.s3-us-west-2.amazonaws.com/assets2020/css/fonts/futuramc_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'maven_proregular';
    src: url('https://s3vivelatino19.s3-us-west-2.amazonaws.com/assets2020/css/fonts/mavenpro-regular-webfont.woff2') format('woff2'),
         url('https://s3vivelatino19.s3-us-west-2.amazonaws.com/assets2020/css/fonts/mavenpro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Futura Std';
    src: url('https://s3vivelatino19.s3-us-west-2.amazonaws.com/assets2020/css/fonts/FuturaStd-CondensedExtraBd.woff2') format('woff2'),
        url('https://s3vivelatino19.s3-us-west-2.amazonaws.com/assets2020/css/fonts/FuturaStd-CondensedExtraBd.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SourceCodePro_Regular';
    src: url('https://s3vivelatino19.s3-us-west-2.amazonaws.com/assets2020/css/fonts/SourceCodePro-Regular-regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SourceCodePro_Bold';
    src: url('https://s3vivelatino19.s3-us-west-2.amazonaws.com/assets2020/css/fonts/SourceCodePro-Regular-bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.font_title{ font-family: "optician_sansregular"; }
.font_read{ font-family: 'maven_proregular'; }
.font_medium{ font-family: 'futura_mdcn_btmedium'; }
.font_bold{font-family: 'Futura Std';}
.font_red{ color: #FF5F5F; }
.font_green{ color: #1de81d; }
.font_blue{ color:#2a1fbb; }

strong{
	font-family: 'Futura Std';
}

.uppercase{ text-transform: uppercase;}

h1{	font-size: 62px; }
h3{ font-size: 28px;}

a,a:focus,
a:visited {
	color: #FF5F5F;
	text-decoration: none;
}
a:hover {
	color: #1de81d;
	text-decoration: none;
}

textarea {
	resize: none;
}

.wrapper{
	position: relative;
	width: 100%;
	height: 100%;
	display: table;
/* 	max-height: 900px; */
}
.wrapper.absolute_wrapper{
	position: absolute;
	left: 0;
	top: 0;
}

.content{
	display: table-cell;
	vertical-align: middle;
}
.wrapper_half{
	height: 50%;
}

.no_padding{ padding: 0; }
.no_margin{ margin: 0; }

.alignJustify{
	text-align: justify;
}
.alignCenter{
	text-align: center;
}

.round_title{
	background-color: #2a1fbb;
    color: white;
    border-radius: 30px;
    display: inline-block;
    padding: 2px 18px 0px;
}
.suite_title:after{
	content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -20px;
    width: 270px;
    height: 79px;
    margin: 0 auto;
    background-image: url("https://s3-us-west-2.amazonaws.com/s3vivelatino19/assets2020/img/blue_stars.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.page_back_btn{
	text-transform: uppercase;
	font-size: 20px;
	display: inline-block;
}

.page_back_btn svg{
	width: 32px;
}
.page_back_btn a{
	color:#2a1fbb;
}
.page_back_btn a:hover, .page_back_btn:hover svg line{
	color: rgb(0, 255, 79);
	stroke: rgb(0, 255, 79);
}


#loader{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	pointer-events: none;
}
#loader_img{
	width: 60px;
}
#loader_img, #loader_img small{
	position: relative;
	transform: scale(1) translateY(0);
	opacity: 1;
	transform-origin: center center;
-webkit-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
#loader.out #loader_img{
	opacity: 0;
}
#loader.out #loader_img small{
	display: block;
	transform: translateY(-10px);
}

#flowers{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 2;
}
.flower{
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	transform: scale(0);
-webkit-transition: all 700ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
   -moz-transition: all 700ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -o-transition: all 700ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition: all 700ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}
.flower.in{
	transform: scale(1) translateX(0) translateY(0) !important;
}
#flowers.splash{
	z-index: 112;
}

#left_flower{
	left: 0;
	top: 0;
	width: 78px;
	height: 82px;
	background-image: url("https://s3-us-west-2.amazonaws.com/s3vivelatino19/assets2020/img/left_flower.png");
	transform-origin: left top;
	transform: scale(0) translateX(-50px) translateY(-50px);
}
#right_flower{
	right: 0;
	top: 0;
	width: 80px;
	height: 87px;
	background-image: url("https://s3-us-west-2.amazonaws.com/s3vivelatino19/assets2020/img/right_flower.png");
	transform-origin: right top;
	transform: scale(0) translateX(50px) translateY(-50px);
}

.section_spinner_title_container{
	position: absolute;
	width: 100%;
	height: 500px;
	overflow: hidden;
	top:-100px;
}
.spinning_title{
	animation-name: spin;
	animation-duration: 50000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear; 
}
.spinning_title img{
	width: 100%;
	height: auto;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.section_spinner_title_container h3{
	display: none;
}

.magnify > .magnify-lens {
  width: 300px;
  height: 300px;
  box-shadow: 0 0 0 1px rgb(58, 58, 205), 0 0 0px 0px rgba(0,0,0,.25), inset 0 0 40px 2px rgba(0,0,0,.25);
}


#header{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 3;
	pointer-events: none;
}
.page-template-temp_home #header {
	position: fixed;
}
#header .title{
	font-size: 25px;
    text-align: center;
    margin: 12px 0;
    letter-spacing: 2px;
    transform: translateY(-50px);
    opacity: 0;
-webkit-transition: all 800ms cubic-bezier(0.340, 1, 0.330, 0.920); /* older webkit */
-webkit-transition: all 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
   -moz-transition: all 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
     -o-transition: all 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
        transition: all 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.340, 1, 0.330, 0.920); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
   -moz-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
     -o-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
        transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920); /* custom */
    
}
#header .title.in{
	transform: translateY(0px);
	opacity: 1;
}
@media(max-width:992px){
	#header .title{
		font-size: 20px;
	}
}

@media(max-width:768px){
	.section_spinner_title_container h3{
		display: block;
		font-size: 50px;
		margin-bottom: 40px;
	}
	.spinning_title{
		display: none;
	}
	.section_spinner_title_container{
		position: relative !important;
		top:0px !important;
		width: 100%;
		text-align: center;
		transform-origin: bottom center !important;
		height: auto;
	}
	#header{
		position: absolute;
	}
	#header .title{
		display: none;
	}
}

@media(max-width:767px){
	
	#flowers{
		position: absolute;
	}
	#header .title.in, #header .title {
	    display: none;
	}
}

@media(max-width:550px){
	#header, .page-template-temp_home #header{
		position: absolute;
	}
}






/* HOME */
#intro{
	position: relative;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0;
	background-color: #ededed;
	z-index: 1;
	overflow: hidden;
	opacity: 0;
}
#intro.in{
	opacity: 1;
}
#intro canvas{
	background-color: #ededed;
}
#welcome_content{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10;
	pointer-events: none;
}

#welcome_content .date{
	position: absolute;
	left: 50%;
	top: 100px;
	text-align: center;
}
#welcome_content .date .number{
	font-size: 50px;
	line-height: 35px;
	transform-origin: center bottom;
	transform: scaleY(0) scaleX(0.7) translateY(5px);
-webkit-transition: all 400ms cubic-bezier(0.340, 1, 0.330, 0.920); /* older webkit */
-webkit-transition: all 400ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
   -moz-transition: all 400ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
     -o-transition: all 400ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
        transition: all 400ms cubic-bezier(0.340, 1.420, 0.330, 0.920); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.340, 1, 0.330, 0.920); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
   -moz-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
     -o-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
        transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920); /* custom */
}
#welcome_content .date .month{
	font-size: 28px;
	line-height: 28px;
	transform-origin: center top;
	transform: scaleY(0) scaleX(0.7) translateY(-5px);
-webkit-transition: all 400ms cubic-bezier(0.340, 1, 0.330, 0.920); /* older webkit */
-webkit-transition: all 400ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
   -moz-transition: all 400ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
     -o-transition: all 400ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
        transition: all 400ms cubic-bezier(0.340, 1.420, 0.330, 0.920); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.340, 1, 0.330, 0.920); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
   -moz-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
     -o-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
        transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920); /* custom */
}
#welcome_content .date .number.in, #welcome_content .date .month.in{
	transform: scaleY(1) translateY(0);
}

#date_01{
	transform: translateX(-360px)
}
#date_02{
	transform: translateX(270px)
}

#scroll_info{
	position: absolute;
	right: 20px;
	top: 45%;
}

@media(max-width:768px){
	
	#welcome_content .date {
	    position: absolute;
	    left: 50%;
	    top: 100px;
	    text-align: center;
	}
	#date_01 {
	    transform: translateX(0px);
	    left: 20px !important;
	}
	#date_02 {
	    transform: translateX(0px);
	    right: 20px !important;
	    left: auto !important;
	}
	#welcome_content .date .number {
	    font-size: 30px;
	    line-height: 15px;
    }
    #welcome_content .date .month {
	    font-size: 18px;
	    line-height: 18px;
    }
	#welcome_content{
		pointer-events: all;
	}
}

@media(max-width:375px){
	#intro{
		position: relative;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0px;
	}
	#intro.botd_in{
		top: -30px;
	}
	#welcome_content .date {
	    top: 70px;
	}
	#welcome_content .date .number {
	    font-size: 24px;
	    line-height: 12px;
	}
}





#home_poster{
	position: relative;
}
.poster_bg{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -300px;
	height: 600px;
	width: 100%;
	background-image: url("https://s3-us-west-2.amazonaws.com/s3vivelatino19/assets2020/img/wave.png");
	background-size: contain;
	background-repeat: repeat-x;
	animation-name: bg_move;
	animation-duration: 50000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear; 
	z-index: 0;
}
#poster_bg_mask{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -300px;
	height: 600px;
	width: 100%;
	transform-origin: right center;
	transform: scaleX(1);
	background-color: #ededed;
	z-index: 1;
-webkit-transition: all 2000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: all 2000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: all 2000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: all 2000ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
#poster_bg_mask.in{
	transform: scaleX(0);
}
#home_poster .content{
	position: relative;
	z-index: 4;
}

@keyframes bg_move {
    from {
        background-position: 0px 0;
    }
    to {
        background-position: -99% 0;
    }
}


#home_poster_title{
	position: absolute;
	right: -250px;
	top: 0px;
	z-index: 3;
}

#home_poster_title_container{
	position: fixed;
	top:-250px;
	z-index: 2;
	transform: scale(0);
	transform-origin: right  top;
-webkit-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

}
#home_poster_title_container.in{
	transform: scale(1);
}

#poster_container{
	position: relative;
	z-index: 4;
	width: 100%;
	max-width: 550px;
	margin: 0 auto;
	opacity: 0;
	transform: translateY(45px);
-webkit-transition: all 2000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
   -moz-transition: all 2000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -o-transition: all 2000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition: all 2000ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}
#poster_container.in{
	opacity: 1;
	transform: translateY(0px);
}

#poster_container.map{
	max-width: 800px;
	text-align: center;
}

/* POP UP */
#homePopupCont{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 111;
	opacity: 0;
	background-color: #ededed;
-webkit-transition: opacity 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
   -moz-transition: opacity 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -o-transition: opacity 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition: opacity 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}
#homePopupCont.in{
	opacity: 1;
}
#homePopupCont.in.out{
	opacity: 0;
}

#homePopup{
	position: relative;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding: 0 20px;
}

#homePopup-content{
	text-align: center;
	
}
.homePopup-close{
	text-align: right;
	font-size: 25px;
	line-height: 30px;
}
.homePopup-close i{
	cursor: pointer;
}

@media(max-height:900px){
	#home_poster{
		padding-top: 50px;
		padding-bottom: 100px;
	}
}

@media(max-height:800px){
	#home_poster_title_container {
    	position: fixed;
		top: -300px;
   	}
	#home_poster_title {
	    right: -150px;
	    top: 150px;
	    z-index: 3;
	    width: 300px;
	}
	#poster_container{
		max-width: 420px;
	}
	#poster_container.map{
		max-width: 600px;
	}
	.poster_bg, #poster_bg_mask{
		margin-top: -250px;
		height: 500px;
	}
}

@media(max-width:768px){
	.page-template-temp_cartel #home_poster {
	    padding: 90px 0px;
	}
}


@media(max-width:550px){
	#header .title{
		font-size: 20px;
		line-height: 18px;
		letter-spacing: 0;
		position: relative;
		width: 80%;
		margin: 4px auto 0;
	}
	
	#left_flower{
		width: 40px;
		height: 44px;
	}
	#right_flower{
		width: 40px;
		height: 47px;
	}
	#poster_container{
		padding: 0 30px;
	}
	#home_poster{
		padding-top: 60px;
		padding-bottom: 60px;
		height: auto;
	}
	.page-template-temp_cartel #home_poster {
	    padding: 90px 0px;
	}
	#homePopup{
		margin: -100px auto 0;	
	}
}

/* TICKETS */

#home_tickets{
	position: relative;
}

#home_tickets_title_container{
	position: fixed;
	top:-220px;
	transform: scale(0);
	transform-origin: left  top;
-webkit-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
#home_tickets_title_container.in{
	transform: scale(1);
	
}

#home_tickets .container-fluid{
	max-width: 1300px;
}

.ticket_type_container{
	position: relative;
}
.ticket_type_container.float_right{
	position: absolute;
	right: -100%;
	top: 0;
	width: 95%;
	margin: 0 15px;
}


#tickets_title{
	position: absolute;
	left: -250px;
	top: 0px;
}
.tickets_container{
	position: relative;
    z-index: 1;
    border: 1px solid transparent;
    padding: 20px 30px;
    display: block;
    margin: 0 0 20px;
    border-radius: 80px;
-webkit-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}

.tickets_container.paddingFix{
	padding: 20px 30px 72px;
}
.tickets_container.in{
	border: 1px solid #2a1fbb;
}
.type_title{
	position: relative;
	left: 0;
	font-size: 30px;
	width: 100%;
	text-align: center;
	transform: translateY(10px);
	opacity: 0;
	-webkit-transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	   -moz-transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	     -o-transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	        transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
	
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
	   -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
	     -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
	        transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}
.type_title.in{
	transform: translateY(0px);
	opacity: 1;
}
.type_title img{
	height: 25px;
	margin-top: -4px;
}

.tickets_description{
	position: relative;
	margin: 15px auto;
	z-index: 1;
	transform: translateY(30px);
	opacity: 0;
-webkit-transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
   -moz-transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -o-transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}
.tickets_description.in{
	transform: translateY(0);
	opacity: 1;
}
.tickets_description .title{
	font-size: 24px;
	margin-bottom: 10px;
	display: inline-block;
	margin-top: 8px;
}
.tickets_description p{
	font-size: 13px;
}
.ticket_phase{
	position: relative;
	display: inline-block;
	padding: 0 25px;
	vertical-align: top;
}

.ticket_phase .title{
	opacity: 0;
	margin-bottom: 10px;
	-webkit-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	   -moz-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	     -o-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	        transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
	
	-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	   -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
.ticket_phase .title h2{
	font-size: 1.5vw;
	line-height: 1.7vw;
}
.ticket_phase .phases{
	font-size: 20px;
	line-height: 22px;
	opacity: 0;
	-webkit-transition: all 1200ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	   -moz-transition: all 120ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	     -o-transition: all 1200ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	        transition: all 1200ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
	
	-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	   -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
.ticket_phase .phases .phase{
	margin-bottom: 5px;
}
.ticket_phase.in .title, .ticket_phase.in .phases{
	opacity: 1;
}

.ticket_phase a{
	color: #2a1fbb;
-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}
.ticket_phase a:hover{
	color: #FF5F5F;
}
.ticket_phase .buy_btn{
	margin-top: 20px;
	font-size: 25px;
}
.ticket_phase .buy_btn a{
	color: #FF5F5F; 
}
.ticket_phase .buy_btn a:hover{
	color: #3534c8; 
}

.ticket_phase .buy_btn a text{
	font-family: 'optician_sansregular';
	fill: #FF5F5F;
-webkit-transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
   -moz-transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -o-transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}


.ticket_phase a.inactive{
	color: #c3c3c3;
	pointer-events: none;
	text-decoration: line-through;
}
.ticket_phase a span{
	margin-right: 5px;
}
.ticket_phase .soon a{
	color: #c3c3c3;
	pointer-events: none;
}
.ticket_phase.sold_out:after{
	content: 'se acabaron';
	padding: 2px 2px;
	overflow: hidden;
	width: 100%;
	max-width: 200px;
	color: white;
	background-color: #2a1fbb;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: rotate(-25deg);
	white-space: nowrap;
	font-family: 'Futura Std';
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
	line-height: 14px;
	opacity: 0;
	-webkit-transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
   -moz-transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -o-transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}
.ticket_phase.in.sold_out:after{
	opacity: 1;
}


#tickets_bottom_circles{
	position: fixed;
	width: 722px;
	height: 722px;
	overflow: hidden;
	bottom:0px;
	z-index: 0;
	right: 0;
}
#tickets_bottom_circles .circle{
	position: absolute;
	border-top-left-radius: 50%;
	border: 1px solid #2a1fbb;
	right: -50%;
	bottom: -50%;
	transform-origin: right bottom;
	transform: scale(0);
	background-color: #ededed;
-webkit-transition: all 800ms cubic-bezier(0.325, 1, 0.400, 0.945); /* older webkit */
-webkit-transition: all 800ms cubic-bezier(0.325, 1.350, 0.400, 0.945);
   -moz-transition: all 800ms cubic-bezier(0.325, 1.350, 0.400, 0.945);
     -o-transition: all 800ms cubic-bezier(0.325, 1.350, 0.400, 0.945);
        transition: all 800ms cubic-bezier(0.325, 1.350, 0.400, 0.945); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.325, 1, 0.400, 0.945); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.325, 1.350, 0.400, 0.945);
   -moz-transition-timing-function: cubic-bezier(0.325, 1.350, 0.400, 0.945);
     -o-transition-timing-function: cubic-bezier(0.325, 1.350, 0.400, 0.945);
        transition-timing-function: cubic-bezier(0.325, 1.350, 0.400, 0.945); /* custom */
}
#tickets_bottom_circles .circle.in{
	transform: scale(1);
}
#tickets_bottom_circles .circle:nth-child(1){
	width: 80%;
	height: 80%;
	z-index: 3;
}
#tickets_bottom_circles .circle:nth-child(2){
	width: 90%;
	height: 90%;
	z-index: 2;
}
#tickets_bottom_circles .circle:nth-child(3){
	width: 100%;
	height: 100%;
	z-index: 1;
}

#home_tickets .small_text{
	font-size: 13px;
	opacity: 0;
-webkit-transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
   -moz-transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -o-transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}
#home_tickets .small_text.in{
	opacity: 1;
}

@media(max-height:800px){
	#home_tickets_title_container {
    	position: fixed;
		top: -300px;
   	}
	#tickets_title {
	    left: -150px;
	    top: 150px;
	    z-index: 3;
	    width: 300px;
	}
	#tickets_bottom_circles {
    	position: fixed;
	    width: 452px;
	    height: 452px;
    }
    .tickets_description{
		position: relative;
		left: 0;
		right: auto;
		bottom: auto;
	}
	.tickets_container{
		margin-bottom: 20px;
	}
}


@media(max-width:1600px){
	#tickets_bottom_circles{
		position: fixed;
		width: 500px;
		height: 500px;
	}
	 #home_tickets .container-fluid {
	    max-width: 1200px;
	}
}


@media(max-width:1400px){
	.ticket_phase {
    	padding: 0 10px;
    }
    #home_tickets .container-fluid {
	    max-width: 1060px;
	}
	#tickets_bottom_circles{
		display: none;
	}
	.tickets_container.paddingFix{
		padding: 20px 30px 52px;
	}
}

@media(max-width:1300px){
	.ticket_phase .buy_btn {
	    margin-top: 15px;
	    font-size: 26px;
	}
	.ticket_phase .title {
    	margin-bottom: 15px;
    }
	.tickets_description{
		position: relative;
		left: 0;
		right: auto;
		bottom: auto;
	}
}


@media(max-width:1200px){
	#home_tickets .container-fluid {
	    max-width: 100%;
	}
	.tickets_container{
		margin: 0 auto 20px;
		padding: 20px 5px 10px 5px;
	}
	.ticket_phase {
		width: 30%;
		 padding: 0 5px;
    }
    .tickets_container.paddingFix {
	    padding: 20px 0px 31px;
	}
		
	.ticket_phase .buy_btn {
	    margin-top: 15px;
	    font-size: 24px;
	}
	.ticket_phase .title {
    	margin-bottom: 8px;
    }
    .ticket_phase .title h2{
    	margin-bottom: 5px;
    	font-size: 22px;
    	line-height: 24px;
    }
	.tickets_description{
		position: relative;
		left: 0;
		right: auto;
		bottom: auto;
		margin: 5px auto;
	}
	#home_tickets{
		padding-top: 80px;
	}
	.ticket_phase .phases{
		margin-bottom: 20px;
	}
	.ticket_phase .phases .phase {
	    margin-bottom: 3px;
	}
	.ticket_phase .phases {
	    font-size: 18px;
	    line-height: 22px;
    }
}

@media(max-width:1200px){
    .tickets_container.paddingFix {
	    padding: 20px 0px 50px;
	}
}

@media(max-width:992px){
	
	#home_tickets, #home_tickets .content {
		display: block;
		height: auto;
	}
	
	.ticket_type_container.float_right {
	    position: relative;
	    right: 0;
	    top: 0;
	    width: 100%;
	    margin: 0;
	}
	
	#home_tickets_title_container {
    	position: absolute;
    	top: -220px;
   	}
		
	#tickets_title {
	    position: absolute;
	    left: -165px;
	    top: 125px;
	    z-index: 3;
	    width: 250px;
	}
	#home_tickets {
	    padding-top: 60px;
	}
	.tickets_container, .tickets_container.paddingFix {
	    margin: 0 auto 20px;
	    padding: 20px 5px 20px 5px;
	}
	.ticket_phase .phases {
	    margin-bottom: 15px;
	}
	.tickets_description{
		margin: 0 auto 40px;
	}
}


@media(max-width:768px){
	#home_tickets_title_container {
    	position: absolute;
   	}
   	#home_tickets{
   		padding: 90px 0px;
	}
	.tickets_container{
		margin: 0 20px 30px;
		border-radius: 50px;
	}
	.ticket_phase:before {
	    left: -9px;
	    top: -60px;
	    width: 315px;
	    height: 315px;
	}
/*
    .ticket_phase:after {
	    left: 129px;
	    top: 209px;
	    width: 38px;
	    height: 38px;
	}
*/
/*
	.ticket_phase:nth-last-child(2):after, .ticket_phase:nth-last-child(2n+1):after {
	    width: 33px;
	    height: 33px;
	    background-image: url("https://s3-us-west-2.amazonaws.com/s3vivelatino19/assets2020/img/poster/pupil.png");
	}
*/
	.ticket_phase:nth-last-child(2){
		margin-bottom: 0px;;
	}
	.ticket_phase:nth-last-child(1):after {
	    width: 0px;
	    height: 0px;
	    background-image: none;
	}
	.ticket_phase .title {
	    margin-bottom: 0px;
	}
	.ticket_phase .title:before{
		content: '';
		position: relative;
		height: 10px;
		width: 100%;
		display: block;
	}
	.ticket_phase .title h2 {
	    font-size: 1.8rem;
	    line-height: 1.9rem;
	}
	.ticket_phase .phases {
	    font-size: 20px;
	    line-height: 22px;
	}
	.ticket_phase .buy_btn{
		margin-top: 8px;
		font-size: 20px;
	}
	
	#tickets_title {
	    position: absolute;
	    left: -125px;
	    top: 125px;
	    z-index: 3;
	    width: 250px;
	}
	#tickets_bottom_circles {
    	position: fixed;
	    width: 452px;
	    height: 452px;
	    display: none;
    }
    .tickets_description {
	    margin-bottom: 50px;
	}
	
}

@media(max-width:550px){
	
	.ticket_phase{
		width: 100%;
	}
	.tickets_container {
	    margin: 0 auto 30px;
	    padding: 40px 30px 10px 30px;
	    width: 90%;
	}
	#home_tickets {
	    padding: 60px 0px;
	}
	.page-template-temp_boletos #home_tickets {
	    padding: 90px 0px;
	}
	.type_title img{
		height: 22px;
		margin-top: -4px;
	}
}

/* BAND OF THE DAY */
#botd_mobile_container{
	position: absolute;
	width: 100%;
	bottom: 30px;
	padding: 0 20px;
	opacity: 0;
	display: none;
	opacity: 0;
	transform: translateY(15px);
-webkit-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
#botd_mobile_container.in{
	opacity: 1;
	transform: translateY(0);
}
#botd_mobile_container h3, #botd_mobile_container h4{
	margin-bottom: 0;
}


#botd_img{
	position: relative;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-size: cover;
	background-position: center center;
}
.botd_col{
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 0 5px;
}

#botd_meet_btn{
	font-size: 13px;
	margin-top: 5px;
}
#botd_meet_btn svg{
	transform:rotate(180deg);
	height: 29px;
    position: relative;
    left: -15px;
}

@media(max-width:768px){
	#botd_mobile_container{
		display: block;
	}
}

@media(max-width:325px){
	#botd_mobile_container{
		bottom: 10px;
	}
	#botd_img {
	    width: 80px;
	    height: 80px;
    }
    #botd_mobile_container h3{
	    font-size: 18px;
    }
    #botd_mobile_container h4{
	    font-size: 16px;
    }
}


/* BANDS */
#home_bands{
	position: relative;
	z-index: 2;
	height: 100%;
}
#home_bands.out{
	pointer-events: none;
}
#home_bands_title_container{
	position: fixed;
	top:-220px;
	transform: scale(0);
	transform-origin: right  top;
-webkit-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
#home_bands_title_container.in{
	transform: scale(1);
	
}

#home_bands_title{
	position: absolute;
	right: -250px;
	top: 0px;
}


.bands_container{
	padding: 0 50px 50px	;
	position: relative;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

.band_item{
	position: relative;
	font-family: "futura_mdcn_btmedium";
	text-transform: uppercase;
	font-size: 24px;
	margin: 5px 5px;
	display: inline-block;
	cursor: pointer;
	transform: scaleY(0) scaleX(0.5);
	opacity: 0;
	color: #2a1fbb;
	transform-origin: bottom center;
-webkit-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
.band_item.in{
	transform: scaleY(1) scaleX(1);
	opacity: 1;
}

.band_item.band_small{
	color: #2a1fbb;
}
.band_item:hover{
	color: #FF5F5F;
}

.band_item.band_big{
	font-family: 'Futura Std';
}

.band_item span{
	pointer-events: none;
}
.band_item:after{
	content: '.';
	position: relative;
	font-family: "futura_mdcn_btmedium";
	margin-left: 5px;
}

.band_item .band_circle{
	position: absolute;	
}

.band_item .band_circle .band_photo{
	position: absolute;
	width: 150px;
	height: 150px;
	left: -75px;
	bottom: 10px;
	box-shadow: 0 0 0 1px rgb(58, 58, 205), 0 0 0px 0px rgba(0,0,0,.25), inset 0 0 40px 2px rgba(0,0,0,.25);
	background-color: #fff;
	border-radius: 50%;
	background-size: cover;
	background-position: center center;
	z-index: 4;
	transform: scale(0);
	transform-origin: bottom center;
	pointer-events: none;
-webkit-transition: transform 400ms cubic-bezier(0.340, 1, 0.330, 0.920); /* older webkit */
-webkit-transition: transform 400ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
   -moz-transition: transform 400ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
     -o-transition: transform 400ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
        transition: transform 400ms cubic-bezier(0.340, 1.420, 0.330, 0.920); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.340, 1, 0.330, 0.920); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
   -moz-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
     -o-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
        transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920); /* custom */
}
.band_item .band_circle.in .band_photo{
	transform: scale(1);
}

#band_container{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 100;
}
#band_container .wrapper{
	background-color: rgba(237,237,237,0);
-webkit-transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
   -moz-transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -o-transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}
#band_container .wrapper.in{
	background-color: rgba(237,237,237,1);
}
#band_container.out{
	pointer-events: none;
	display: none;
	z-index: 0;
}

#band_container .band_full{
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	z-index: 0;
	overflow: hidden;
}

#band_container .band_full_bg{
	position: absolute;
    right: -5%;
    bottom: 0;
    width: 68%;
    height: 130%;
    pointer-events: none;
    margin-bottom: -9%;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    background-size: cover;
    background-position: center center;
    border: 1px #2a1fbb solid;
	z-index: 2;
	opacity: 0;
-webkit-transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
   -moz-transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -o-transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
     -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
        transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}
#band_container .band_full_bg.in{
	opacity: 1;
	right: -0.1%;;
	width: 70%;
	height: 140%;
}

#band_container .band_info{
	position: relative;
    width: 30%;
    padding: 0px 70px 80px;
    z-index: 1;
}

#band_container .band_info.in:before{
	transform: scale(1);
	opacity: 1;
}

#band_container .band_info .band_name, #band_container .band_info .band_bio, #band_container .band_info .band_rss, #band_container .band_info .band_back{
	position: relative;
	z-index: 2;
	opacity: 0;
-webkit-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
#band_container .band_info.in .band_name, #band_container .band_info.in .band_bio, #band_container .band_info.in .band_rss, #band_container .band_info.in .band_back{
	position: relative;
	z-index: 2;
	opacity: 1;
}

#band_container .band_info .band_name{
	font-size: 50px;
	line-height: 50px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#band_container .band_info .band_bio{
	font-size: 14px;
	overflow: hidden;
}

#band_container .band_info .band_rss{
	position: relative;
	margin-top: 20px;
	text-align: center;
    width: 100%;
    left: 0;
    font-size: 20px;
}

#band_container .band_info .band_rss a{
	color: #2a1fbb;
	margin: 0 8px;
}
#band_container .band_info .band_rss a:hover{
	color: #FF5F5F;
}

#band_container .band_info .back_btn{
	position: relative;
	margin-bottom: 20px;
	z-index: 2;
	cursor: pointer;
	text-transform: uppercase;
}
#band_container .band_info .back_btn svg{
	display: inline-block;
	width: 32px;
}


body.band_in{
	overflow: hidden;
}


#bands_circular_container{
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

#bands_circular_container_bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-image: url("https://s3-us-west-2.amazonaws.com/s3vivelatino19/assets2020/img/bands_lines_bg.png");
	background-size: cover;
	background-position: center center;
	opacity: 0;
-webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
#bands_circular_container_bg.in{
	opacity: 1;
}
#bands_circular_container_bg.out{
	opacity: 0;
}

#circle_band_main_photo{
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	width: 250px;
	height: 250px;
	margin: -130px auto 0;
	border-radius: 50%;
	z-index: 1;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-image: url("https://s3-us-west-2.amazonaws.com/s3vivelatino19/assets2020/img/bands_poster_item.png");
	border: 1px solid #2a1fbb;
	opacity: 0;
	transform: scale(0.6) rotate(25deg);
-webkit-transition: transform 800ms cubic-bezier(0.340, 1, 0.330, 0.920); /* older webkit */
-webkit-transition: transform 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920), opacity 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
   -moz-transition: transform 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920), opacity 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
     -o-transition: transform 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920), opacity 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
        transition: transform 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920), opacity 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.340, 1, 0.330, 0.920); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
   -moz-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
     -o-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
        transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920); /* custom */
}
#circle_band_main_photo.in{
	transform: scale(1) rotate(0deg);
	opacity: 1;
}
#circle_band_main_photo.in.out{
	opacity: 0;
	transform: scale(0.6) rotate(25deg);	
}
#circleCanvas_bg{
	position: absolute;
	width: 730px;
	height: 730px;
	background-color: #ededed;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	z-index: 0;
	opacity: 0;
	transform: scale(0.8);
	margin-left: -365px;
	margin-top: -371px;
-webkit-transition: transform 800ms cubic-bezier(0.340, 1, 0.330, 0.920); /* older webkit */
-webkit-transition: transform 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920), opacity 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
   -moz-transition: transform 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920), opacity 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
     -o-transition: transform 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920), opacity 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
        transition: transform 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920), opacity 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.340, 1, 0.330, 0.920); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
   -moz-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
     -o-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
        transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920); /* custom */
}
#circleCanvas_bg.in{
	opacity: 1;
	transform: scale(1);
}
#circleCanvas_bg.out{
	opacity: 0;
	transform: scale(0.8);
}

#circleCanvas_bg:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid #2a1fbb;
	transform: scale(0.97);
}


#bands_circular_container .poster_item{
	position: absolute;
	z-index: 1;
	background-size: contain;
	background-repeat: no-repeat;
}

#circleCanvas {
	z-index: 10;
	opacity: 1;
	transform: scale(0) rotate(20deg);
-webkit-transition: all 1050ms cubic-bezier(0.340, 1, 0.330, 0.920); /* older webkit */
-webkit-transition: all 1050ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
   -moz-transition: all 1050ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
     -o-transition: all 1050ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
        transition: all 1050ms cubic-bezier(0.340, 1.420, 0.330, 0.920); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.340, 1, 0.330, 0.920); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
   -moz-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
     -o-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
        transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920); /* custom */
}
#circleCanvas.in{
	transform: scale(0.9) rotate(0deg);
	opacity: 1;
}
#circleCanvas.in.out {
    opacity: 0;
	transform: scale(0.6) rotate(20deg);
}
#circleCanvas.hover{
	cursor: pointer;
}
#circleCanvas.in.changing {
    opacity: 0;
	transform: scale(0.9) rotate(20deg);
}
#bands_day_menu{
	position: absolute;
	width: 730px;
	left: 30px;
	right: 0;
	margin: -375px auto 0;
	top: 50%;
	z-index: 11;
	pointer-events: none;
	text-align: center;
	transform-origin: bottom center;
	opacity: 0;
	transform: scale(0.7);
-webkit-transition: all 1050ms cubic-bezier(0.340, 1, 0.330, 0.920); /* older webkit */
-webkit-transition: all 1050ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
   -moz-transition: all 1050ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
     -o-transition: all 1050ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
        transition: all 1050ms cubic-bezier(0.340, 1.420, 0.330, 0.920); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.340, 1, 0.330, 0.920); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
   -moz-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
     -o-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
        transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920); /* custom */
}
#bands_day_menu.in{
	opacity: 1;
	transform: scale(1);
}
#bands_day_menu.out{
	opacity: 0;
	transform: scale(0.8);
}

#bands_day_menu .item{
	display: inline-block;
	margin: 0 40px;
	vertical-align: top;
	cursor: pointer;
	pointer-events: all;
}
#bands_day_menu .item:nth-child(2) {
    top: -35px;
    position: relative;
}
#bands_day_menu .item span{
	display: none;
}

#bands_day_menu .item.active span{
	color: rgb(0, 255, 79);
}

#bands_day_menu .item svg path{
	fill: rgb(237, 237, 237);
	stroke: rgb(55, 55, 209);
}

#bands_day_menu .item:hover svg path, #bands_day_menu .item.active svg path{
	fill: rgb(55, 55, 209);
}



.poster_item.hand{
	bottom: -500px;
	background-position: center bottom;
-webkit-transition: all 800ms cubic-bezier(0.340, 1, 0.330, 0.920); /* older webkit */
-webkit-transition: all 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
   -moz-transition: all 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
     -o-transition: all 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
        transition: all 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.340, 1, 0.330, 0.920); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
   -moz-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
     -o-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
        transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920); /* custom */
}
.poster_item.hand.in{
	bottom: -20px;
}
.poster_item.hand.out{
	bottom: -500px;
}
#blue_hand_01{
	background-image: url("https://s3-us-west-2.amazonaws.com/s3vivelatino19/assets2020/img/hand_01.png");
	width: 140px;
	height: 320px;
	left: 4.5%;
}

#blue_hand_02{
	background-image: url("https://s3-us-west-2.amazonaws.com/s3vivelatino19/assets2020/img/hand_02.png");
	width: 160px;
	height: 370px;
	left: 13%;
}
#blue_hand_03{
	background-image: url("https://s3-us-west-2.amazonaws.com/s3vivelatino19/assets2020/img/hand_03.png");
	width: 160px;
	height: 370px;
	right: 13%;
}

#blue_hand_04{
	background-image: url("https://s3-us-west-2.amazonaws.com/s3vivelatino19/assets2020/img/hand_04.png");
	width: 140px;
	height: 320px;
	right: 4.5%;
}

.poster_item.eye{
	top: 46%;
	background-position: center center;
	width: 150px;
	height: 0px;
	background-color: rgba(255,255,255,1);
	border-radius: 100% 0px;
	transform: rotate(0deg) ;
	background-size: 200px;
-webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
.poster_item.eye.in{
	height: 150px;
	transform: rotate(45deg);
	top: calc(46% - 43px);
}
.poster_item.eye.in.out{
	height: 0px;
	transform: rotate(0deg);
	top: 46%;
}


#left_eye{
	background-image: url("https://s3-us-west-2.amazonaws.com/s3vivelatino19/assets2020/img/poster/eye.png");
	left: 21%;
}
#right_eye{
	background-image: url("https://s3-us-west-2.amazonaws.com/s3vivelatino19/assets2020/img/poster/eye.png");
	right: 21%;
}

#bands_circular_container .square{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#bands_mobile_container{
	display: none;
	text-align: center;
}

#band_video_wrapper{
	position: fixed;
	width: 70%;
	top:0;
	right: 0;
	z-index: 10;
	text-align: center;
}
#band_video{
	position: relative;
	width: 100%;
	max-width: 700px;
	padding: 0 20px;
	margin: 0 auto;
	transform: translateY(20px);
	opacity: 0;
-webkit-transition: all 850ms cubic-bezier(0.340, 1, 0.330, 0.920); /* older webkit */
-webkit-transition: all 850ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
   -moz-transition: all 850ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
     -o-transition: all 850ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
        transition: all 850ms cubic-bezier(0.340, 1.420, 0.330, 0.920); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.340, 1, 0.330, 0.920); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
   -moz-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
     -o-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
        transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920); /* custom */
}
#band_video.in{
	transform: translateY(0px);
	opacity: 1;
}


@media(max-width:2100px){
	#left_eye{
		left: 14%;
	}
	#right_eye{
		right: 14%;
	}
}

@media(max-width:1300px){
	
	#band_container .band_info {
		width: 40%;
   	}
	
	#band_container .band_full_bg {
		height: 120%;
		  width: 55%;
    }
	
	#band_container .band_full_bg.in {
	    opacity: 1;
	    right: -0.1%;
	    width: 60%;
	    height: 120%;
	}
}


@media(max-height:800px){
	#home_bands_title_container {
    	position: fixed;
		top: -250px;
   	}
	#home_bands_title {
	    position: absolute;
	    right: -165px;
	    top: 125px;
	    z-index: 3;
	    width: 250px;
	}
	.band_item{
		font-size: 24px;
		line-height: 26px;
	}
	#circleCanvas.in{
		transform: scale(0.85) rotate(0deg);
	}
	#circle_band_main_photo.in{
		top: 50%;
		width: 225px;
		height: 225px;
		margin: -118px auto 0;
	}
	
	#blue_hand_01{
		width: 140px;
		height: 270px;
		left: 4.5%;
	}
	
	#blue_hand_02{
		width: 160px;
		height: 310px;
		left: 13%;
	}
	#blue_hand_03{
		width: 160px;
		height: 310px;
		right: 13%;
	}
	
	#blue_hand_04{
		width: 140px;
		height: 240px;
		right: 4.5%;
	}
	
	#circleCanvas_bg {
		width: 690px;
		height: 690px;
		z-index: 0;
		margin-left: -345px;
		margin-top: -348px;
	}
	#bands_day_menu.in {
	    transform: scale(0.9);
	    margin: -360px auto 0;
	}
	
}
@media(max-height:779px){
	#circleCanvas_bg {
	    width: 605px;
	    height: 605px;
	    z-index: 0;
	    margin-left: -305px;
	    margin-top: -305px;
	}
	#bands_day_menu.in {
	    transform: scale(0.8);
	    margin: -330px auto 0;
	}
}


@media(max-height:700px){
	
	#circleCanvas.in{
		transform: scale(0.80) rotate(0deg);
	}
	#circle_band_main_photo.in{
		top: 50%;
		width: 210px;
	    height: 210px;
	    margin: -110px auto 0;
	}
	#circleCanvas_bg {
	    width: 572px;
	    height: 572px;
	    margin-left: -286px;
	    margin-top: -290px;
	}
	
	#blue_hand_01{
		width: 80px;
		height: 180px;
		left: 4.5%;
	}
	
	#blue_hand_02{
		width: 80px;
		height: 200px;
		left: 13%;
	}
	#blue_hand_03{
		width: 160px;
		height: 310px;
		right: 13%;
	}
	
	#blue_hand_04{
		width: 80px;
		height: 180px;
		right: 4.5%;
	}
	#bands_day_menu.in {
	    transform: scale(0.8);
	    margin: -315px auto 0;
	}
}
@media(max-height:680px){
	#circleCanvas_bg {
	    width: 516px;
	    height: 516px;
	    margin-left: -258px;
	    margin-top: -262px;
	}
	#bands_day_menu.in {
	    transform: scale(0.75);
	    margin: -290px auto 0;
	}
}


@media(max-width:1500px){
	.poster_item.eye{
		width: 100px;
	}
	.poster_item.eye.in{
		height: 100px;
	}
}
@media(max-width:1400px){
	#left_eye{
		left: 10%;
	}
	#right_eye{
		right: 10%;
	}
}
@media(max-width:1200px){
	.poster_item.eye{
		display: none;
	}
	
	#band_video_wrapper{
		width: 60%;
	}
}

@media(max-width:992px){
	#circleCanvas.in{
		transform: scale(0.80) rotate(0deg);
	}
	#circleCanvas_bg {
		width: 630px;
	    height: 630px;
	    z-index: 0;
	    margin-left: -315px;
	    margin-top: -320px;
	}
	#circle_band_main_photo.in{
		top: 50%;
		width: 225px;
		height: 225px;
		margin: -118px auto 0;
	}
	#bands_day_menu.in{
		transform: scale(0.8);
		margin: -345px auto;
	}
}
@media(max-width:768px){
	#band_container .band_info {
	    position: relative;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    padding: 00px 20px 50px;
	    z-index: 1;
	    background-color: rgba(237,237,237,0);
	}
	#band_container .band_info.in {
		background-color: rgba(237,237,237,1);
	}
	
	#band_container .band_full_bg { 
	    opacity: 0;
	    width: 120%;
	    height: 48%;
	    border-bottom-left-radius: 0;
	    right: -10%;
	    border-top-right-radius: 50%;
	}
	
	#band_container .band_full_bg.in {
	    opacity: 1;
	    width: 120%;
	    height: 45%;
	    border-bottom-left-radius: 0;
	    right: -10%;
	    border-top-right-radius: 50%;
	}
	#band_container .band_info .back_btn{
		margin-bottom: 10px;
	}
	#band_video_wrapper{
		width: 100%;
		position: relative;
		display: block;
		height: auto;
		margin-top: 10px;
	}
	#band_video_wrapper .content{
		display: block;
		height: auto;
	}
	
	#band_container .band_full .wrapper, #band_container .band_full .content{
		display: block;
		height: 100%;
		top: 0;
	}
	
	
}
@media(max-width:768px){
	.page-template-temp_bandas #home_bands_title_container{
		position: absolute !important;
		top: 85px !important;
	}
}
@media(max-width:767px){
	.page-template-temp_bandas #home_bands_title_container{
		position: relative !important;
		top: 0px !important;
	}
	#bands_mobile_container{
		display: block;
	}
	#bands_circular_container{
		display: none;
	}
	#bands_day_menu.in, #bands_day_menu{
		position: relative;
		margin: 0 auto 25px;
		width: 100%;
		left: 0;
		transform: scale(1);
		font-size: 22px;
	}
	#home_bands{
		height: auto;
		padding: 60px 0;
	}
	#home_bands .content{
		display: block;
	}
	#band_container .band_info .band_name {
    	font-size: 28px;
    	line-height: 28px;
    }
    #band_container .band_info .band_bio {
	    font-size: 14px;
	    line-height: 16px;
    }
    #bands_day_menu .item{
		margin: 0 5px;
	}
    #bands_day_menu .item span{
		display: block;
	}
	#bands_day_menu .item svg{
		display: none;
	}
	#bands_day_menu .item:nth-child(2) {
	    top: 0px;
	    position: relative;
	}
}
@media(max-width:550px){
	.bands_container{
		padding: 0 15px 100px;
	}
	.band_item{
		position: relative;
		font-size: 16px;
		line-height: 18px;
		margin: 3px 2px;
		padding: 0px 0px;
	}
	
	#home_bands_title_container{
    	position: absolute;
    	top: -250px;
   	}
		
	#home_bands_title{
	    position: absolute;
	    right: -165px;
	    top: 125px;
	    z-index: 3;
	    width: 250px;
	}
	#band_container .band_info .back_btn svg{
		width: 22px;
		height: 80px;
	}
}


/* PAGE CONTENT */

#page_content_text{
	position: relative;
	padding-top: 20px;
	padding-bottom: 50px;
	width: 80%;
    max-width: 1200px;
}
.page-template-temp_page_content_only #header{
	position: relative;
}
.page-template-temp_page_content_only #flowers{
	position: absolute;
}
.page-template-temp_page_content_only #loader{
	display: none;
}
#page_content_text .title{
	text-align: center;
}

#page_content_text .page_content a{
	font-family: 'Futura Std';
}



/* EXPERIENCIA */
#section-experience {
	opacity: 0;
	padding: 100px 0 50px;
-webkit-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -moz-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
#section-experience.in {
	opacity: 1;
}
#experience_title_container{
    position: fixed;
    top: -220px;
    transform: scale(0);
    transform-origin: left top;
    -webkit-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -moz-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
#experience_title_container.in{
	 transform: scale(1);
}
#experience_title{
	position: absolute;
	left: -250px;
	top: 0px;
}

#section-experience .experience-content {
	width: 90%;
	max-width: 850px;
	margin: 0 auto 40px;
}
#section-experience .col-experience {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 180px;
	padding: 5px 5px;
	border: 1px solid transparent;
	border-radius: 20px;
}
#section-experience .col-experience.active {
	border: 1px solid;
}
#section-experience .col-experience span {
	/*font-size: 20px;
	line-height: 20px;*/
	display: inline-block;
	cursor: pointer;
}
#section-experience .col-experience svg {
	width: 100%;
	max-width: 100%;
}
#section-experience .col-experience svg path {
	fill: rgb(237, 237, 237);
	stroke: rgb(55, 55, 209);
}
#section-experience .col-experience:hover svg path,
#section-experience .col-experience.active svg path {
	fill: rgb(55, 55, 209);
}
#section-experience .col-experience p {
	margin: 0;
}
#section-experience .experience-row {
	
}
#section-experience .experience-row.hide {
	display: none;
	opacity: 0;
}
#section-experience .experience-name {
	font-size: 50px;
	line-height: 56px;
}
#section-experience .experience-text {
	font-size: 14px;
	line-height: 18px;
	width: 90%;
}
#section-experience .experience-text b,
#section-experience .experience-text strong {
	font-family: 'Futura Std';
}
#section-experience .experience-text ul {
	list-style: none;
}
#section-experience .experience-text ul li::before {
	content: "\2022";
	color: #FF5F5F;
	font-weight: bold;
	display: inline-block; 
	width: 1em;
	margin-left: -1em;
}
#section-experience .experience-button-bottom {
	padding: 200px 0 0;
}
#section-experience .experience-group-title {
	font-size: 18px;
	line-height: 22px;
	margin: 0 0 20px;
}
#section-experience .experience-group-button {
	margin: 0 0 15px;
}
#section-experience .experience-group-link {
	display: block;
	padding: 13px 10px 10px;
	border-radius: 30px;
	border: 1px solid #2a1fbb;
	color: #2a1fbb;
	font-size: 14px;
	line-height: 14px;
}
#section-experience .experience-group-link:hover {
	color: #fff;
	background-color: #2a1fbb;
}
#section-experience .experience-group-link.active {
	color: #fff;
	background-color: #2a1fbb;
}
#section-experience .experience-col-inner {
	display: none;
}

#section-experience #experience_bg, #comida-section #experience_bg, #books-section #experience_bg{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	min-height: 700px;
}
.green_circle{
	position: absolute;
	width: 190px;
	height: 190px;
	background-image: url("https://s3-us-west-2.amazonaws.com/s3vivelatino19/assets2020/img/green_circle.png");
	background-size: contain;
	background-repeat: no-repeat;
	transform-origin: center center;
	transform: scale(0);
-webkit-transition: all 800ms cubic-bezier(0.340, 1, 0.330, 0.920); /* older webkit */
-webkit-transition: all 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
   -moz-transition: all 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
     -o-transition: all 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
        transition: all 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.340, 1, 0.330, 0.920); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
   -moz-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
     -o-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
        transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920); /* custom */
}
.green_circle.in{
	transform: scale(1);
}
#section-experience  #green_circle_1, #comida-section #green_circle_1, #books-section #green_circle_1{
	top: 60%;
    left: -80px;
}
#section-experience  #green_circle_2, #comida-section #green_circle_2, #books-section #green_circle_2{
	right: -114px;
    bottom: 21px;
    width: 240px;
    height: 240px;
}
#section-experience  #green_circle_3, #comida-section #green_circle_3, #books-section #green_circle_3{
	right: -100px;
    bottom: 17px;
    width: 200px;
    height: 200px;
}
#section-experience  #green_circle_4, #comida-section #green_circle_4, #books-section #green_circle_4{
	right: -120px;
    bottom: -5px;
}
.blue_splat_container{
	position: absolute;
    width: 0;
	height: 240px;
	overflow: hidden;
-webkit-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: all 1000ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}

#section-experience .blue_splat_container, #comida-section .blue_splat_container, #books-section .blue_splat_container{
	right: 0;
    top: 10%;
}

.blue_splat_container.in{
	width: 223px;
}
#blue_splat{
	position: absolute;
	right: 0;
    width: 223px;
    height: 240px;
    background-image: url("https://s3-us-west-2.amazonaws.com/s3vivelatino19/assets2020/img/blue_splat.png");
    background-size: contain;
    background-repeat: no-repeat;
}




@media(max-height:800px){
	#experience_title_container {
    	position: absolute;
		top: -300px;
   	}
	#experience_title {
	    left: -150px;
	    top: 150px;
	    z-index: 3;
	    width: 300px;
	}
}

@media(max-width:1300px){
	#section-experience .experience-content {
		width: 85%;
	}
	
	#experience_title_container {
    	position: absolute;
		top: -300px;
   	}
	#experience_title {
	    left: -150px;
	    top: 150px;
	    z-index: 3;
	    width: 300px;
	}
}
@media(max-width:1080px){
	#section-experience .col-experience {
		max-width: 150px;
	}
	#section-experience .experience-content {
		width: 80%;
	}
}
@media(max-width:992px){
	#section-experience .experience-name {
		font-size: 40px;
		line-height: 46px;
	}
	#section-experience .experience-group-title {
		font-size: 14px;
		line-height: 18px;
		margin: 0 0 15px;
	}
	#section-experience .experience-group-link {
		font-size: 11px;
		line-height: 11px;
	}
	
}
@media(max-width:767px){
	#section-experience .experience-name {
		font-size: 30px;
		line-height: 36px;
		text-align: center;
	}
	#section-experience .experience-text {
		width: 100%;
	}
	#section-experience .experience-col-left {
		display: none;
	}
	
	#section-experience .experience-col-inner {
		display: block;
		text-align: center;
		margin: 0 auto 30px;
		width: 80%;
		max-width: 200px;
	}
	#section-experience .experience-button-bottom {
		padding: 20px 0 0;
	}
	#section-experience .experience-group-link {
		font-size: 13px;
		line-height: 13px;
	}
}

@media(max-width:550px){
	#blue_splat_container{
		top: 16%;
	    width: 0px;
	    height: 120px;
	}
	#blue_splat{
		width: 100px;
		height: 120px;
	}
	#blue_splat_container.in{
		width: 100px;
	}
	.green_circle{
		width: 120px;
		height: 120px;
	}
	#green_circle_2{
		right: -110px;
	    bottom: 6px;
	    width: 190px;
	    height: 190px;
	}
	#green_circle_3{
		right: -91px;
	    bottom: -7px;
	    width: 160px;
	    height: 160px;
	}
	#green_circle_3{
		right: -70px;
	}
	#section-experience .blue_splat_container {
	    right: 0;
	    top: 22%;
	}
}

/* FOOTER */
#footer{
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 10;
	width: 100%;
	transform: translateY(160px);
-webkit-transition: all 800ms cubic-bezier(0.340, 1, 0.330, 0.920); /* older webkit */
-webkit-transition: all 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
   -moz-transition: all 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
     -o-transition: all 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920);
        transition: all 800ms cubic-bezier(0.340, 1.420, 0.330, 0.920); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.340, 1, 0.330, 0.920); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
   -moz-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
     -o-transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920);
        transition-timing-function: cubic-bezier(0.340, 1.420, 0.330, 0.920); /* custom */
}
#footer.in{
	transform: translateY(0);
}
#footer .sponsor_container {
    text-align: center;
}
#footer .sponsor_container .sponsor {
    position: relative;
    display: inline-block;
    margin: 0 7px;
}
#footer .sponsor_container .sponsor img {
    height: 30px;
   
}
#footer .sponsor_container .sponsor.main img {
    height: 20px;
}
.mobile_sponsor_break{
	display: none;
}
.cookies {
    font-size: 9px;
    line-height: 9px; 
    margin-top: 5px;
    text-align: center;
}
/*
.page-template-temp_page_content_only #footer, .page-template-temp_experiencia #footer {
    position: relative;
    transform: translateY(0px);
}
*/


@media(max-height:700px){
	.page-template-temp_boletos #footer {
	    position: relative;
	    transform: translateY(0px);
	}
}


@media(max-width:1350px){
	#footer .sponsor_container .sponsor img {
	    height: 20px;
	}
}

@media(max-width:992px){
	#footer .sponsor_container .sponsor img {
	    height: 16px;
	}
}


@media(max-width:768px){
	#footer{
		position: relative;
	}
}
