@import 'normalize';
@import 'html5';
@import 'reveal';
@import 'teaser';
@import '2019-ajustments';
@import 'flipclock';

@charset "UTF-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Apr 3, 2014, 3:25:49 PM
    Author     : ricardo.pina
*/

@font-face {
    font-family: 'edp_preonthin';
    src: url("../fonts/edp_preon_thin-webfont.eot");
    src: url("../fonts/edp_preon_thin-webfont.eot?#iefix") format("embedded-opentype"),
        url("../fonts/edp_preon_thin-webfont.woff") format("woff"),
        url("../fonts/edp_preon_thin-webfont.ttf") format("truetype"),
        url("../fonts/edp_preon_thin-webfont.svg#edp_preonthin") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'edp_preonthin_italic';
    src: url("../fonts/edp_preon_thin_italic-webfont.eot");
    src: url("../fonts/edp_preon_thin_italic-webfont.eot?#iefix") format("embedded-opentype"),
        url("../fonts/edp_preon_thin_italic-webfont.woff") format("woff"),
        url("../fonts/edp_preon_thin_italic-webfont.ttf") format("truetype"),
        url("../fonts/edp_preon_thin_italic-webfont.svg#edp_preonthin_italic") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'edp_preonregular';
    src: url("../fonts/edp_preon_regular-webfont.eot");
    src: url("../fonts/edp_preon_regular-webfont.eot?#iefix") format("embedded-opentype"),
        url("../fonts/edp_preon_regular-webfont.woff") format("woff"),
        url("../fonts/edp_preon_regular-webfont.ttf") format("truetype"),
        url("../fonts/edp_preon_regular-webfont.svg#edp_preonregular") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'edp_preonitalic';
    src: url("../fonts/edp_preon_regular_italic-webfont.eot");
    src: url("../fonts/edp_preon_regular_italic-webfont.eot?#iefix") format("embedded-opentype"),
        url("../fonts/edp_preon_regular_italic-webfont.woff") format("woff"),
        url("../fonts/edp_preon_regular_italic-webfont.ttf") format("truetype"),
        url("../fonts/edp_preon_regular_italic-webfont.svg#edp_preonitalic") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'edp_preonlight';
    src: url("../fonts/edp_preon_light-webfont.eot");
    src: url("../fonts/edp_preon_light-webfont.eot?#iefix") format("embedded-opentype"),
        url("../fonts/edp_preon_light-webfont.woff") format("woff"),
        url("../fonts/edp_preon_light-webfont.ttf") format("truetype"),
        url("../fonts/edp_preon_light-webfont.svg#edp_preonlight") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'edp_preonlight_italic';
    src: url("../fonts/edp_preon_light_italic-webfont.eot");
    src: url("../fonts/edp_preon_light_italic-webfont.eot?#iefix") format("embedded-opentype"),
        url("../fonts/edp_preon_light_italic-webfont.woff") format("woff"),
        url("../fonts/edp_preon_light_italic-webfont.ttf") format("truetype"),
        url("../fonts/edp_preon_light_italic-webfont.svg#edp_preonlight_italic") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'edp_preonmedium';
    src: url("../fonts/edp_preon_medium-webfont.eot");
    src: url("../fonts/edp_preon_medium-webfont.eot?#iefix") format("embedded-opentype"),
        url("../fonts/edp_preon_medium-webfont.woff") format("woff"),
        url("../fonts/edp_preon_medium-webfont.ttf") format("truetype"),
        url("../fonts/edp_preon_medium-webfont.svg#edp_preonmedium") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'edp_preonmedium_italic';
    src: url("../fonts/edp_preon_medium_italic-webfont.eot");
    src: url("../fonts/edp_preon_medium_italic-webfont.eot?#iefix") format("embedded-opentype"),
        url("../fonts/edp_preon_medium_italic-webfont.woff") format("woff"),
        url("../fonts/edp_preon_medium_italic-webfont.ttf") format("truetype"),
        url("../fonts/edp_preon_medium_italic-webfont.svg#edp_preonmedium_italic") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'edp_preonhair_italic';
    src: url("../fonts/edp_preon_hair_italic-webfont.eot");
    src: url("../fonts/edp_preon_hair_italic-webfont.eot?#iefix") format("embedded-opentype"),
        url("../fonts/edp_preon_hair_italic-webfont.woff") format("woff"),
        url("../fonts/edp_preon_hair_italic-webfont.ttf") format("truetype"),
        url("../fonts/edp_preon_hair_italic-webfont.svg#edp_preonhair_italic") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'edp_preonhair';
    src: url("../fonts/edp_preon_hair-webfont.eot");
    src: url("../fonts/edp_preon_hair-webfont.eot?#iefix") format("embedded-opentype"),
        url("../fonts/edp_preon_hair-webfont.woff") format("woff"),
        url("../fonts/edp_preon_hair-webfont.ttf") format("truetype"),
        url("../fonts/edp_preon_hair-webfont.svg#edp_preonhair") format("svg");
    font-weight: normal;
    font-style: normal;
}
/*FONT VARIABLES*/

a {
    color: #000;
    text-decoration: underline;
    word-wrap: break-word;
    font-weight:bold;
    /*display:inline-block;*/
    /*word-break: break-all;*/
}
a:hover {
    text-decoration: underline;
    color: #767171;
}
a:active {
    color: #767171;
}
/*EXTENDS*/

.modal-open{overflow:hidden;}

.btn{
    width: auto;
    min-width: 300px;
    height: 40px;
    box-sizing:border-box;
    border-radius:3px;
    border:none;
    background-color:#000;
    font: 16px "edp_preonregular", Arial, Helvetica, sans-serif;
    color: #f9fbfd;
    display: table;
    text-decoration: none;
    margin: 20px auto;
    padding: 10px 10px 0 10px;
    text-transform: uppercase;
    text-align:center;
    &:hover{
        text-decoration:none;
    }
    &[disabled]{
        background-color:#aaa;
    }
}
button{
    &.btn{
        padding:0;
        line-height:40px;
    }
}

