@font-face {
    font-family: 'Atiga Bold';
    src: url('/assets/fonts/Atiga-Bold.eot');
    src: url('/assets/fonts/Atiga-Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/Atiga-Bold.woff2') format('woff2'),
        url('/assets/fonts/Atiga-Bold.woff') format('woff'),
        url('/assets/fonts/Atiga-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body {
    /* background: url(/assets/img/_guia.jpg) center top; */
    color: #FFF;
    font-family: "Arimo",Arial, Helvetica, sans-serif;
}

/* Header */
#header {
    background-color: black;
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
    font-weight: 900;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

#header .navbar .navbar-nav .nav-item:first-child {
    padding: 0 1rem;
}

#header .navbar .navbar-nav .nav-item {
    padding: 0 1rem;
}

#header .navbar .navbar-nav .nav-link {
    color: #FFF;
    font-size: 1.25em;
}

#header .navbar .navbar-nav .nav-link:hover {
    color: #727272;
}

#header .redes {
    margin-right: 0px;
    padding-top: 15px;
}

#header .redes a {
    display: inline-block;
    width: 38px;
    height: 38px;
    background-color: #FFF;
    margin: 0 8px;
}

#header .redes img {
    margin: 8px;
    width: 22px;
}

/* Patrocinio */
/* #patrocinios {
    background-color: #2b235f;
    text-align: center;
} */

/* #patrocinios img {
    max-width: 50%;
} */

/* #patrocinios .txt {
    font-family: "Bebas Neue", Arial, Helvetica, sans-serif;
    font-size: 0.75rem;
    text-transform: uppercase;
    padding-left: 1rem;
    color: #000;
} */

/* Sobre */
#sobre {
    background: #2b235f;
    padding: 25px 0;

}

#sobre .tit {
    color: #f46a60;
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
    font-size: 0.75rem;
    font-weight: 900;
    margin-bottom: 20px;

}

#sobre .subtit {
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 1.8rem;
    padding: 5px 0 0 0;
    text-transform: uppercase;
    color: #4f80ff;
    background-color: #fbe1db;
    display: inline;
    line-height: 2.2rem;
}

#sobre .txt {
    font-size: 1rem;
    margin: 20px 0;
    color: #fff;
}

#sobre .tags {
    margin: 10px 0 0 0;
}

#sobre .tags .tg {
    border: 1px solid;
    padding: 2px 10px 4px 10px;
    font-size: 0.8rem;
    border-radius: 26px;
    margin-right: 4px;
    text-decoration: none;
}

#sobre .tags .roxo {
    color: #dac1df;
}

#sobre .tags .rosa {
    color: #fd73a7;
}

#sobre .tags .verde {
    color: #a6cdc8;
}

#sobre .tags .vermelho {
    color: #ff4f1d;
}


#sobre .tags .laranja {
    color: #fc762d;
}

#sobre .tags .amarelo {
    color: #f0bf0b;
}

#ouca {
    padding: 15px 0;
    background-color: #4f80ff;

    /* border: 1px solid red; */
}

#ouca .tit {
    color: #fbe2db;
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
    font-size: 0.75rem;
    font-weight: 900;
    margin-bottom: 20px;
}

#ouca .subtit {
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 1.8rem;
    padding: 5px 0 0 0;
    text-transform: uppercase;
    color: #9c3428;
    background-color: #fbe1db;
    display: inline;
    line-height: 2.2rem;
}

#ouca .links {
    padding-top: 10px;
    text-align: center;
}

#player {
    padding: 15px 0;
    background-color: #f5594b;
}

#player .spot {
    margin: 0 auto;
    width: 90%;
}

#contato {
    background-color: #2b235f;
    text-align: center;
    padding: 15px 0;
}

#contato .tit {
    color: #ccbcb5;
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
    font-size: 0.75rem;
    font-weight: 900;
    margin-bottom: 20px;
}

#contato div {
    text-align: left;
    padding-bottom: 10px;
    padding-left: 30px;
}

#contato .icon {
    display: inline-block;
    width: 38px;
    height: 38px;
    background-color: #fbe2db;
    margin: 0 8px;
}

#contato .icon img {
    margin: 8px;
    width: 22px;
    margin-right: 8px;
}

#contato a {
    padding: 2px 10px 4px 10px;
    font-size: 0.8rem;
    border-radius: 26px;
    margin-right: 4px;
    text-decoration: none;
    color: #2b235f;
    margin-right: 8px;
    background-color: #fbe2db;
    font-weight: 700;
}


#insta {
    background-color: #13085d;
    padding: 15px 0;
}

#insta .tit {
    color: #f5594c;
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;
    font-size: 0.75rem;
    font-weight: 900;
    margin-bottom: 20px;
    text-align: center;
}

#insta .fd:first{
    margin: 0 0 0 40px;
    
}

#insta .fd{
    margin: 0 40px;
    
}

#insta .insta-prev, #insta .insta-next{
    color: #fff;
}
#insta .insta-prev:hover, #insta .insta-next:hover {
    color: #727272;
}

#insta .insta-prev.disabled, #insta .insta-next.disabled{
    opacity: 0;
}

#insta .insta-dots{
    margin-top: 15px;

}

