@charset "UTF-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Fredoka+One|Open+Sans|Lato:400,700,900");
*, ul, li, h1, h3, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-decoration: none;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
}

.fredoka {
    font-family: 'Open Sans', cursive;
    font-weight: normal;
}

body {
    padding-top: 0;
    padding-bottom: 0;
}

.purpura {
    color: #70558b;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.positionrelative {
    position: relative;
}

.positionabsolute {
    position: absolute;
}

.borderraduis50 {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.jumbotron-branco {
    background: #fff;
    margin-bottom: 30px;
}

.textalign-center {
    text-align: center;
}

.textalign-right {
    text-align: right;
}

.marginbottom0 {
    margin-bottom: 0 !important;
}

.lermais {
    color: #fe9c01;
}

.displayblock {
    display: block;
}

.widht500 {
    width: 500px;
}

.right0 {
    right: 0;
}

.font60 {
    font-size: 60px;
}

.cor-branca {
    color: #fff;
}

a.btn-itens-escola, a:focus, a:hover {
    text-decoration: none !important;
}

.corlaranja {
    color: #ed7a09 !important;
}

.corrosa {
    color: #ed095a !important;
}

.corazul {
    color: #09bfed !important;
}

.corvermelho {
    color: #ed2409 !important;
}

.corverde {
    color: #72d903 !important;
}

.coramarelo {
    color: #fede03 !important;
}

/* slider */
.carousel {
    margin-top: -120px;
}
.carousel-item {
    height: 41rem;
}
/*header  */
.navbar-inverse .navbar-toggler{
    background: rgb(234, 175, 0);
}
#appHeader.menu_fixed{
    height:120px;
}
#appHeader.menu_fixed .bg_amarelo{
    background: transparent;
    position: fixed;
    top: -77px;
    left: 0;
    z-index: 99;
    width: 100%;

}
.navbar span.texto{
    position: absolute;
    font-size: .7em;
    left: 50%;
    margin-left: -67px;
    top: 2px;
}
.bg_amarelo{
    background: rgba(255,204,0,0.85);
    width: 100%;
    height: 120px;
    padding: 35px 0 0 0;
    position: relative;
    z-index: 999;

}
.bg_amarelo .contato-menu ul li{
    color: #676767;
}
.container_logo{
    background: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 130px;
    display: inline-flex;
    margin-top: 20px;
    position: relative;
    z-index: 999999;
}
.busca-site .glyphicon{
    color: #00b4a0
}
.container_logo .row .col-md-3{
    border-right: 1px solid #ccc;
}
.container_logo .row{
    width: 100%;
}
/* FIM header  */
/* Topo - contato - logo */
.bs-docs-nav {
    margin-bottom: 0;
    border-bottom: 0;
}
Ï
.contato-menu {
    text-align: right;
    padding: 5px;
}

    .contato-menu ul li {
        text-align: right;
        display: inline-block;
        font-size: 0.813em;
        color: #70558b;
    }

        .contato-menu ul li.lingua a {
            
            display: block;
            color: #70558b;
        }

            .contato-menu ul li.lingua a:hover {
                border: 2px solid #fff;
            }

        .contato-menu ul li.ativo a {
            border: 2px solid #fff;
        }

        .contato-menu ul li.lingua a img {
            display: table;
        }

/* LOGO LOGIN */
a.logo {
    display: block;
    width: 315px;
    max-width: 100%;
    height: 130px;
    background: url(../../img/logoRioCarnivalNET.jpg) no-repeat center;
    background-size: contain;
}
a.logo-en{
    background: url(../../img/logoRioCarnivalNET_EN.jpg) no-repeat center;
    background-size: contain;
}

.content_box{
    display: flex;
    align-items: center;
    height: 50px;
}
.content_box .box{
    display: flex;
    align-items: center;
    width: 186px;
    margin-right: 22px;
}
.content_box .box div{
        line-height: 12px;
}
.content_box .box a{
    color: #868686;
    text-decoration: none;
    font-size: 0.8em;
}
.content_box .box i{
    font-size: 1.5em;
    margin-right: 13px;
}
.content_box .box .azul{
    color: #00b4a0;
    text-decoration: none;
    font-size: 0.8em;
}
.busca-site {
    float: right;
    padding: 10px 0 5px 0;
}

    .busca-site ul li {
        float: left;
        padding: 0 10px;
        z-index: 5;
    }

        .busca-site ul li:first-child {
            z-index: 15;
        }

        .busca-site ul li a {
            color: #868686;
            text-decoration: none;
            font-size: 0.8em;
            padding: 8px 0 8px 0;
            display: block;
            position: relative;
        }

            .busca-site ul li a:hover {
                text-decoration: underline;
                color: #70558b !important;
            }

            .busca-site ul li a.carrinho {
                color: #fff;
                padding: 9px 10px;
                display: block;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                border-radius: 8px;
            }

                .busca-site ul li a.carrinho:hover {
                    background: #ddceec;
                    color: #fff !important;
                    transition: background-color 0.8s ease;
                }

.quantitade-carrinho {
    position: absolute;
    width: 15px;
    height: 15px;
    padding: 0px;
    text-align: center;
    background: #ff5106;
    color: #fff;
    font-size: 10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    top: 2px;
    right: -1px;
}