button.grey,
#container header .btn_login {
    width: 161px;
    height: 38px;
    background: url("../img/btn_grey.jpg") no-repeat;
    border: none;
}
.btn_grey_347_53,
#container #home .home_top_bandas .btn_ver_todas_bandas,
#container #detalhe_banda .detalhe_top_bandas .btn_ver_todas_bandas,
#container #votacao .galeria_top_bandas .btn_ver_todas_bandas {
    width: 280px;
    height: 40px;
    /*background: url("../img/btn_grey_347_53.jpg") no-repeat;*/
}
.btn_red_387_57,
#container #home .inscrevete > article .btn_inscrever,
#container #inscricao > .main .form fieldset input[type=submit] {
    width: 280px;
    height: 40px;
    margin-top: 50px;
    /*background: url("../img/btn_red_387_53.jpg") no-repeat;*/
}

.btn_red_409_53,
#container #detalhe_banda .bg_detalhe > .main .btn_votar {
    width: 409px;
    height: 53px;
    background: url("../img/btn_red_409_53.png") no-repeat;
}
.btn_grey_489_53 {
    width: 489px;
    height: 53px;
    background: url("../img/btn_grey_409_53.png") no-repeat;
}
.btn_grey_524_53,
#container #detalhe_banda .bg_detalhe > .main .btn_ja_votastes {
    width: 524px;
    height: 53px;
    background: url("../img/btn_grey_524_53.png") no-repeat;
}
.btn_black_257_53,
.reveal-modal form input[type=submit] {
    width: 257pc;
    height: 53px;
    background: url("../img/btn_preto_257_53.jpg") no-repeat;
}

.header_graffiti{
    position: relative;
    width: 100%;
    height: 250px;
    background: #000000;
    .box{
        position:absolute;
        width:100%;
        height:100%;
        background-position:center;
        background-size:cover;
    }
}

.h2title{
    margin: 0;
    font-size: 40px;
    text-align: center;
    padding-top:80px;
    font-family: 'edp_preonmedium';
    text-transform: none;
}

#home .destaque {
    position: relative;
    width: 100%;
    height: 360px;
    background: #000000;
    .box{
        position:absolute;
        width:100%;
        height:100%;
        background-position:center;
        background-size:cover;
    }
}

#home .home_ultimas_bandas{
    position: relative;
    width: 100%;
    height: auto;
    background-color:#1e1e1e;

    .main {
        position: relative;
        width:990px;
        height: auto;
        margin: 0 auto;
        display:table;

        .title {
            font: 30px "edp_preonlight", Arial, Helvetica, sans-serif;
            margin: 0 0 0 0;
            padding: 50px 0 0 0;
            color: #ffffff;
            text-transform: uppercase;
            text-align: center;
        }
    }

    #slider-prev {
        position: absolute;
        left: -15px;
        width: 23px;
        height: 34px;
        background: url("../img/seta_esq_branca.png") no-repeat;
        top: 40%;
        a {
            position: absolute;
            text-indent: -9999px;
            width: 23px;
            height: 34px;
            z-index: 9999;
            outline: none;
        }
    }

    #slider-next {
        position: absolute;
        right:-15px;
        width: 23px;
        height: 34px;
        background: url("../img/seta_dta_branca.png") no-repeat;
        top: 40%;
        a {
            position: absolute;
            width: 23px;
            height: 34px;
            text-indent: -9999px;
            z-index: 9999;
            outline: none;
        }
    }

    .bx-controls{display:none;}
    .bx-wrapper{position:relative;  margin:auto;}

    .bandas_inscritas{
        padding: 40px 0 20px;
        margin: 0 auto 0 auto;
        position: relative;
        float:inherit;

        .bxslider_inscricao{
            padding:0;
            margin:0;
        }

        .banda .band-result-badge{color:#ffffff;}
        .banda article .band_name{color:#ffffff;}
    }


}


.detalhe_top_bandas{
    width:100%;
    height:auto;

    .main {
        position: relative;
        width:990px;
        height: auto;
        margin: 0 auto;
        display:table;

        .title {
            font: 30px "edp_preonlight", Arial, Helvetica, sans-serif;
            margin: 0 0 0 0;
            padding: 50px 0 0 0;
            color: #000000;
            text-transform: uppercase;
            text-align: center;
        }
    }

    #slider-top-prev {
        position: absolute;
        left: -15px;
        width: 23px;
        height: 34px;
        background: url("../img/seta_esq_preta.png") no-repeat;
        top: 40%;
        a {
            position: absolute;
            text-indent: -9999px;
            width: 23px;
            height: 34px;
            z-index: 9999;
            outline: none;
        }
    }

    #slider-top-next {
        position: absolute;
        right:-15px;
        width: 23px;
        height: 34px;
        background: url("../img/seta_dta_preta.png") no-repeat;
        top: 40%;
        a {
            position: absolute;
            width: 23px;
            height: 34px;
            text-indent: -9999px;
            z-index: 9999;
            outline: none;
        }
    }

    .bx-controls{display:none;}

    .bandas_top{
        padding: 40px 0 20px;
        margin: 0 auto 0 auto;
        position: relative;

        .bx-wrapper {
            margin: auto;
        }

        .bxslider_top{
            padding:0;
            margin:0;
        }

        .banda{
            position: relative;
            width: 228px;
            height: 146px;
            float: left;
            margin: 20px 10px;
            background-size: cover;
            &:hover{
                .info{display:table;}
            };
            .info{
                position:absolute;
                width:100%;
                height:100%;
                display:none;
                background-color:rgba(0, 0, 0, 0.8);
                text-align:center;
                text-decoration: none;
                padding-top: 40px;

                .nome{
                    color:#fff;
                    font-size: 18px;
                    font-family: 'edp_preonregular';
                    margin:0;
                }
                .band_vote {
                    display:inline-block;
                    padding:0; margin:0;
                    color: #a1a3a6;
                    font-size: 20px;
                    font-family: 'edp_preonregular';
                    width: auto;
                    padding: 10px 34px 10px 0px;
                    box-sizing: border-box;
                    text-decoration: none;
                    background-image:url('../img/votar-img.png');
                    background-position: center right;
                    background-repeat:no-repeat;

                    span{white-space:nowrap;}
                }
            }
        }

    }
}


