body {
	background: #01b39b url(../img/bg-pattern1.png) repeat center top;
}

.rel {
  position: relative;
}

.pt-10 {
  padding-top: 5em;
}

.navbar {
  background-color: #f7c411;
  -webkit-box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.2);
}
.navbar .navbar-brand {
  color: #ffffff;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #262262;
}
.navbar .navbar-text {
  color: #ffffff;
}
.navbar .navbar-nav .nav-link {
  color: #262262;
  border-radius: .25rem;
  margin: 0 0.25em;
  font-family: 'Shrikhand', cursive;
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #262262;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #262262;
  background-color: #01b39b;
  
}
.navbar .navbar-toggle {
  border-color: #01b39b;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #01b39b;
}
.navbar .navbar-toggle .navbar-toggler-icon {
  color: #ffffff;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #ffffff;
}
.navbar .navbar-link {
  color: #ffffff;
}
.navbar .navbar-link:hover {
  color: #262262;
}

@media (max-width: 575px) {
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #262262;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #262262;
    background-color: #01b39b;
  }
}

@media (max-width: 767px) {
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #262262;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #262262;
    background-color: #01b39b;
  }
}

@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #262262;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #262262;
    background-color: #01b39b;
  }
}

@media (max-width: 1199px) {
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #262262;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #262262;
    background-color: #01b39b;
  }
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #ffffff;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #262262;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #262262;
  background-color: #01b39b;
}


/**/

.logo {
  width: 200px;
  /*margin: 100px auto;*/
}

.logo-rp {
     width: 125px;
    height: 55px;
    background: #fff;
    padding: 2px;
    margin: 0.6em 0 0em 1em;
}

.sep {
    font-size: 2em;
    border-left: 2px solid #18544c;
    width: 0px;
      height: 55px;
    margin: 0 0 0em 15px;
}

#meet {
	display: none;
  width: 0;
  opacity: 0;
  transform-origin: center left;
  animation: writeOut 400ms 2000ms cubic-bezier(0.42, 0, 0.66, 1.8) forwards;
}

@keyframes writeOut {
  0% {
    opacity: 0;
    transform: scale(0, 1) rotate(10deg);
  }
  80% {
    opacity: 1;
    transform: scale(1.2, 0.8) rotate(0deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
}
#_1L {
  opacity: 0;
  transform-origin: bottom center;
  animation: popUp 400ms 700ms cubic-bezier(0.42, 0, 0.66, 1.52) forwards;
}

#_2O {
  opacity: 0;
  transform-origin: center center;
  animation: growUp 400ms 900ms cubic-bezier(0.42, 0, 0.66, 1.52) forwards;
}

#_3L, #_10O {
  opacity: 0;
  transform-origin: top center;
  animation: slideUp 700ms 900ms cubic-bezier(0.06, 0.42, 0.57, 1.71) forwards;
}

#_4L, #_9O {
  opacity: 0;
  transform-origin: bottom center;
  animation: slideDown 700ms 1000ms cubic-bezier(0.06, 0.42, 0.57, 1.71) forwards;
}

#_5A {
  opacity: 0;
  transform-origin: center center;
  animation: growUp 400ms 1100ms cubic-bezier(0.42, 0, 0.66, 1.52) forwards;
}

#_6P {
  opacity: 0;
  transform-origin: bottom center;
  animation: _6P 800ms 1000ms cubic-bezier(0.06, 0.42, 0.57, 1.5) forwards;
}

@keyframes _6P {
  0% {
    opacity: 0;
    transform: scale(0) translateY(0px);
  }
  33% {
    opacity: .7;
    transform: scale(0.5, 1.5) translateY(0px);
  }
  66% {
    opacity: 1;
    transform: scale(1.2, 0.9) translateY(0px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0px);
  }
}
#_7A {
  opacity: 0;
  transform-origin: center center;
  animation: slideUp 500ms 1200ms cubic-bezier(0.06, 0.5, 0.8, 1.5) forwards;
}

#_8L {
  opacity: 0;
  transform-origin: center center;
  animation: growUp 400ms 1400ms cubic-bezier(0.42, 0, 0.66, 1.52) forwards;
}

#_9O {
  animation: slideDown 700ms 1100ms cubic-bezier(0.06, 0.42, 0.57, 1.25) forwards;
}

#_10O {
  transform-origin: bottom center;
  animation: _3L 1100ms 900ms cubic-bezier(0.06, 0.42, 0.57, 1.3) forwards;
}

#_11Z {
  opacity: 0;
  transform-origin: bottom right;
  animation: spring 600ms 1600ms cubic-bezier(0.06, 0.42, 0.57, 1.3) forwards;
}