.busca-site-logado {
    float: right;
    max-width: 650px;
    padding-top: 20px;
}

    .busca-site-logado ul li {
        float: left;
        padding: 0 10px;
        color: #9a9a9c;
        font-size: 1.000em;
        position: relative;
    }

        .busca-site-logado ul li a {
            color: #fff;
            text-decoration: none;
            font-size: 1.000em;
        }

        .busca-site-logado ul li:nth-child(0n+2) {
            border-right: 1px solid #9a9a9c;
        }

.navbar-toggleable-md .navbar-collapse{
    margin-top: 17px;
        justify-content: flex-end;
}

/* menu principal */
.menu-principal li a {
    font-family: 'Open Sans';
    font-weight: bold;
    color: #00b4a0 !important;
    padding: 8px 10px;
    display: block;
    text-decoration: none;
    font-size: 24px;

}

    .menu-principal li a:hover {
        background: rgba(255,255,255,0.5);
    }

ul.dropdown-menu > li > a {
    color: #000 !important;
}

.nav-bar-bg {
    border-top: 1px solid #ccc;
    clear: both;
    background-color: transparent !important;
    padding: 0px 0px;
}
@media screen and (max-width: 1040px){
    .navbar-inverse .navbar-toggler{
        background: #403e3e;

    }
    .nav-bar-bg{
        border-top: none;
    }
    .container_logo .busca-site.floatright{
        width: 100%;
        align-items: center;
        display: flex;
        justify-content: center;
    
    }
    .container_logo .row .col-md-3{
        border-right: none;
    }
    .container_logo .row .col-md-3 .logo{
        margin: 15px 0 -13px 0;
        border-right: none;
    }
}
.navbar-nav{
    width: 100%;
    justify-content: center;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #580023;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #580023;
}

/* categorias */

.box-produtos {
    border: 1px solid #3e3e3e;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin: 0 15px;
}

    .box-produtos p {
        text-align: center;
    }

.verde {
    /* background: #fafef3; */
    border-color: #acd373;
}

    .verde:hover {
        transition: background-color 0.8s ease;
        background: #acd373;
        border-color: #fafef3;
        color: #fff;
    }

        .verde:hover h2 {
            background: #fff;
            color: #acd373;
        }

.rosa {
    /* background: #feebf6; */
    border-color: #ec008c;
}

    .rosa:hover {
        transition: background-color 0.8s ease;
        background: #ec008c;
        border-color: #feebf6;
        color: #fff;
    }

        .rosa:hover h2 {
            background: #fff;
            color: #ec008c;
        }

.laranja {
    /* background: #fef8f0; */
    border-color: #f7941d;
}

    .laranja:hover {
        transition: background-color 0.8s ease;
        background: #f7941d;
        border-color: #fef8f0;
        color: #fff;
    }

        .laranja:hover h2 {
            background: #fff;
            color: #f7941d;
        }

.azul {
    /* background: #ebfdff; */
    border-color: #48dae6;
}

    .azul:hover {
        transition: background-color 0.8s ease;
        background: #48dae6;
        border-color: #ebfdff;
        color: #fff;
    }

        .azul:hover h2 {
            background: #fff;
            color: #48dae6;
        }

.azule {
    /* background: #edf6fe; */
    border-color: #0054a6;
}

    .azule:hover {
        transition: background-color 0.8s ease;
        background: #0054a6;
        border-color: #edf6fe;
        color: #fff;
    }

        .azule:hover h2 {
            background: #fff;
            color: #0054a6;
        }

.img-ajuste {
    border: 1px solid #efefef;
    margin: 10px auto 0;
    display: block;
}

.borda-verde {
    border-color: #acd373;
}

.borda-rosa {
    border-color: #ec008c;
}

.borda-laranja {
    border-color: #f7941d;
}

.borda-azul {
    border-color: #48dae6;
}

.borda-azule {
    border-color: #0054a6;
}

.box-produtos h2 {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-family: 'Fredoka One', cursive;
    font-weight: normal;
    color: #fff;
    font-size: 1.250em;
    text-align: center;
    padding: 10px;
    margin: 10px;
}

.tit-verde {
    background: #acd373;
}

    .tit-verde:hover {
        background: #fff;
    }

.tit-rosa {
    background: #ec008c;
}

.tit-laranja {
    background: #f7941d;
}

.tit-azul {
    background: #48dae6;
}

.tit-azule {
    background: #0054a6;
}

.btn-verde {
    background: #7cc576;
    border-color: #fafef3;
    color: #fff;
    font-family: 'Fredoka One', cursive;
    font-weight: normal;
}

    .btn-verde:hover {
        background: #fafef3;
        border-color: #7cc576;
        color: #7cc576;
    }

.btn-rosa {
    background: #bf0a82;
    border-color: #feebf6;
    color: #fff;
    font-family: 'Fredoka One', cursive;
    font-weight: normal;
}

    .btn-rosa:hover {
        background: #feebf6;
        border-color: #bf0a82;
        color: #bf0a82;
    }

.btn-laranja {
    background: #db7b08;
    border-color: #fef8f0;
    color: #fff;
    font-family: 'Fredoka One', cursive;
    font-weight: normal;
}

    .btn-laranja:hover {
        background: #fef8f0;
        border-color: #db7b08;
        color: #db7b08;
    }

.btn-azul {
    background: #21becb;
    border-color: #ebfdff;
    color: #fff;
    font-family: 'Fredoka One', cursive;
    font-weight: normal;
}

    .btn-azul:hover {
        background: #ebfdff;
        border-color: #21becb;
        color: #21becb;
    }

.btn-azule {
    background: #00407f;
    border-color: #ebfdff;
    color: #fff;
    font-family: 'Fredoka One', cursive;
    font-weight: normal;
}

    .btn-azule:hover {
        background: #ebfdff;
        border-color: #00407f;
        color: #00407f;
    }