.partners-wrapper{position:relative; padding:0; background-color:#1e1e1e; text-align: center; margin-top:60px;
                  .partners-list {position:relative; width:990px; height:auto; margin:0 auto; padding-bottom:40px;
                                  .mediapartners{float:left; width:50%; padding:0px 5px; box-sizing:border-box;
                                                 .title{margin:40px 0 20px 0; color:#ffffff; font:18px "edp_preonlight", Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left;}
                                                 a{float:left; padding:0px 15px 0px 0px; outline:none;
                                                    //width: calc(~"33% - 25px");
                                                    width: auto;
                                                   img{    height: 25px; margin: auto auto; }
                                                 }
                                                 .listen-radio{position:absolute; left:0; top: 110px;
                                                    width: 11%;}
                                  }
                  }
}
.pt{
    .partners-wrapper{

        .mediapartners a img{display:block;}
        .mediapartners:nth-child(1){width:50%; }
        .mediapartners:nth-child(2){width:28%; a { img { height: 50px; } padding-right: 15px; } }
        .mediapartners:nth-child(3){width:20%; a { img { height: 50px; } }}
        @media (max-width: 760px) {
            .mediapartners{width:100% !important;}
        }
    }
}

.es, .pt-BR {
    .partners-wrapper{

        .mediapartners:nth-child(1){width:50%; a { img { height: 50px; } } }
        .mediapartners:nth-child(2){width:50%; a { img { height: 50px; } } }

    }
}


html,
body {
    height: 100%;
    min-width:990px;
    font-family: "edp_preonregular",
        Arial,
        Helvetica,
        sans-serif;
    background: #000;
}
#signinButton > div {
    margin: 24px 0 0 0 !important;
}
.reveal-modal {
    z-index: -1;
}
.reveal-modal .title {
    font: 40px "edp_preonregular", Arial, Helvetica, sans-serif;
    color: #000000;
    text-transform: uppercase;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.reveal-modal .text {
    font: 22px "edp_preonlight", Arial, Helvetica, sans-serif;
    color: #000000;
    margin: 0 auto;
    padding: 20px 0 0 0;
    text-align: center;
}
.reveal-modal .text span {
    font: 22px "edp_preonmedium", Arial, Helvetica, sans-serif;
}
.reveal-modal .fb-login-button {
    height: 38px;
    width: 234px;
    position: relative;
    background: url("../img/btn_facebook.jpg") no-repeat;
    margin: 20px auto 0px;
    display: block;
}

.es .reveal-modal .fb-login-button {
    height: 38px;
    width: 234px;
    position: relative;
    background: url("../img/btn_facebook_es.jpg") no-repeat;
    margin: 20px auto 0px;
    display: block;
}

.reveal-modal .twitter-login-button {
    height: 38px;
    width: 234px;
    position: relative;
    background: url("../img/btn_twitter.jpg") no-repeat;
    float: left;
    margin: 20px 30px 0 0;
}
.reveal-modal form {
    margin: 20px 0 0 0;
}
.reveal-modal form label.error {
    color: #d40013;
    display: block;
    margin: 0 0 0 138px;
}
.reveal-modal form fieldset > label {
    text-align: center;
    display: block;
    padding-bottom: 10px;
    font-size: 20px;
}
.reveal-modal form fieldset label.error {
    color: #d40013;
    display: block;
    margin: 0 0 0 0;
}

.reveal-modal form input[type=text],
.reveal-modal form input[type=password] {
    background: #f3f3f3;
    margin: 0 auto 20px auto;
    border: 1px solid #cfcdce;
    -webkit-border-radius: 3px;
    /* Android ≤ 1.6,
     iOS 1-3.2,
     Safari 3-4 */

    border-radius: 3px;
    width:100%;
    display: block;
    font: 20px "edp_preonregular", Arial, Helvetica, sans-serif;
    padding: 8px 4px;
    text-align: center;
    color: #8d8d8d;
    box-sizing: border-box;
}
.reveal-modal form input[type=submit] {
    display: block;
    color: #ffffff;
    font: 20px "edp_preonregular", Arial, Helvetica, sans-serif;
    text-align: center;
    position: relative;
    border: none;
    width: 257px;
    height: 53px;
    margin: 10px auto 0;
}
#container {
    position: relative;
    margin: 0 auto;
    min-height: 100%;
    background: #ffffff;
    /*FIM HOME*/
    /*DETALHE BANDA*/
    /*FIM DETALHE BANDA*/
    /*INSCRICAO*/
    /*FIM INSCRICAO*/
    /*VOTAÇÂO*/
    /*FIM VOTAÇÂO*/
    /*EVENTO*/
    /*FIM EVENTO*/
    /*Area reservada*/
    /*FIM area reservada*/
    background-image:url('../img/edp-bg.jpg')
}

#container #cookies{position:relative; display:none; width:100%; background-color:#fff;
                    .info{position:relative; padding:20px 40px 20px 20px;}
                    p{margin:0; padding:0;}
                    .btn-close{position:absolute; top:20px; right:10px; width:22px; height:22px; background-image:url('../img/close.png'); background-size:cover; cursor:pointer;}
                    &.show{display:table;}
                    @media (max-width: 760px) {
                        .info{padding:10px 40px 10px 10px;}
                        p{font-size:12px;}
                        .btn-close{top:10px}
                    }
}

#container header {
    width: 100%;
    height:96px;
    background-color:#000;
    position:relative;
    z-index: 10;
}

#container header .menu{
    position:relative;
    width: 990px;
    margin: 0 auto 0 auto;
    position: relative;
    padding:15px 10px;
    box-sizing:border-box;
}

#container header .logo-edp {
    float: right;
    width: 81px;
    height: 64px;
}

#container header .logo-bands {
    float: left;
    width: 124px;
    height: 71px;
}

#container header nav {
    height: 40px;
    font: 14px "edp_preonmedium", Arial, Helvetica, sans-serif;
    margin: 25px 0 0 0;
    float: left;
    width:760px;
    text-align:center;
}

#inactiveLangsContainer{
    display:none;
    position:absolute;
    top:0px;
    padding-top:20px;
	text-align: left;
}


#inactiveLangsContainer a{
    display:block;
    text-align: left;
}

