body {
     font-family: 'Plumpfull';
 }

 *:focus {
     outline: 0 !important;
 }


 a {
     color: #ffffff;
     text-decoration: none;
     background-color: transparent;
 }

 a:hover {
     color: #ffdd2a;
     text-decoration: underline;
 }

 footer {
     background-color: #000;
 }

 * {
     -webkit-transition: all 0.2s ease, background-color 0.2s ease, color 0.2s ease;
     -moz-transition: all 0.2s ease, background-color 0.2s ease, color 0.2s ease;
     -o-transition: all 0.2s ease, background-color 0.2s ease, color 0.2s ease;
     transition: all 0.2s ease, background-color 0.2s ease, color 0.2s ease;
 }

 .break {
     border-left: 1px solid rgba(197, 98, 176, 0.46);
     box-shadow: 0.3px 0.1px #ffffff;
     height: 60px;
     vertical-align: middle;
 }

 .bg-lolla {
     background: rgba(0, 0, 0, 0.69);
 }

 .vimeo-wrapper {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     pointer-events: none;
     overflow: hidden;
     background: #222;
 }

 .vimeo-wrapper:before {
     content: '';
     position: absolute;
     background-image: url('../img/trama_01.png');
     width: 100%;
     height: 100%;
     z-index: 1;
 }

 .vimeo-wrapper iframe {
     width: 100vw;
     height: 56.25vw;
     /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
     min-height: 100vh;
     min-width: 177.77vh;
     /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .navbar-nav {
     text-transform: uppercase;
 }

 .navbar-dark .navbar-nav .nav-link {
     color: rgb(255, 255, 255);
     font-size: 1.1em;
     letter-spacing: 1px;
 }

 .lineup {
     background-image: url('../img/bg.jpg');
     background-repeat: no-repeat;
     background-size: cover;
     padding-bottom: 3em;
 }

 .artist h4 {
     color: #ff40b4;
     text-align: center;
     margin-top: 0.5em;
 }

 .bg-artist {
     width: 100%;
     height: 300px;
     background-position: top center;
     background-size: cover;
 }

 .owl-theme .owl-nav [class*=owl-]:hover {
     background: #0000;
 }

 .owl-lineup .owl-dots .owl-dot span {
     display: none;
 }


 .owl-theme .owl-dots .owl-dot.active span,
 .owl-theme .owl-dots .owl-dot:hover span {
     background: #c21d1f;
 }

 .owl-lineup .item {
     position: relative;
     z-index: 100;
     padding: 0;
     -webkit-backface-visibility: hidden;
 }

 .owl-lineup .owl-nav>button {
     margin-top: -26px;
     position: absolute;
     top: 50%;
     color: #cdcbcd;
 }

 .owl-lineup .owl-nav {
     font-size: 2em;
     padding: 0 10px 0 10px;
 }

 .owl-lineup .owl-nav .owl-prev {
     left: -15px;
     height: 85%;
     top: -1.5em;
     color: #fef630 !important;
     border-radius: 0;
     margin: 0;
 }

 .owl-lineup .owl-nav .owl-next {
     right: -15px;
     height: 85%;
     top: -1.5em;
     color: #fef630 !important;
     border-radius: 0;
     margin: 0;
 }


 .playlist {
     background-color: #f1b633;
 }

 .player:before {
     content: '';
     background-image: url(../img/left-hand.png);
     background-repeat: no-repeat;
     height: 100%;
     width: 100%;
     position: absolute;
     left: -17em;
     top: 3em;
 }

 .player:after {
     content: '';
     background-image: url(../img/right-hand.png);
     background-repeat: no-repeat;
     height: 100%;
     width: 100%;
     position: absolute;
     right: -28em;
     top: 3em;
 }

 .noticias {
     background-image: url('../img/bg-noticias.jpg');
     background-size: cover;
     background-repeat: no-repeat;
 }

 .main-post {
     background-color: #2ec3e1;
 }

 .main-post-text {
     bottom: 1em;
 }

 .main-post-text p,
 .main-post-text h3 {
     line-height: 1;
 }

 .older-post p,
 .older-post h4 {
     line-height: 1;
 }

 .main-post-wrapper {
     background-color: #7118d7;
     position: relative;
 }




 .c-top-left {
     position: absolute;
     top: -25px;
     left: -25px;
     background-image: url('../img/crux.png');
     background-repeat: no-repeat;
     width: 120px;
     height: 120px;
     z-index: 1;
 }

 .c-top-right {
     position: absolute;
     top: -20px;
     right: -40px;
     background-image: url('../img/crux.png');
     background-repeat: no-repeat;
     width: 120px;
     height: 120px;
     z-index: 1;
     -moz-transform: rotate(65deg);
     -webkit-transform: rotate(65deg);
     -o-transform: rotate(65deg);
     -ms-transform: rotate(65deg);
     transform: rotate(65deg);
 }

 .c-bottom-left {
     position: absolute;
     bottom: -85px;
     left: -45px;
     background-image: url(../img/crux.png);
     background-repeat: no-repeat;
     width: 120px;
     height: 120px;
     z-index: 1;
     -moz-transform: rotate(40deg);
     -webkit-transform: rotate(40deg);
     -o-transform: rotate(40deg);
     -ms-transform: rotate(40deg);
     transform: rotate(40deg);
 }

 .c-bottom-right {
     position: absolute;
     bottom: -80px;
     right: -75px;
     background-image: url(../img/crux.png);
     background-repeat: no-repeat;
     width: 120px;
     height: 120px;
     z-index: 1;
 }




 .top-left {
     position: absolute;
     top: -15px;
     left: -25px;
     background-image: url('../img/top.png');
     background-repeat: no-repeat;
     width: 120px;
     height: 120px;
     z-index: 1;
 }

 .top-right {
     position: absolute;
     top: -15px;
     right: -25px;
     background-image: url('../img/bottom.png');
     background-repeat: no-repeat;
     width: 120px;
     height: 120px;
     z-index: 1;
 }

 .bottom-left {
     position: absolute;
     bottom: -45px;
     left: -25px;
     background-image: url('../img/bottom.png');
     background-repeat: no-repeat;
     width: 120px;
     height: 120px;
     z-index: 1;
 }

 .bottom-right {
     position: absolute;
     bottom: -25px;
     right: -35px;
     background-image: url('../img/top.png');
     background-repeat: no-repeat;
     width: 120px;
     height: 120px;
     z-index: 1;
 }





 .wrap-older-post .top-left {
     position: absolute;
     top: -25px;
     left: -15px;
     background-image: url('../img/top.png');
     background-repeat: no-repeat;
     background-size: 65px;
     width: 120px;
     height: 120px;
     z-index: 1;
 }

 .wrap-older-post .top-right {
     position: absolute;
     top: -20px;
     right: -70px;
     background-image: url('../img/bottom.png');
     background-repeat: no-repeat;
     background-size: 65px;
     width: 120px;
     height: 120px;
     z-index: 1;
 }

 .wrap-older-post .bottom-left {
     position: absolute;
     bottom: -80px;
     left: -15px;
     background-image: url('../img/bottom.png');
     background-repeat: no-repeat;
     background-size: 65px;
     width: 120px;
     height: 120px;
     z-index: 1;
 }

 .wrap-older-post .bottom-right {
     position: absolute;
     bottom: -25px;
     right: -35px;
     background-image: url('../img/top.png');
     background-repeat: no-repeat;
     background-size: 65px;
     width: 120px;
     height: 120px;
     z-index: 1;
 }


 .older-post {
     background-color: #ff40b4;
     color: #fff;
 }

 .video-concurso {
     background-color: #2ec3e1;
 }

 .concursos {
     background-color: #7118d7;
 }

 .fondo-video {
     width: 80%;
     background-image: url(../img/fondo-video.png);
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     padding: 100px 30px 100px 30px;
     margin: auto;
 }


 .full-lineup {
     background-image: url(../img/pink-bg.png);
     width: 100%;
     height: 66px;
 }

 .l-hand {
     position: absolute;
     background-image: url(../img/l-hand.png);
     width: 205px;
     height: 110px;
     top: -35px;
     left: 35px;

 }

 .r-hand {
     position: absolute;
     background-image: url(../img/r-hand.png);
     width: 205px;
     height: 110px;
     top: -35px;
     right: 35px;

 }

 /** breaks **/


 @media (max-width: 575.98px) {


     .player:before,
     .player:after,
     .c-top-left,
     .c-top-right,
     .c-bottom-left,
     .c-bottom-right,
     .top-left,
     .top-right,
     .bottom-left,
     .bottom-right,
     .wrap-older-post .top-left,
     .wrap-older-post .top-right,
     .wrap-older-post .bottom-left,
     .wrap-older-post .bottom-right,
     .r-hand,
     .l-hand {
         display: none
     }

     .full-lineup {
         height: 100px;
     }

 }