.ico-comprar-slider {
    display: block;
    border: none;
    width: 80px;
    height: 80px;
    position: absolute;
    left: 0;
    top: -60px;
    background: #70558b;
    color: #fff;
    font-size: 10px;
    padding: 10px;
    text-align: center;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

    .ico-comprar-slider:hover {
        color: #ddceec !important;
        text-decoration: none;
    }

    .ico-comprar-slider i {
        font-size: 40px;
        margin-bottom: 8px;
    }

.ico-comprar-slider-right {
    display: block;
    border: none;
    width: 80px;
    height: 80px;
    position: absolute;
    right: 0;
    top: -60px;
    background: #70558b;
    color: #fff;
    font-size: 10px;
    padding: 10px;
    text-align: center;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

    .ico-comprar-slider-right:hover {
        color: #ddceec !important;
        text-decoration: none;
    }

    .ico-comprar-slider-right i {
        font-size: 40px;
        margin-bottom: 8px;
    }

.btn-verguias {
    border: none;
    background: #70558b;
    color: #fff;
    padding: 10px;
    text-align: center;
}

    .btn-verguias:hover {
        color: #ddceec !important;
        text-decoration: none;
    }

/* .titulo-slider1 {
    z-index: 0;
    font-size: 40px;
    color: #ffffff;
    background: #ed27aa;
    font-family: 'Fredoka One', cursive;
    padding: 10px;
} */

.titulo-slider2 {
    z-index: 0;
    font-size: 40px;
    color: #ffffff;
    font-family: 'Fredoka One', cursive;
    padding: 10px;
}
.carousel-item h1{
    font-family: Lato;
    font-weight: 900;
    font-size: 118px;
    color: #ffd200;
    z-index: 0;
    padding: 0px;
    text-shadow: 4px 7px 18px #000000;
    margin-top: -70px;
}
.carousel-item h2{
    font-family: Lato;
    font-weight: 400;
    font-size: 56px;
    color: #fff;
    line-height: 48px;
    text-shadow: 4px 7px 18px #000000;
}
.carousel-item h3{
    font-family: Lato;
    font-weight: 900;
    font-size: 67px;
    color: #fff;
    line-height: 48px;
    text-shadow: 4px 7px 18px #000000;
}
.texto-links-slider {
    font-family: Lato;
    font-weight: 400;
    width: 224px;
    height: 42px;
    padding: 10px;
    z-index: 0;
    color: #000;
    line-height: 20px;
    background: #eaff00;
    border-radius: 27px;
    margin: 40px auto 0 auto;
}
@media screen and (max-width: 992px){
    .carousel-caption{
        width: 76% !important;
        left: 12% !important;

    }
    .carousel-item h1{
        font-size: 36px;
        margin-top: 0;
    }
    .carousel-item h2{
        font-size: 34px;
        line-height: 33px;
    }
    .carousel-item h3{
        font-size: 34px;
        line-height: 38px;
    }
}
/* .texto-links-slider {
    width: 224px;
    height: 42px;
    padding: 10px;
    z-index: 0;
    color: #ffffff;
    line-height: 25px;
    background: #fff;
} */

    .texto-links-slider a {
        color: #000;
        font-size: 1.270em;
    }

    .texto-links-slider span {
        color: #F60;
    }

/* Titulos */

.tutilos-areas {
    width: 400px;
    margin: 30px auto;
    background: url(../../img/ico-color-titulo-left.png) left no-repeat;
}

    .tutilos-areas h2 {
        padding: 20px 0;
        font-family: 'Fredoka One', cursive;
        font-size: 2.000em;
        color: #606060;
        text-align: center;
        background: url(../../img/ico-color-titulo-right.png) right no-repeat;
    }

.tutilos-areas-branco {
    width: 400px;
    margin: 0px auto;
    background: url(../../img/ico-color-titulo-branco-left.png) left no-repeat;
}

    .tutilos-areas-branco h2 {
        padding: 20px 0;
        margin: 0;
        font-family: 'Fredoka One', cursive;
        font-size: 2.000em;
        color: #fff;
        text-align: center;
        background: url(../../img/ico-color-titulo-branco-right.png) right no-repeat;
    }

.width500 {
    width: 500px !important;
}

.width440 {
    width: 440px !important;
}

.width384 {
    width: 384px !important;
}

/* Bloco escola de Sambas */
.bloco-escolasdesamba {
    background: #fe0a77 url(../../img/bg-escolas.png) center top no-repeat;
    padding: 20px 0;
}

.coluna-esquerda {
    background: #f6f6f6;
}

    .coluna-esquerda img {
        margin: 0 auto;
        display: block;
    }

    .coluna-esquerda h3 {
        text-align: center;
        font-family: 'Fredoka One', cursive;
        font-size: 2.000em;
        color: #606060;
        margin-bottom: 20px;
    }

    .coluna-esquerda p {
        color: #606060;
        line-height: 25px;
    }

.materia-principal h4 {
    text-align: center;
    color: #606060;
}

.md3-materia p {
    color: #606060;
    line-height: 25px;
}

.md3-materia strong {
    display: block;
    text-align: center;
    font-size: 1em;
    margin-bottom: 10px;
}

.lista-menu-home {
    padding: 10px;
}

    .lista-menu-home ul li a {
        color: #606060;
        line-height: 25px;
    }

/* slider */

.sub-titulo-branco {
    font-size: 0.975em;
    color: #fff;
    text-align: center;
    margin: 20px 0;
}

.sub-titulo-branco2 {
    flood-color: #000;
    color: #fff;
    text-align: center;
    margin: 20px 0;
}

.btn-grupo-especial {
    background: #940042;
    font-family: 'Fredoka One', cursive;
    color: #fff;
    border: 1px solid #940042;
    
}

    .btn-grupo-especial:hover {
        background: #fff;
        color: #940042;
        border: 1px solid #fff;
    }

.btn-grupo-acesso {
    color: #fff;
}

    .btn-grupo-acesso:hover {
        color: #fff;
        text-decoration: underline;
    }

.thumbnail {
    position: relative;
    height: 310px;
    background: transparent;
    border: none;
    text-align: center;
}

    .thumbnail img {
        border: 5px solid #d00862;
    }

    .thumbnail a {
        font-family: 'Fredoka One', cursive;
        color: #fff;
    }

        .thumbnail a:hover {
            color: #fff;
            text-decoration: underline;
        }

.thumbnail-escolas {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

    .thumbnail-escolas .caption {
        padding: 9px;
        color: #333;
    }

    .thumbnail-escolas h3 {
        font-weight: bold;
        text-align: center;
        margin: 10px 0;
        font-size: 20px;
    }

    .thumbnail-escolas p {
        font-size: 13px;
        color: #6c7b92;
        height: 180px;
    }

.thumbnail-quesitos p {
    font-size: 13px;
    color: #6c7b92;
    height: 370px;
}

.btn-ver-mais {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 26px;
    color: #fff;
    background: #a0e8f9;
    border-bottom: 10px solid #66ddf9;
}

    .btn-ver-mais:hover {
        color: #fff;
        background: #a0e8f9;
        border-bottom: 10px solid #66ddf9;
        text-decoration: none;
    }

.beija-flor {
    color: #1d4585;
}

.grande-rio {
    color: #007630;
}

.imperatriz {
    color: #007630;
}

.mocidade {
    color: #007630;
}

.mangueira {
    color: #f52b8f;
}

.portela {
    color: #116efa;
}

.salgueiro {
    color: #ef523d;
}

.sao-clemente {
    color: #dcac04;
}

.tuiuti {
    color: #0428dc;
}

.uniao-ilha {
    color: #047ef0;
}

.unidos-tijuca {
    color: #f0d704;
}

.vila-isabel {
    color: #04c1f0;
}

.portela img {
    border: 5px solid #02306a;
}

.color-azul-e {
    color: #02306a !important;
}

.carousel-control {
    position: absolute;
    height: 29px;
    width: 3%;
    font-size: 140px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: transparent;
    filter: alpha(opacity=50);
    opacity: .5;
}

    .carousel-control.left {
        background: none;
    }

    .carousel-control.right {
        background: none;
        right: 24px;
    }

.btn-radius {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: none;
}

.btn-fontsize {
    font-size: 13px;
    font-family: 'Fredoka One', cursive;
    color: #fff;
}

.btn-amarelo {
    background: #febe05;
}

    .btn-amarelo:hover {
        background: #fec51f;
    }

.btn-rosa {
    background: #fe0a77;
}

    .btn-rosa:hover {
        background: #fff;
        color: #fd2485;
    }

/* drop-menu */
ul.menu-drop > li > a {
    border-bottom: 1px dotted #606060;
    color: #580023 !important;
}

.img-rodape {
    background: url(../../img/samba-img.jpg) center bottom no-repeat;
    background-size: cover;
    height: 325px;
}

.bg-footer {
    background: url(../../img/bg-rodape.jpg) center no-repeat;
    background-size: cover;
}

/* rodape */
.menu-rodape {
    padding: 15px 0;
}

    .menu-rodape li {
        color: #fff;
    }

    .menu-rodape p {
        color: #fff;
        font-family: 'Fredoka One', cursive;
        font-size: 14px;
    }

    .menu-rodape a {
        color: #fff;
        font-size: 12px;
    }

.btn-escolas {
    position: absolute;
    bottom: 30px;
    left: 6%;
    color: #fe0a77 !important;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
@media screen and (max-width: 992px){
    .thumbnail {
        height: 380px;
    }
    .btn-escolas {
        left: 28%;
    }
}
/* submenu */
.designer-sub-menu {
    top: 94%;
    padding: 0;
    width: 250px;
    background: transparent;
}

    .designer-sub-menu li {
        background: rgba(255,255,255,0.9);
    }

        .designer-sub-menu li:hover {
            background: rgba(255,255,255,0.9);
        }

        .designer-sub-menu li a {
            border-bottom: 1px dotted #606060;
        }

            .designer-sub-menu li a.bordernone {
                border-bottom: none;
            }

/* enable absolute positioning */
.inner-addon {
    position: relative;
}

    /* style glyph */
    .inner-addon .glyphicon {
        position: absolute;
        padding: 10px;
        pointer-events: none;
    }

/* align glyph */
.left-addon .glyphicon {
    left: 0px;
}

.right-addon .glyphicon {
    right: 0px;
}

/* add padding  */
.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}

/* Topo Internas */
.color-internas {
    background: #000 url(../../img/bg-escolas.png) center -160px no-repeat;
    padding: 110px 0 20px 0;
}

.topo-internas h1 {
    font-size: 20px;
    font-family: 'Fredoka One', cursive;
    color: #fff;
}

    .topo-internas h1 a {
        font-size: 15px;
        display: inline-block;
        text-decoration: none;
        color: #fff;
        font-family: 'Fredoka One', cursive;
    }

        .topo-internas h1 a:hover {
            text-decoration: underline;
        }

/* Login */
.box-center div {
    margin: 20px auto;
}

.box-left div {
    margin: 20px 15px;
}

.box-formulario {
    border: 1px solid #DCDCDC;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #F5F5F5;
    padding: 15px;
}

/* Fale Conosco */
.titulos-formularios h1 {
    font-size: 20px;
    border-bottom: 1px dotted #dcdcdc;
    margin-bottom: 10px;
}

.titulos-formularios p {
    font-size: 12px;
}

.titulos-formularios a.texto-cadastro {
    font-size: 12px;
    color: #5a5a5a;
}

/* btn captcha */
.btn-captcha {
    background: #70558b;
    color: #fff;
}

/* class critica */
.preenchimento-errado {
    border: 1px solid #ff0000;
    color: #ff0000;
    background: rgba(244,75,66,0.5);
}

/* carrinho */

.table tr td, .table.carrinho tr th {
    font-size: 14px;
}

.table th, .table.carrinho td {
    vertical-align: middle;
    text-align: center;
    color: #000;
}

    .table.carrinho td.saparador {
        border-right: 1px dotted #8f79a4;
    }

.btn-excluir {
    color: #fff;
    background-color: #f97d91;
    border-color: #f97d91;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-size: 8px;
    padding: 5px;
}

.new-table-striped tbody tr:nth-of-type(even) {
    background: #f9f4fd;
}

.new-table-striped tbody tr {
    border: none !important;
}

.taxa-servico {
    background: #eceff1;
    border: 1px solid #cfd8dc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 5px;
}

    .taxa-servico label {
        margin-bottom: 0
    }

.taxas p {
    border-bottom: 1px dotted #8f79a4;
    padding: 5px 0;
    margin-bottom: 0;
}

    .taxas p.gray {
        color: #808080;
    }

.titulo-compras {
    color: #008b7a;
    margin: 20px 0;
    border-bottom: 1px dotted #31708f;
    font-size: 22px;
}

.box-pagamento {
    border: 1px solid #b2b2b2;
    padding: 10px;
}

.cartoes li {
    display: inline-block;
    margin: 1px;
    border: 2px solid #fff;
}

    .cartoes li.ativo-cartao {
        border: 2px solid #0057a0;
    }

.btn-finalizar {
    background: #b34841;
    color: #fff;
}
.invalid_card{
    display: none;
    width: 360px; margin: 100px auto;  margin-bottom: 20px;
    color: red
}
/* 10/07/2107 */

.titulo-paginas h6 {
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
}

.titulo-paginas p {
    font-size: 12px;
}

.titulo-compras-pedidos {
    padding-bottom: 8px;
}

.bulet-azul {
    display: inline-block;
    background: #008b7a;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #fff;
    padding: 5px 7px;
    font-size: 10px;
    float: left;
    margin-right: 10px;
}

/* btn Escolhas compra */
.btn-escolhas {
    display: block;
    border-radius: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 27px;
    color: #fff;
     background: #27b4a0;
    border-bottom: 5px solid #078c7a;
    margin-bottom: 30px;
}

    .btn-escolhas:hover {
        color: #dcfdf9;
        border-radius: 10px;
        background: #78eadb;
        border-bottom: 5px solid #49d8c7;
        text-decoration: none;
    }

.btn-escolhas-ativo {
    color: #dcfdf9;
    border-radius: 10px;
    background: #78eadb;
    border-bottom: 5px solid #49d8c7;
    text-decoration: none;
}

.boxquantidade {
    display: block;
    border-radius: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 36px;
    color: #fff;
    background: #18b5a0;
    border-bottom: 10px solid #008b7a;
    margin-bottom: 8px;
    padding: 15px 8px;
}

.boxquantidade-masculino {
    background: #a0e8f9;
    border-bottom: 10px solid #66ddf9;
}

.boxquantidade-feminino {
    background: #fc9de5;
    border-bottom: 10px solid #da7fc4;
}

.esgotado {
    font-size: 38px !important;
    color: #4d4d4d;
}

.lista-locais li {
    display: inline-block;
    margin: 5px 5px;
}

    .lista-locais li a {
        font-size: 30px;
        color: #fff;
        background: #e2e2e2;
        border-bottom: 10px solid #cbcbcb;
        position: relative;
        display: table-cell;
        font-weight: bold;
        vertical-align: middle;
        text-align: center;
        height: 100px;
        width: 100px;
    }

        .lista-locais li a:hover {
            background: #fc9de5;
            border-bottom: 10px solid #da7fc4;
            text-decoration: none;
        }

        .lista-locais li a span.fechar-p {
            position: absolute;
            width: 20px;
            height: 20px;
            background: #000;
            color: #fff;
            font-size: 10px;
            font-weight: 100;
            display: table-cell;
            padding-top: 3px;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            left: 8px;
            bottom: 6px
        }

.btn-escolhas-arquibancada {
    color: #fff !important;
    background: #29daed !important;
    border-bottom: 10px solid #19bacb !important;
    text-decoration: none !important;
}

.btn-escolhas-camarote {
    color: #fff !important;
    background: #6cd309 !important;
    border-bottom: 10px solid #58ae05 !important;
    text-decoration: none !important;
}

.btn-escolhas-frisas {
    color: #fff !important;
    background: #fc9de5 !important;
    border-bottom: 10px solid #da7fc4 !important;
    text-decoration: none !important;
}

.btn-escolhas-cadeiras {
    color: #fff !important;
    background: #a0e8f9 !important;
    border-bottom: 10px solid #7bbdcd !important;
    text-decoration: none !important;
}

.btn-escolhas-lounges {
    color: #fff !important;
    background: #2a86ea !important;
    border-bottom: 10px solid #306bab !important;
    text-decoration: none !important;
}

.locais-vagos li span {
    display: block;
    font-size: 24px;
    color: #fff;
    background: #e2e2e2;
    border-bottom: 10px solid #cbcbcb;
    position: relative;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    padding: 32px 10px 17px;
    margin: 5px 7px 5px 5px;
}

    .locais-vagos li span ul li {
        float: left;
    }

div span.acento-livre {
    width: 20px;
    height: 20px;
    background: #000;
    color: #fff;
    font-size: 10px;
    font-weight: 100;
    padding-top: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-bottom: none;
    position: absolute;
}

div span.acento-ocupado {
    width: 20px;
    height: 20px;
    background: #000;
    color: #fff;
    font-size: 10px;
    font-weight: 100;
    padding: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-bottom: none;
    margin-left: 0;
    position: absolute;
}

.p1 {
    right: 31px;
    top: 10px;
}

.p2 {
    right: 52px;
    top: 10px;
}

.p3 {
    right: 73px;
    top: 10px;
}

.p4 {
    right: 10px;
    top: 31px;
}

.p5 {
    right: 10px;
    top: 52px;
}

.p6 {
    right: 10px;
    top: 73px;
}
.thumbnail.cor-branca h2 {
    font-size: 1.7rem;
}

.thumbnail.cor-branca p:first-of-type{
    display: none;
}


#el-grupo-especial .col-md-6:last-child, #el-grupo-acesso .col-md-6:last-child{
    padding-left: 30px;
}
#el-grupo-especial .col-md-6:first-child, #el-grupo-acesso .col-md-6:first-child{
    border-right: 2px solid #e5006a;
    padding-right: 30px;
}
.btn-carrinho {
    display: block;
    border-radius: 10px;
    text-align: left;
    font-weight: bold;
    font-size: 26px;
    color: #fff;
    background: #e14752;
    border-bottom: 5px solid #ab1f29;
    margin-bottom: 8px;
}

    .btn-carrinho:hover {
        color: #fff;
        text-decoration: none;
        background: #890113;
        border-bottom: 5px solid #b34841;
    }

    .btn-carrinho i {
        font-size: 61px;
        float: left;
        margin: 10px 30px;
    }

/* btn Escolas */
.btn-escolas-samba {
    display: block;
    text-align: left;
    font-weight: bold;
    font-size: 26px;
    height: 110px;
    color: #fff;
    background: #e2e2e2;
    border-bottom: 10px solid #cbcbcb;
    margin-bottom: 8px;
}

    .btn-escolas-samba:hover {
        color: #fff;
        background: #a0e8f9;
        border-bottom: 10px solid #66ddf9;
        text-decoration: none;
    }

.btn-escolas-samba-ativo {
    color: #fff;
    background: #a0e8f9;
    border-bottom: 10px solid #66ddf9;
    text-decoration: none;
}

.btn-escolas-samba-acesso {
    height: 80px;
    text-align: center;
}

.icoescola {
    display: block;
    width: 70px;
    height: auto;
    float: left;
    margin: 10px;
}

    .icoescola img {
        width: 100%;
        height: auto;
    }

span.nome-escola {
    padding: 15px 0 0 0;
    display: block;
}

/* 12/07/2017 */

.esgotado-pt {
    position: absolute;
    width: 99px;
    height: 88px;
    left: 0;
    top: 0;
    background: url( ../../img/esgotado.png) no-repeat;
}

.esgotado-en {
    position: absolute;
    width: 99px;
    height: 88px;
    left: 0;
    top: 0;
    background: url( ../../img/esgotado-en.png) no-repeat;
}

/* 12/07/2017 */
.escola-portela {
    background: url( ../../escolas/portela/bg-portela.jpg) no-repeat;
    background-size: contain;
}

.escola-granderio {
    background: url( ../../escolas/granderio/bg-portela.jpg) no-repeat;
    background-size: contain;
}

.escola-imperatriz {
    background: url( ../../escolas/imperatriz/bg-portela.jpg) no-repeat;
    background-size: contain;
}

.escola-mangueira {
    background: url( ../../escolas/mangueira/bg-portela.jpg) no-repeat;
    background-size: contain;
}

.escola-mocidade {
    background: url( ../../escolas/mocidade/bg-portela.jpg) no-repeat;
    background-size: contain;
}

.escola-salgueiro {
    background: url( ../../escolas/salgueiro/bg-portela.jpg) no-repeat;
    background-size: contain;
}

.escola-saoclemente {
    background: url( ../../escolas/saoclemente/bg-portela.jpg) no-repeat;
    background-size: contain;
}

.escola-tuiuti {
    background: url( ../../escolas/tuiuti/bg-portela.jpg) no-repeat;
    background-size: contain;
}

.escola-uilha {
    background: url( ../../escolas/uilha/bg-portela.jpg) no-repeat;
    background-size: contain;
}

.escola-utijuca {
    background: url( ../../escolas/utijuca/bg-portela.jpg) no-repeat;
    background-size: contain;
}

.escola-vilaisabel {
    background: url( ../../escolas/vilaisabel/bg-portela.jpg) no-repeat;
    background-size: contain;
}

.escola-viradoudo {
    background: url( ../../escolas/viradoudo/bg-portela.jpg) no-repeat;
    background-size: contain;
}

.escola-grupoacesso {
    background: url( ../../escolas/grupoacesso/bg-portela.jpg) no-repeat;
    background-size: contain;
}

.tutilos-ecolas-samba {
    width: 750px;
    margin: 0 auto 30px;
    background: url(../../img/ico-color-titulo-left.png) left no-repeat;
}

    .tutilos-ecolas-samba h2 {
        padding: 20px 0;
        font-family: 'Fredoka One', cursive;
        font-size: 4.000em;
        text-align: center;
        background: url(../../img/ico-color-titulo-right.png) right no-repeat;
    }

.cor-escola h2.portela-cor {
    color: #02306a;
}

.bandeira-escola {
    height: 215px;
}

.bandeira-portela {
    background: url( ../../escolas/portela/bandeira.jpg) no-repeat;
    background-size: cover;
    border: 2px solid #02306a;
}

.info-portela h1 {
    text-align: center;
    border-bottom: 1px dotted #02306a;
    margin: 15px 0;
}

.info-portela {
    color: #02306a;
}

.btn-itens-escola {
    display: block;
    text-align: left;
    font-weight: bold;
    font-size: 26px;
    padding: 0 20px;
    color: #fff;
    background: #e2e2e2;
    border-bottom: 10px solid #cbcbcb;
    margin-bottom: 8px;
}

.arrow-escola {
    padding-top: 20px;
}

.btn-itens-escola:hover {
    background: #a0e8f9;
    border-bottom: 10px solid #66ddf9;
    text-decoration: none;
    color: #fff;
}

.btn-itens-escola-ativo {
    color: #fff;
    background: #a0e8f9;
    border-bottom: 10px solid #66ddf9;
    text-decoration: none;
}

.ficha-tecnica h1 {
    font-size: 25px;
    text-align: center;
    border-bottom: 1px dotted #5a5a5a;
    margin: 20px 0;
}

.ficha-tecnica ul li {
    font-size: 12px;
    line-height: 26px;
}

.conteudo-historia h1 {
    font-size: 25px;
    text-align: center;
    border-bottom: 1px dotted #5a5a5a;
    margin: 20px 0;
}

.conteudo-historia p {
    font-size: 14px;
    line-height: 26px;
}

.titulos-escolas li {
    border-bottom: 1px dotted #ececec;
}

    .titulos-escolas li span {
        display: inline-block;
        font-size: 30px;
        font-weight: bold;
    }

.imgfantasia {
    width: 100%;
}

.compra-fantasia h1 {
    font-weight: bold;
    color: #4d4d4d;
    margin: 10px 0;
}

.compra-fantasia h4 {
    font-weight: 200;
    color: #4d4d4d;
    margin-bottom: 10px;
    border-bottom: 1px dotted #4d4d4d;
}

.compra-fantasia h5 {
    font-weight: 200;
    color: #4d4d4d;
    margin-bottom: 10px;
}

.compra-fantasia p {
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
}

.enviar-carrinho {
    padding-top: 20px;
    display: block;
}

/* 29/07/2017 */

.bg-pagina-textos {
    background: url( ../../escolas/portela/bg-escolas.png) no-repeat;
}

    .bg-pagina-textos .tutilos-ecolas-samba {
        margin-top: 0;
        padding-top: 30px;
    }

.destaque {
    background: #ebfafe;
    padding: 10px;
}

.titulo-categorias {
    background: #8af30a;
    font-size: 1.5em;
    text-align: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 10px;
    color: #fff;
}

.coluna-especial {
    background: #e1f9fd;
}

    .coluna-especial h1 {
        font-size: 1.2em;
        text-align: center;
        padding: 20px 0;
    }

/* 05/08/2017*/
.titulo-transfer {
    background: #efefef;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
}

.escolher-transfer {
    border: 1px solid #efefef;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
}

    .escolher-transfer label {
        margin-bottom: 0;
        color: #4d4d4d;
        font-weight: bold;
        display: block;
    }

        .escolher-transfer label input {
            margin-right: 10px;
        }

        .escolher-transfer label span {
            font-weight: normal;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            margin-top: 2px;
            font-size: 11px;
            color: #fff;
            display: block;
            padding: 3px 10px;
            background: #fe3919;
            float: right;
        }

.transfer-geral h5 {
    font-size: 1.03em;
    font-weight: bold;
}

.transfer-geral .btn-carrinho {
    margin-bottom: 0;
}

.fac-panel h4 {
    font-size: 1em;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.fac-panel a.collapsed {
    display: block;
    padding: 10px;
    color: #4d4d4d;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.fac-panel a.fac-bar {
    display: block;
    padding: 10px;
    color: #4d4d4d;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.fac-panel a.collapsed:hover {
    background: #efefef;
}

.fac-panel a.ativo {
    background: #efefef;
    display: block;
    padding: 10px;
    color: #4d4d4d;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.fac-panel .panel-body {
    font-size: 14px;
    color: #73735C;
    padding: 10px;
}

.hoteis h5 {
    background: #fff;
    border: 1px solid #efefef;
}

.hoteis i {
    color: #ffcc00;
}

.thumbnail-hoteis {
    margin: 10px;
}

    .thumbnail-hoteis a {
        display: inline-block;
        margin: 0 6px;
    }

.img-rounded {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.preco {
    font-weight: bold;
    font-size: 25px;
    padding-top: 8px;
    display: inline-block;
}

.descricao-eventos {
    padding: 10px;
    font-size: 14px;
    display: block;
    border-bottom: 1px dotted #d4d4d4;
    margin-bottom: 15px;
}

.hrcompra {
    margin: 5px 0 0;
}

.esgotado-disable .preco {
    color: #cbcbcb !important;
}

.esgotado-disable .btn-carrinho {
    background: #cbcbcb;
    border-bottom: 10px solid #cbcbcb;
}

.moeda {
    margin-right: 20px;
}

.moeda-n {
    display: inline-block;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 5px 10px;
    color: #000;
    font-weight: bold;
}

    .moeda-n a {
        color: #000;
    }

.moeda-n-ativo {
    background: #000;
}

    .moeda-n-ativo a {
        color: #fff;
    }
/* Media query site */

@media screen and (max-width: 1040px) {
    .nav-bar-bg {
        position: fixed;
        left: 0;
        top: 18px;
        width: 97%;
    }
    .hide_mobile{
        display: none;
    }
}
@media (min-width: 320px) and (max-width: 980px) {
    .busca-site {
        margin-bottom: 10px;
    }

    .navbar-nav {
        margin: 6px 0px 0;
        background: #ae628d;
    }

    .nav-bar-bg {
        padding: 6px;
    }

    .menu-principal li a {
        font-family: 'Fredoka One', cursive;
        font-weight: normal;
        color: #00b4a0 !important;
        border-bottom: 1px dotted #fff;
    }

    .nav-bar-bg {
        background: currentColor;
    }

    .designer-sub-menu {
        width: 100%;
        margin-top: 0;
    }

    .width293 h2 {
        font-size: 0.975em;
    }

    .tutilos-areas {
        width: 100% !important;
    }

    .box-produtos {
        margin-top: 19px;
    }

    .btn-amarelo {
        margin-bottom: 10px;
    }
}

.table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
}

@media screen and (max-width: 600px) {
    table#cart tbody td .form-control {
        width: 20%;
        display: inline !important;
    }

    .actions .btn {
        margin: 1.5em 0;
    }

    .actions .btn-info {
        float: left;
    }

    .actions .btn-danger {
        float: right;
    }

    table#cart thead {
        display: none;
    }

    table#cart tbody td {
        display: block;
        padding: .6rem;
        min-width: 100%;
    }

    table#cart tbody tr td:first-child {
        color: #000;
    }

    table#cart tbody td:before {
        content: attr(data-th);
        font-weight: bold;
        display: inline-block;
        width: 8rem;
        float: left;
        text-align: left
    }

    table#cart tfoot td {
        display: block;
    }

        table#cart tfoot td .btn {
            display: block;
        }

    .table.carrinho td.saparador {
        border-right: none;
    }

    table#cart thead th.mob-align-left:before {
        text-align: left;
    }

    .table.carrinho td.mob-align-right {
        text-align: right !important;
    }

    .busca-site ul li {
        margin-top: 5px
    }

    .btn-escolhas {
        margin-bottom: 8px;
    }

    .lista-locais li {
        margin: 5px 1px;
    }

    .lista-locais {
        text-align: center;
    }

    .escola-portela {
        background: url( ../../escolas/portela/bg-portela.jpg) no-repeat;
        background-size: contain;
    }

    .escola-granderio {
        background: url( ../../escolas/granderio/bg-portela.jpg) no-repeat;
        background-size: contain;
    }

    .escola-imperatriz {
        background: url( ../../escolas/imperatriz/bg-portela.jpg) no-repeat;
        background-size: contain;
    }

    .escola-mangueira {
        background: url( ../../escolas/mangueira/bg-portela.jpg) no-repeat;
        background-size: contain;
    }

    .escola-mocidade {
        background: url( ../../escolas/mocidade/bg-portela.jpg) no-repeat;
        background-size: contain;
    }

    .escola-salgueiro {
        background: url( ../../escolas/salgueiro/bg-portela.jpg) no-repeat;
        background-size: contain;
    }

    .escola-saoclemente {
        background: url( ../../escolas/saoclemente/bg-portela.jpg) no-repeat;
        background-size: contain;
    }

    .escola-tuiuti {
        background: url( ../../escolas/tuiuti/bg-portela.jpg) no-repeat;
        background-size: contain;
    }

    .escola-uilha {
        background: url( ../../escolas/uilha/bg-portela.jpg) no-repeat;
        background-size: contain;
    }

    .escola-utijuca {
        background: url( ../../escolas/utijuca/bg-portela.jpg) no-repeat;
        background-size: contain;
    }

    .escola-vilaisabel {
        background: url( ../../escolas/vilaisabel/bg-portela.jpg) no-repeat;
        background-size: contain;
    }

    .escola-viradoudo {
        background: url( ../../escolas/viradoudo/bg-portela.jpg) no-repeat;
        background-size: contain;
    }

    .escola-grupoacesso {
        background: url( ../../escolas/grupoacesso/bg-portela.jpg) no-repeat;
        background-size: contain;
    }

    .tutilos-ecolas-samba {
        width: 290px;
        margin: 0 auto 10px;
        background: url(../../img/ico-color-titulo-left.png) left no-repeat;
    }

        .tutilos-ecolas-samba h2 {
            padding: 20px 0;
            font-family: 'Fredoka One', cursive;
            font-size: 1.000em;
            text-align: center;
            background: url(../../img/ico-color-titulo-right.png) right no-repeat;
        }
}