#container header nav #langSelector{
    text-decoration: none;
    color: #ffffff;
    display:inline-block;
    margin:0px 6px;
    text-transform: uppercase;
    position:relative;
    z-index:1;
    &:hover{
        #inactiveLangsContainer{
            display:block;
        }
    }
    a.active{
        display:block;
        background: url('../img/seta-white.png') no-repeat right center;
        padding-right:15px;
        /*&:hover{
            background: url('../img/seta-red.png') no-repeat right center;
        }*/
    }

}


@media (max-width: 760px) {
    #inactiveLangsContainer{
        display:flex;
        position:relative;
        overflow: hidden;
        padding-top:0px;
        a.active{
            display:flex;
            background: none;
        }
    }

    #container header nav #langSelector{
        display:flex;
        margin:0px;
        width:100%;
        &:hover{
        #inactiveLangsContainer{
                display:flex;
            }
        }
        a.active{
            background: none
        }
    }
}


#container header nav a {
    text-decoration: none;
    color: #ffffff;
    display:inline-block;
    margin:0px 6px;
    text-transform: uppercase;
    position:relative;
    z-index:1;
}

#container header nav .lang{
    display:none;
    position:relative;
    text-decoration: none;
    color: #ffffff;
    text-transform: uppercase;
    cursor:pointer;
    &.active{display:inline-block;}
    &:hover{
        .edition-switch {min-height:30px;}
    }

}

#container header nav a:hover {
    //color:#d52b1e;
    text-decoration:underline;
}

#container header nav a.select {
    color:#ffffff;
    text-decoration:underline;
}





.edition-switch {
    position:absolute;
    text-align: center;
    left: 0;
    padding-top:22px;
    overflow: hidden;
    height: 0;
    min-height:0px;
    z-index:0;
    white-space: nowrap;
    min-width: 100%;
    text-align:left;
    &.top{
        bottom: 10px;
    }
    &.down{
        top: 0;
    }
    a {
        font-family: 'edp_preonmedium';
        color: #000;
        outline: 0;
        text-decoration: none;
        display:block;
        /*
        &:after {
            content: '|';
            margin: 0 3px 0 10px;
            color: black;
        }
        */

        &:last-child {

            &:after {
                content: '';
            }
        }

        &:hover {
            color: #f50018;
        }

        &.active {
            color: #f50018;
            text-decoration: none;
        }
    }
}

#container #home {
    position: relative;
    padding: 0 0 0 0;
}

#container .addthis_floating_style {
    background: transparent;
    border: none;
    padding: 0;
    transform: translateY(100%);
    left:5px;
    .hover{display:none;}
    a:hover{
        .normal{display:none;}
        .hover{display:block;}
    }
}

.addthis_floating_style{
    position:fixed;
}

#container #home .inscrevete {
    position: relative;
    height: auto;
    margin-bottom:40px;
}
#container #home .inscrevete > article {
    position: relative;
    width: 915px;
    margin: 0 auto;
    text-align: center;
}
#container #home .inscrevete > article .title {
    padding: 60px 0 0 0;
    margin: 0;
    font: 40px "edp_preonmedium", Arial, Helvetica, sans-serif;
    line-height:100%;
}
#container #home .inscrevete > article .txt {
    padding: 10px 0;
    margin: 0;
    font: 18px verdana, Arial, Helvetica, sans-serif;
    line-height: 1.4em;
}


#container #detalhe_banda .bg_detalhe {
    position: relative;
    width: 100%;
    background: #333333 url("../img/bg_votacao_banda.png") no-repeat bottom center;
    padding-bottom: 2px;
}
#container #detalhe_banda .bg_detalhe > .main {
    position: relative;
    width: 994px;
    margin: 0 auto;
    padding-top: 95px;
}

#container #detalhe_banda .bg_detalhe > .main .btn_votar {
    margin: -40px auto;
    cursor: pointer;
    cursor: hand;
}
#container #detalhe_banda .bg_detalhe > .main .btn_votar p {
    font-size: 20px;
    color: #ffffff;
    margin: 0;
    padding: 12px 0 0 22px;
    text-transform: uppercase;
    float: left;
}
#container #detalhe_banda .bg_detalhe > .main .btn_votar p.votos {
    font-size: 20px;
    color: #ffffff;
    margin: 0;
    padding: 12px 48px 0 0;
    text-transform: uppercase;
    float: right;
}
#container #detalhe_banda .bg_detalhe > .main .btn_ja_votastes {
    margin: -40px auto;
    cursor: pointer;
    cursor: hand;
}

#container #detalhe_banda .bg_detalhe > .main .btn_ja_votastes p {
    font-size: 20px;
    color: #ffffff;
    margin: 0;
    padding: 12px 0 0 22px;
    text-transform: uppercase;
    float: left;
}
#container #detalhe_banda .bg_detalhe > .main .btn_ja_votastes p.votos {
    font-size: 20px;
    color: #ffffff;
    margin: 0;
    padding: 12px 70px 0 0;
    text-transform: uppercase;
    float: right;
}

.contest #evento .btn{margin-top:60px;}