.glider-dot {
    background: #fff;
}

.glider-dot:hover, .glider-dot:focus, .glider-dot.active {
    background: #727272;
}


#footer {
    text-align: center;
    background: #fff;
}

#footer img {
    max-width: 70%;
}






@media only screen and (min-width: 768px) {
    #ouca .links img {
        width: 165px;
    }

    #contato div {
        padding: 0;
        display: inline-block;
    }
}


@media only screen and (min-width: 992px) {
    #header .navbar .navbar-nav .nav-item {
        padding: 0 2rem;
    }

    #header .navbar .navbar-nav .nav-item:not(:last-child) .nav-link {
        border-right: 2px solid #727272;
    }

    #header .navbar .navbar-nav .nav-link:first-child {
        padding-left: 0;
    }

    #header .navbar .navbar-nav .nav-link {
        font-size: 1.1em;
        padding: 0 3rem;

        
    }

    #header .redes {
        margin-right: 0px;
        padding-top: 0;
    }

    /* #patrocinios img {
        max-width: 100%;
    }

    #patrocinios .txt {
        font-size: 1.3rem;
    } */

    #sobre {
        /* background: url(/assets/img/bg_sobre.png) left bottom no-repeat #2b235f; */
        padding:0;

        /* margin-top: 565px;
        border: 1px red solid; */

    }

    #sobre .bg {
        background: url(/assets/img/bg_sobre.png) right bottom no-repeat #2b235f;
    }

    #sobre .tit {
        font-size: 1.1rem;
        margin: 40px 0 25px 0;
    }

    #sobre .subtit {
        font-size: 2.7rem;
        /* padding: 36px 0px 0 0; */
        margin-bottom: 0;
        line-height: 3.5rem;
    }

    #sobre .txt {
        font-size: 1.1rem;
        margin: 20px 0;
    }

    #sobre .tags {
        margin: 10px 0;
    }

    #sobre .tags .tg {
        font-size: 0.7rem;
    }


    #ouca {
        padding: 40px 0;
    }

    #ouca .tit {
        font-size: 1.1rem;
    }

    #ouca .subtit {
        font-size: 2rem;
        /* padding: 20px 0 0 0; */
        line-height: 3rem;
    }

    #ouca .links {
        padding-top: 50px;
    }

    #ouca .links img {
        width: 150px;
    }

    #player {
        padding: 50px 0;
    }

    #contato {
        background: url(/assets/img/bg_contato.gif) right bottom no-repeat #2b235f;
        padding: 40px 0;
        height: 230px;
    }

    #contato .tit {
        font-size: 1.1rem;
        margin-bottom: 35px;
    }

    #contato a {
        padding: 2px 30px 7px 30px;
        font-size: 1.5rem;
    }

    #contato .m {
        margin-left: 50px;
    }

    #insta {
        padding: 45px 0;
    }
    
    #insta .tit {
        font-size: 1.1rem;
        margin-bottom: 35px;
    }

    #footer img {
        max-width: 100%;
    }

}

@media only screen and (min-width: 1200px) {
    #header .redes {
        margin-right: 170px;
        padding-top: 0;
    }

   /* #sobre{
    margin-top: 500px;
    background: none;
        border: 1px solid red;
    
   }
   #sobre .bg {
        background: none;

       
    } */

    

    #sobre .tit {
        font-size: 1.1rem;
        margin: 72px 0 40px 0;
    }

    #sobre .subtit {
        font-size: 3.8rem;
        padding: 0;
        line-height: 4.2rem;
        
    }

    #sobre .txt {
        font-size: 1.6rem;
        margin: 40px 0 53px 0;
        line-height: 1.8rem;
    }

    #sobre .tags {
        margin: 10px 0 20px 0px;
    }

    #sobre .tags .tg {
        padding: 2px 14px 6px 14px;
        font-size: 1.1rem; 
        margin-right: 6px;
    }

    #ouca {
        padding: 40px 0;
    }

    #ouca .tit {
        font-size: 1.1rem;
    }

    #ouca .subtit {
        font-size: 3.2rem;
        padding: 0;
        line-height: 4.2rem;
    }

    #ouca .links {
        padding-top: 68px;
    }

    #ouca .links img {
        width: 155px;
    }
}

@media only screen and (min-width: 1399px) {

    #sobre .bg {
        /* background: url(/assets/img/bg_sobre.png) left bottom no-repeat #2b235f; */
    }

   /* #sobre .tags .tg {
         padding: 2px 26px 7px 26px;
        font-size: 1.2rem;
        margin-right: 8px; 
    }

    #ouca .tit {
        color: #fff;
        font-family: "Bebas Neue", Arial, Helvetica, sans-serif;
        font-size: 1.5rem;
    }

    #ouca .subtit {
        font-family: "Bowlby One", Arial, Helvetica, sans-serif;
        font-size: 2.8rem;
        padding: 28px 0 0 0;
    }

    #ouca .links {
        padding-top: 68px;
    }

    #ouca .links img {
        width: 208px;
    }

    #player .spot {
        width: 850px;
    } */
}

@media only screen and (min-width: 1550px) {

    #sobre .bg {
        background: url(/assets/img/bg_sobre.png) left bottom no-repeat #2b235f;
    }
}