#_12A {
  opacity: 0;
  transform-origin: bottom center;
  animation: popUp 600ms 1900ms cubic-bezier(0.42, 0, 0.66, 1.32) forwards;
}

@keyframes _3L {
  0% {
    opacity: 0;
    transform: scale(0.2) translateY(150px);
  }
  50% {
    opacity: 1;
    transform: scale(1) translateY(0px);
  }
  70% {
    transform: scale(1, 0.75) translateY(0px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0px);
  }
}
@keyframes growUp {
  0% {
    opacity: 0;
    transform: scale(0) translateY(-50px) rotate(-25deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0px) rotate(0deg);
  }
}
@keyframes popUp {
  0% {
    opacity: 0;
    transform: scale(0.2) rotate(-25deg);
  }
  20% {
    opacity: 1;
    transform: scale(1, 1.4) rotate(-5deg);
  }
  70% {
    opacity: 1;
    transform: scale(0.5, 0.8) rotate(10deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0px) rotate(0deg);
  }
}
@keyframes slideUp {
  0% {
    opacity: 0;
    transform: scale(0.2) translateY(150px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0px);
  }
}
@keyframes slideDown {
  0% {
    opacity: 0;
    transform: scale(0) translateY(-200px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0px);
  }
}
@keyframes spring {
  0% {
    opacity: 0;
    transform: scale(0) translateY(0px);
  }
  33% {
    opacity: .5;
    transform: scale(0.6, 1.6) translateY(-5px);
  }
  66% {
    opacity: 1;
    transform: scale(1.2, 0.8) translateY(0px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0px);
  }
}

/***/

.m-auto {
  margin: auto;
}

.white {
  color: #fff!important;
}

.headliner {
  background-color: #f7c411;
  border: 3px solid #262262;
}

.imperdibles {
    background-color: #935d8d;
  border: 3px solid #ffffff;
}

.debutantes {
background-color: #01b39b;
  border: 3px solid #262262;
}

.nacional {
      background-color: #e31519;
    border: 3px solid #fdfdfd;
}

.electronico {
      background-color: #262262;
    border: 3px solid #ef4a24;
}

.paratenerencuenta {
   background-color: #CF5854;
    border: 3px solid #ffffff;
}


.section-title h1, h3.modal-title {
  font-family: 'Passion One', cursive;
  color: #2b2b2b;
  text-transform: uppercase;
  position: relative;
}

/*.section-title h1:before {
  position: absolute;
  content: '·';
   color: #ef4a23;
    margin-left: -15px;
}

.section-title h1:after {
  position: absolute;
  content: '·';
     
    color: #ef4a23;
}*/

.band {
  position: relative;
  font-family: 'Passion One', cursive;
  cursor: pointer;
}

.band .meta-band {
    position: absolute;
    bottom: 1em;
    left: 0;
    right: 0;
    text-align: center;
}

.band .meta-band span {
    background: #ef4a24;
    color: #fff;
    padding: 10px;
    font-size: 1.5em;
    text-transform: uppercase;
    
}

.band .chilenos span
 {
  background: #12156d!important;
 }

.assets-left-1 {
    position: absolute;
    z-index: 1;
    top: -8em;
    left: -9em;
}

.assets-right-1 {
     position: absolute;
    z-index: 1;
    top: -7em;
    right: -4em;
    text-align: center;
}

.assets-left-2 {
    position: absolute;
    z-index: 1;
    top: -8em;
    left: -9em;
}

.assets-right-2 {
     position: absolute;
    z-index: 1;
    top: -7em;
    right: -4em;
    text-align: center;
}

/*.assets-left img {
   width: 70%;
}

.assets-right img {
   width: 60%;
}*/

/***/



.modal-header {
  border-bottom: 1px solid #262262;
}

.modal-body {
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
}


 .col-md-55 {
        -ms-flex: 0 0 19.333333%;
        flex: 0 0 19.333333%;
        max-width: 19.333333%;
    }


@media (max-width: 790px) {
  .col-md-55 {
            -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    }
}     

@media (max-width: 575px) { 

.logo {
  width: 80px;
}

.logo-rp {
        width: 64px;
    height: 28px;
    background: #fff;
    padding: 1px;
    margin: 0.1em 0 0em 0.5em;
}

.sep {
        font-size: 2em;
    border-left: 2px solid #18544c;
    width: 0px;
    height: 28px;
    margin: 0 0 0em 5px;
}

 .col-md-55 {
            -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    }

    .band .meta-band span {
      font-size: 0.8em;
    }

 }