#detalhe_banda, #areareservada{
    width:100%;
    height:auto;

    .main{
        display:block;
        text-align:center;
        width:990px;
        margin:auto;
        padding-bottom: 40px;
    }

    .billhead{margin:80px 0px 50px;
              h2{font:40px "edp_preonmedium", Arial, Helvetica, sans-serif; margin:0;}
              h3{font:30px "edp_preonlight", Arial, Helvetica, sans-serif; margin:0;}
    }
    .video-wrapper{
        display:block;
        font-size:0;
        padding-bottom:14px;
        iframe{width:854px; height:480px;}
    }

    .mini-video-wrapper {
        display:block;
        height: auto;
        text-align: center;
        font-size:0;
        padding-bottom:14px;

        .mini-video {
            display: inline-block;
            margin: 0 7px;
        }
        iframe{width:420px; height:236px;}
    }

    .descricao {
        display:block;
        padding: 70px 220px 40px;
        text-align: left;
        border-bottom:1px solid #000000;


        .banda_descritivo {
            display:block;
            margin:0;
            font: 18px verdana, Arial, Helvetica, sans-serif;
        }

        .banda_element{
            display:block;
            margin:0;
            font: 18px verdana, Arial, Helvetica, sans-serif;
            padding-top:40px;
            span{display:block;}
        }

        .btn_login, .btn_logout{
            display:table;
            margin:0;
            font: 18px 'edp_preonregular', Arial, Helvetica, sans-serif;
            padding-top:40px;
            cursor:pointer;
        }

        small{
            display:block;
            margin:0;
            font: 12px 'edp_preonregular', Arial, Helvetica, sans-serif;
        }
    }

    .rodape{display:table; width:100%; padding:20px 10px 0px; box-sizing:border-box;
            .area-partilha{
                float:left;
                width:50%;
                text-align:left;

                span{display:inline-block; vertical-align:middle; color:#a1a3a6; font: 16px verdana, Arial, Helvetica, sans-serif; margin-bottom:5px;}
                .add_this{display:inline-block; vertical-align:middle;
                          a{vertical-align:top; display:inline-block;}
                          .hover{display:none;}
                          a:hover{
                              .normal{display:none;}
                              .hover{display:block;}
                          }
                }
            }

            .area-votar{
                float:left;
                width:50%;
                text-align:right;

                .btn_votar{
                    cursor:pointer;
                    .votar{display:inline-block; padding:0px 20px; margin:0; font: 18px 'edp_preonregular', Arial, Helvetica, sans-serif;  color:#000000; text-transform:uppercase;}
                }

                .btn_ja_votastes{
                    .ja_votaste{display:inline-block; padding:0px 20px; margin:0; font: 18px 'edp_preonregular', Arial, Helvetica, sans-serif; color:#1e1e1e; text-transform:uppercase;}
                    .band_vote {
                        color: #f50018;
                        background-image:url('../img/votar-img-select.png');
                    }

                    .shareVote{display:none;}
                }

                .band_vote {
                    display:inline-block;
                    position:relative;
                    padding:0; margin:0;
                    color: #a1a3a6;
                    font-size: 20px;
                    font-family: 'edp_preonregular';
                    width: 90px;
                    margin-top:-10px;
                    text-align: right;
                    padding: 10px 34px 10px 0px;
                    box-sizing: border-box;
                    text-decoration: none;
                    background-image:url('../img/votar-img.png');
                    background-position: center right;
                    background-repeat:no-repeat;

                    span{white-space:nowrap;}
                    small{position:absolute; right:0; top:40px; font-size:14px;}
                    .s2{display:none;}
                }

            }
    }

    .btn_ver_todas_bandas{margin:80px auto 40px;}
}

#areareservada{
    .btn_logout{
        display:table;
        font: 18px verdana, Arial, Helvetica, sans-serif;
        margin: 0px auto -40px;
        cursor:pointer;
    }
    .descricao{
        border-bottom:none;
    }
    .title{
        /*font:40px "edp_preonmedium", Arial, Helvetica, sans-serif; margin: 40px auto;*/
    }
    .subtitle{
        margin:40px auto;
        font: 30px 'edp_preonlight', Arial, Helvetica, sans-serif;
        text-align: center;
        text-transform: uppercase;
    }
    .infotxt{
        margin: 0px auto 40px;
        font: 12px verdana, Arial, Helvetica, sans-serif;
        text-align: center;
        color: #8d8d8d;
    }
    .txt{
        font: 18px verdana, Arial, Helvetica, sans-serif;
        line-height:200%;
    }

    .templateContainer {
        text-align: center;
        margin: 40px 0px 60px;
        text-align: center;

        .cartaz {
            display: inline-block;
            margin: 0 auto;
            padding: 10px 10px;
            cursor: pointer;
            img {
                border: 5px solid transparent;
            }
            &.active > img {
                border: 5px solid rgb(202, 1, 20);
            }
        }
    }
    .errorKit {
        color: #ca0114;
        margin: 0 auto;
        display: block;
        width: 387px;
        margin-top: 10px;
        font-size: 12px;
    }

    #downloadKit{border:none; padding:0;}
}


#inscricao{
    width:100%;
    height:auto;

    .main {
        position: relative;
        width:990px;
        height: auto;
        margin: 0 auto;
        min-height:500px;

        .title {
            margin: 0;
            font-size: 40px;
            text-align: center;
            padding-top: 80px;
            font-family: 'edp_preonmedium';
            text-transform: none;
            line-height: 100%;
            font-weight: bold;
        }

        .descricao {
            display:table;
            width:630px;
            margin:auto;
            font: 18px verdana, Arial, Helvetica, sans-serif;
            padding-top:40px;
            text-align:center;
        }

        .form {
            position: relative;
            margin: 36px auto 0 auto;
            width: 630px;

            p{
                margin:40px auto;
                font: 30px 'edp_preonlight', Arial, Helvetica, sans-serif;
                text-align: center;
                text-transform: uppercase;

                &.nota {
                    margin: -40px auto 40px;
                    font: 12px verdana, Arial, Helvetica, sans-serif;
                    text-align: center;
                    color: #8d8d8d;
                }
            }

            fieldset {
                margin-bottom: 50px;
                margin-top: 10px;
                &.selectbox label{display:none;}

                label.error {
                    color: #d40013;
                    display: block;
                    margin: 0 0 0 13px;
                    font-size: 16px;
                }
                input[type=text], input[type=password], textarea, select, .input-file{
                    background: #f3f3f3;
                    margin: 0 auto 20px auto;
                    border: 1px solid #cfcdce;
                    -webkit-border-radius: 3px;

                    border-radius: 3px;
                    width: 100%;
                    height:50px;
                    display: block;
                    font: 18px verdana, Arial, Helvetica, sans-serif;
                    padding: 8px 4px;
                    text-align: center;
                    color: #aaa;

                    box-sizing: border-box;
                }
                textarea{
                    height:130px;
                    resize: none;
                }

                .input-file {
                    position: relative;
                    cursor: pointer;
                    cursor: hand;
                    padding: 12px 4px;
                    input[type=file] {
                        position: absolute;
                        top: 0px;
                        left: 0;
                        opacity: 0;
                        filter: alpha(opacity=0);
                        cursor: pointer;
                        cursor: hand;
                        width:100%;
                        height:100%;
                    }
                    .btn-find {
                        position: absolute;
                        right: 4px;
                        top: 4px;
                        width: 130px;
                        height: 40px;
                        color: #fff;
                        background-color: #1e1e1e;
                        border-radius: 5px;
                        font-size: 16px;
                        font-family: 'edp_preonregular';
                        text-transform: uppercase;
                        border: 0;
                        line-height:40px;
                    }
                }

                .member {
                    position: relative;
                    display: inline-block;
                    width: 100%;

                    .member-name{
                        width: 62%;
                        float: left;
                        margin:0px 4% 0px 0px;
                    }
                    .member-funct{
                        width: 34%;
                        float: left;
                    }
                }

                .add-member {
                    margin-bottom: 20px;
                    text-align: center;
                    button {
                        width:180px;
                        height:40px;
                        color: #fff;
                        background-color:#1e1e1e;
                        border-radius: 5px;
                        font-size: 16px;
                        font-family: 'edp_preonregular';
                        text-transform:uppercase;
                        border:0;
                    }
                }

                .agree-terms{
                    font: 18px verdana, Arial, Helvetica, sans-serif;

                    .intro {
                        display: block;
                        margin: 0 0 20px;
                    }
                    label {
                        padding-top: 10px;
                    }
                    .form-group{
                        margin: 20px 0 20px;
                        line-height:100%;
                    }

                    small{font-size:13px;}
                }

                .submit-band{
                    border: none;
                    padding: 0;
                    margin: 40px auto;
                }
            }
        }
    }

}



#container #votacao .main {
    position: relative;
    width:990px;
    margin: 0 auto;
    display: table;
}

.pesquisa_de_banda {
    position:relative;
    display:block;
    width: 580px;
    height: 55px;
    margin:50px auto 40px;

    #search_band {
        width: 580px;
        height: 55px;
        border: 1px solid #d4d3d3;
        font: 18px verdana, Arial, Helvetica, sans-serif;
        color: #8d8d8d;
        padding: 0px 90px 0 20px;
        background: #f3f3f3;
        border-radius:5px;
        box-sizing:border-box;
    }

    .pesquisar {
        position:absolute;
        right:0;
        top:0;
    }
}

.bandas, .bandas_inscritas{
    position: relative;
    width: 100%;
    margin: 0px auto;
    float: left;

    .row{
        margin-right:-10px;
        margin-left: -10px;
    }

    .banda{
        position: relative;
        width: 310px;
        height: 260px;
        float: left;
        margin:20px 10px;


        .band-result-badge {
            display:block;
            width:100%;
            height:25px;
            color: #1e1e1e;
            font-size: 14px;
            font-family: 'edp_preonregular';
            text-transform:uppercase;
        }

        .band-media{
            position:relative;
            display:block;
            width:100%;
            height:200px;
            background-color:#000;

            .player{
                position: absolute;
                left:50%;
                top:50%;
                transform: translate(-50%, -50%);
                z-index:3;
                cursor:pointer;
            }
            .thumb{
                position: absolute;
                width:100%;
                height:100%;
                z-index:1;
                cursor:pointer;
                left: 0;
            }

            iframe{display:none;}
            &:hover{
                .thumb{opacity:0.6}
            }
        }

        article{
            display:block;
            width:100%;
            height:60px;
            padding:0px 2px;
            box-sizing: border-box;

            .band_name{
                padding:0; margin:0;
                color: #1e1e1e;
                font-size: 20px;
                font-family: 'edp_preonregular';
                width: 216px;
                float: left;
                padding: 10px 0px;
                text-decoration: none;
            }

            .band_vote {
                position:relative;
                padding:0; margin:0;
                color: #a1a3a6;
                font-size: 20px;
                font-family: 'edp_preonregular';
                float: left;
                width: 90px;
                text-align: right;
                padding: 10px 34px 10px 0px;
                box-sizing: border-box;
                text-decoration: none;
                background-image:url('../img/votar-img.png');
                background-position: center right;
                background-repeat:no-repeat;

                span{white-space:nowrap;}
                small{position:absolute; right:0; top:40px; font-size:14px;}
                .s2{display:none;}
            }

            .band_vote_end{
                padding:0; margin:0;
                float: left;
                width: 90px;
                padding: 10px 34px 10px 0px;
                box-sizing: border-box;
            }
        }
        &.vote{
            article{
                .band_vote{
                    color: #d52b1e;
                    background-image:url('../img/votar-img-select.png');
                    .s1{display:none;}
                    .s2{display:block;}
                }
            }
        }
    }
}


#evento{
    width:100%;
    height:auto;

    .main{
        display:block;
        width:990px;
        margin:auto;
        padding-top:20px;
        padding-bottom: 40px;
        .texto{font: 18px verdana, Arial, Helvetica, sans-serif;}
    }

    .past-editions-links{
        display:table;
        margin:auto;
        text-align:center;
        margin-top:40px;
        a{
            margin:0px 20px;
            font: 30px 'edp_preonmedium', Arial, Helvetica, sans-serif;
            text-decoration:none;
            &:hover, &.select{
                color: #767171;
                text-decoration:underline;
            }
        }
    }

    h3{
        color:#1e1e1e;
        font: 30px 'edp_preonlight', Arial, Helvetica, sans-serif;
        padding:60px 0px 0px;
        text-align:center;
        margin:0;
        text-transform:uppercase;
    }

    .banda-vencedora{
        .main{display:table;}
        .left, .right{float:left; width:50%; padding:0px 10px; box-sizing:border-box;}
        .left{
            h4{font: 20px 'edp_preonmedium', Arial, Helvetica, sans-serif;  margin: 15px 0px; text-transform:uppercase;}
            p{font: 18px verdana, Arial, Helvetica, sans-serif;}
        }
        .right{
            .banda{width:450px; height:320px;
                   .band-media{height:290px;}
            }
            .spotify{position:relative; float:left; width:450px; height:480px; margin:0px 10px;}
        }
    }

    .bandas-finais{background: url("../img/fundo_site_ELB.jpg") no-repeat;background-color:#1e1e1e;
                   h3{color:#ffffff;}

                   .banda .band-result-badge{color:#ffffff;}
                   .banda article .band_name{color:#ffffff; width:100%;}
    }

    .galeria-imagens{
        display: table;
        margin: auto;

        .resizeimg{display:block; position:relative; width:238px; height:160px; overflow:hidden; margin:10px; cursor:pointer;}

        .bx-controls{ position:relative; display:block; margin:30px auto 60px;
                      .bx-pager{position:relative; display:table; margin:auto; z-index:3;
                                .bx-pager-item{display:inline-block; margin:0px 5px;}
                      }
                      .bx-controls-direction{position:absolute; left:0; right:0; top:0px; width:75%; margin:auto; z-index:1;
                                             .bx-prev{ float:left; }
                                             .bx-next{ float:right; }
                      }
                      a{font-size:20px; text-align:center; text-decoration:none;
                        &:hover, &.active{color:#767171; text-decoration:underline;}
                      }
        }
        .slider{margin-left:-5px;}
    }
}

.modal-img{position:fixed;top:0; width:100%; height:100%; z-index:10; display:none; overflow-y:auto;
           .modal-backgrd {position:absolute; width:100%; min-height:100%; background-color:#000; opacity:0.75; z-index:1;}
           .modal-inside {position:relative; display:table; width:auto; height:auto; margin:154px auto 40px; z-index:2; overflow:visible;
                          .modal-close {position:absolute; width:26px; height:30px; right:0; top:0px; color:#ffffff; font-size:30px; line-height:100%; cursor:pointer; z-index:2;}
                          .modal-contem {display:inline-block;
                                         img{max-width:900px;  max-height:600px; width:95%;}
                          }
           }
}

#faqs{
    width:100%;
    height:auto;

    .main {
        position: relative;
        width:990px;
        height: auto;
        margin: 40px auto 0px;
        display:table;
    }
    .main .title{
        font: 30px "edp_preonlight", Arial, Helvetica, sans-serif;
        color: #1e1e1e;
        padding: 10px 0 20px 0;
        margin:0;
    }
    .texto {
        font: 18px verdana, Arial, Helvetica, sans-serif;
        color: #1e1e1e;
        margin: 0;
        padding: 0 0 40px 0;
        margin:0;
    }
}

#container #votacao .bg_detalhe > .main .bandas .banda .votar {
    position: relative;
    width: 427px;
    height: 76px;
    background: url("../img/btn_votar.png") no-repeat;
    cursor: pointer;
    cursor: hand;
}
#container #votacao .bg_detalhe > .main .bandas .banda .votar p {
    color: #ffffff;
    font: 20px "edp_preonregular", Arial, Helvetica, sans-serif;
    margin: 0 0 0 67px;
    padding: 10px 0 0 0;
    text-transform: uppercase;
}
#container #votacao .bg_detalhe > .main .bandas .banda .ja_votaste {
    position: relative;
    width: 427px;
    height: 76px;
    background: url("../img/btn_javotaste.png") no-repeat;
    cursor: pointer;
    cursor: hand;
}
#container #votacao .bg_detalhe > .main .bandas .banda .ja_votaste p {
    color: #ffffff;
    font: 20px "edp_preonregular", Arial, Helvetica, sans-serif;
    margin: 0 0 0 37px;
    padding: 10px 0 0 0;
    text-transform: uppercase;
}

#container > footer {
    position: relative;
    /*background: url("../img/plateia.jpg") repeat-x;*/
    height: auto;
    min-height: 80px;
    width: 100%;
    margin: 0 auto;
    background-color:#1e1e1e;
    text-align:center;
    padding:5px 0px;
    p{
        margin:0; padding:5px 0px; color:#fff; font: 18px "edp_preonmedium", Arial, Helvetica, sans-serif;
    }
    a{display:inline-block; color:#ffffff;}
}
/*AREA RESERVADA*/


.logout {
    font: 14px "edp_preonregular", Arial, Helvetica, sans-serif;
    margin-left: 110px;
    position: relative;
    top: -8px;
}
.logout a {
    text-decoration: none;
}
.logout a:hover {
    text-decoration: underline;
}
.reveal-modal .fb-login-button span {
    opacity: 0;
    filter: alpha(opacity=0);
}
.reveal-modal .fb-login-button {
    overflow: hidden;
}

.slider-wrapper {
    position: relative;
    width: 854px;
    height: 720px;
    margin: 0 auto;
}

.reveal-modal {
    z-index: 999!important;
}

img.resize {
    bottom: initial!important;
}


.vote_button_wrapper .btn_ja_votastes {
    display: none;
}

.vote_button_wrapper.voted .btn_votar {
    display: none;
}

.vote_button_wrapper.voted .btn_ja_votastes {
    display: block;
}

.feedback {
    display: none;
    text-align: center;
    margin-top: 20px;
    color: #d40013;
}





.subtitle {
    font-size: 22px;
    margin-bottom: -14px;
}

.small {
    font-size: 40px!important;
}

.txt-big {
    font-size: 25px;
    font-family: "edp_preonmedium", Arial, Helvetica, sans-serif;
}

.txt-bigger {
    margin: -25px 0 -20px;
    font-size: 40px;
    font-family: "edp_preonmedium", Arial, Helvetica, sans-serif;
}


.pagination {
    width:320px;
    margin: 0 auto;
    padding: 20px 0;
    color: #1e1e1e;
    font-size: 20px;

    ul {
        list-style: none;
        text-align: center;
        padding: 0;
        margin: 0;
        li {
            a {
                color: #1e1e1e;
                text-decoration: none;
                &:hover {
                    color:#d52b1e;
                    text-decoration: underline!important;
                }
            }
            &:first-child {
                float: left;
            }
            &:last-child {
                float: right;
            }
            &.disabled {
                visibility: hidden;
            }
        }
    }
    .pager{padding: 0;}
    .page-numbers {
        display: block;
        margin: 0 auto;
        width: 300px;
        text-align: center;
    }
}

@import "pt-BR";


.btn-menu{float:right; width:50px; height:60px; cursor:pointer; display:none;
          .middle{display:table-cell; vertical-align:middle;}
          .burger{width:100%; height:22px; background-image:url('../img/burger.png'); background-position:center; background-repeat:no-repeat;}
          .close{width:100%; height:22px; background-image:url('../img/close.png'); background-position:center; background-repeat:no-repeat; display:none;}
          &.active{background-color:rgba(255,255,255, 0.8);
                   .burger{display:none;}
                   .close{display:block;}
          }
}

@media (max-width: 760px) {

    html, body {min-width:inherit;}

    .btn-menu{display:table;}

    #container header{height:60px;
                      .menu{width:100%; padding:0px 10px;
                            .logo-edp{transform: scale(0.7);}
                            .logo-bands{transform: scale(0.7); float:inherit; margin:auto; position:absolute; left:0; }
                      }
                      nav{position:absolute; right:10px; top:60px; width:auto; height:auto; margin:0; padding:10px 0px; background-color:rgba(255,255,255,0.8); text-align:left; display:none; z-index:1;
                          a{display:block; padding:5px; color:#000000;
                            &.select{color:#000000;}
                          }
                          &.active{display:block;}
                          .lang{
                              .edition-switch{position:relative;}
                              a{float:left;}
                          }
                      }
    }

    #home .destaque{height:180px;}
    #container #home .inscrevete article{width:100%;
                                         .title{font-size:20px;}
                                         .txt{font-size:14px;}
    }

    #home .home_ultimas_bandas{
        .main{
            .title{font-size:18px; padding:20px 0 0 0; }
        }
        .bandas_inscritas{width:300px; padding:20px 0 0px;
                          .bxslider_inscricao{}
        }
        #slider-prev{left: -10px;}
        #slider-next{right: -10px;}
    }

    .detalhe_top_bandas{
        .main{
            .title{font-size:18px; padding:20px 0 0 0; }
        }
        .bandas_top{width: 248px; padding: 20px 0 0px;
                    .banda{
                        .info{display:table;}
                    }
        }
        #slider-top-prev{left: -30px;}
        #slider-top-next{right: -30px;}
    }

    .header_graffiti{height: 160px;}
    .main{width:100% !important; max-width:480px; padding:20px 5px !important; box-sizing: border-box;}
    .h2title{font-size:20px; padding-top:40px;}
    #evento .main .texto{font-size:14px}

    #evento{
        h3{font-size:22px; padding:30px 0px;}
        .past-editions-links{margin-top:20px;
                             a{font-size:18px;}
        }
        .banda-vencedora{
            .main{margin:auto;}
            .left, .right{ width:90%;  padding:0px 0px;}
            .left{
                h4{font-size:18px; margin-top:0;}
                p{font-size:14px;}
            }
            .right{
                .banda{width:290px; height:200px;
                       .band-media{height:160px;}
                }
                .spotify{position:relative; float:initial; width:290px; height:80px; margin:0px auto; }
            }
        }
        .galeria-imagens{
            .bx-controls{
                .bx-pager{display:none;}
                .bx-controls-direction{width:90%;}
            }
        }
    }

    .pesquisa_de_banda{width:100%; margin:10px auto 10px; transform: scale(0.8);
                       #search_band{width:100%;}
    }

    .bandas, .bandas_inscritas{
        .banda{width:290px; height:200px; margin:20px auto;  float:initial;
               .band-result-badge{font-size:12px;}
               .band-media{height:160px;}

               article{ height:50px;
                        .band_name{font-size:16px; width:200px;}
                        .band_vote{font-size:16px;  width: 86px;
                                   small{position:absolute; right:0; top:35px; font-size:12px;}
                        }
                        .band_vote_end{width:86px;}
               }
        }
    }

    #detalhe_banda, #areareservada{
        .billhead{margin:30px 0px 20px;
                  h2{font-size:20px;}
                  h3{font-size:18px;}
        }
        .video-wrapper{
            iframe{width:300px; height:160px;}
        }
        .mini-video-wrapper {
            .mini-video {
                padding-bottom:14px;
                margin:0;
            }
            iframe{width:300px; height:160px;}
        }
        .descricao {padding: 0px 0px 20px;
                    .banda_descritivo{font-size: 14px;}
                    .banda_element{font-size: 14px; padding-top:20px;}
                    .btn_login, .btn_logout{padding-top:20px;}
                    small{font-size: 10px;}
        }
        .rodape{display:table; width:100%; padding:20px 0px 0px;
                .area-partilha{width:100%;
                               span{font-size:11px;}
                }
                .area-votar{width:90%; margin-top:20px;
                            .btn_votar{
                                .votar{font-size:14px; padding:0px 10px 0px 0px;}
                            }
                            .btn_ja_votastes{
                                .ja_votaste{font-size:14px;}
                            }
                            .band_vote {width:86px; font-size:14px; margin-top:-10px;
                                        small{top:35px; font-size:12px;}
                            }
                }
        }
        .btn_ver_todas_bandas{margin:40px auto 20px;}
    }


    #inscricao{
        .main{
            .title{font-size: 20px; padding-top:40px;}
            .descricao {width:100%; font-size:14px; padding-top:20px;}

            .form {width:98%;
                   p{margin:20px auto; font-size:18px;
                     &.nota {margin:-20px auto 20px; font-size:10px; }
                   }
                   fieldset {margin-bottom:20px;
                             label.error { margin: 0 0 0 8px;font-size: 12px; }
                             .agree-terms{font-size:14px;
                                          .intro {
                                              display: block;
                                              margin: 0 0 20px;
                                          }
                                          small{font-size:11px;}
                             }
                   }
            }
        }
    }

    #faqs{
        .title{font-size:20px;}
        .texto{font-size:14px; padding:0 0 20px 0;}
    }

    #container .addthis_floating_style {display:none;}

    .partners-wrapper{margin-top:40px;
                      .partners-list{width:100%; padding-bottom:20px;
                                     .mediapartners{width:100%;
                                                    .title{margin:20px 0 10px 0; font-size:12px;}
                                                    a{    margin: 10px 10px 10px 0; width: auto !important; height: 32px; img {

                                                        height: auto;
                                                        width: auto;
                                                        max-height: 100%;
                                                    } }
                                                    .listen-radio{display:none;}
                                     }
                      }
    }
    .pt{
        .partners-wrapper{
            padding: 0 15px;
            .mediapartners:nth-child(1){width:100%; }
            .mediapartners:nth-child(2){width:100%; a{ height: 64px; padding-right: 25px; } }
            .mediapartners:nth-child(3){width:100%; a{ height: 64px; padding-right: 25px; } }
        }
    }

    .reveal-modal{width:95%; padding:30px 10px 20px;
                  .title{font-size:20px;}
                  .text{font-size:14px}
    }

    #container > footer{
        p{font-size:14px; padding-top:0;}
    }
}