/*
############
Estrutura
############
*/
/*
var(--base1)
*/
:root {
    --base1: rgba(27, 27, 27, 1);
    --base2: rgba(27, 27, 27, 0.9);
    --base3: rgba(27, 27, 27, 0.8);
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    -webkit-font-smoothing: antialiased;
}

a {
    font-family: Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #000000;
    outline: none;
}

div.content {
    overflow: hidden;
}

.img-responsive {
    display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #000000;
    text-decoration: none;
}

h1.style1 {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    margin: 0 0 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #000000;
}

ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

a,
img,
ul,
li {
    outline: none;
}

.col:after,
.clr:after,
.group:after,
dl:after,
.vc-empty-shortcode-element:after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
    zoom: 1;
    height: 0;
}

/* ------------- */

/*
############
Botão flutuante WhatsApp
############
*/
.BtnWhatsAppFlutuante {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 9999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #25D366;
    color: #ffffff;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    -webkit-transition: -webkit-transform 0.2s ease, background-color 0.2s ease;
    transition: -webkit-transform 0.2s ease, background-color 0.2s ease;
    -o-transition: transform 0.2s ease, background-color 0.2s ease;
    transition: transform 0.2s ease, background-color 0.2s ease;
    transition: transform 0.2s ease, background-color 0.2s ease, -webkit-transform 0.2s ease;
}

.BtnWhatsAppFlutuante:hover,
.BtnWhatsAppFlutuante:focus {
    color: #ffffff;
    background-color: #1ebe5d;
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
    text-decoration: none;
}

@media (max-width: 767px) {
    .BtnWhatsAppFlutuante {
        left: 14px;
        bottom: 14px;
        width: 50px;
        height: 50px;
    }
}

/* =====================================================================
   Retorno de pagamento - layout central (refatorado)
   ===================================================================== */

.PgtRet-Wrap {
    padding: 44px 0 56px;
    background: #f4f6f7;
}

.PgtRet-Shell {
    max-width: 560px;
    margin: 0 auto;
}

/* ----- Cartao de status ----- */

.PgtRet {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 12px 40px rgba(13, 74, 84, 0.10);
    -webkit-animation: PgtRetEntra 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;
    animation: PgtRetEntra 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@-webkit-keyframes PgtRetEntra {
    from {
        opacity: 0;
        -webkit-transform: translateY(12px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes PgtRetEntra {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.PgtRet-Faixa {
    position: relative;
    height: 96px;
    background: #607d8b;
}

.PgtRet-Icone {
    position: absolute;
    left: 50%;
    bottom: -38px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
    padding-left: 12px;
}

.PgtRet-Icone i {
    font-size: 40px;
    line-height: 1;
    color: #607d8b;
}

.PgtRet-Cabecalho {
    padding: 52px 30px 30px;
    text-align: center;
}

.PgtRet-Titulo {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 10px;
    color: #1d2b2e;
}

.PgtRet-Mensagem {
    font-size: 14px;
    line-height: 1.6;
    color: #61706f;
    max-width: 440px;
    margin: 0 auto;
}

/* ----- Variacoes por estado ----- */

.PgtRet--ok .PgtRet-Faixa {
    background: -webkit-linear-gradient(315deg, #1b7a3e 0%, #28a745 100%);
    background: linear-gradient(135deg, #1b7a3e 0%, #28a745 100%);
}

.PgtRet--ok .PgtRet-Icone i {
    color: #28a745;
}

.PgtRet--ok .PgtRet-Titulo {
    color: #1b7a3e;
}

.PgtRet--pend .PgtRet-Faixa {
    background: -webkit-linear-gradient(315deg, #d98e00 0%, #f5a623 100%);
    background: linear-gradient(135deg, #d98e00 0%, #f5a623 100%);
}

.PgtRet--pend .PgtRet-Icone i {
    color: #e09400;
}

.PgtRet--pend .PgtRet-Titulo {
    color: #b57e00;
}

.PgtRet--exp .PgtRet-Faixa {
    background: -webkit-linear-gradient(315deg, #b62525 0%, #e04141 100%);
    background: linear-gradient(135deg, #b62525 0%, #e04141 100%);
}

.PgtRet--exp .PgtRet-Icone i {
    color: #d23535;
}

.PgtRet--exp .PgtRet-Titulo {
    color: #c62828;
}

.PgtRet--nf .PgtRet-Faixa {
    background: -webkit-linear-gradient(315deg, #5b6b73 0%, #7c8c94 100%);
    background: linear-gradient(135deg, #5b6b73 0%, #7c8c94 100%);
}

.PgtRet--nf .PgtRet-Icone i {
    color: #6b7b83;
}

.PgtRet--nf .PgtRet-Titulo {
    color: #4a5559;
}

/* ----- Cartao de resumo ----- */

.PgtRet-Card {
    margin: 18px 0 0;
    background: #ffffff;
    border: 1px solid #e6eceb;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 6px 24px rgba(13, 74, 84, 0.06);
}

.PgtRet-Card-Titulo {
    padding: 15px 22px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ffffff;
    background: #116066;
    background: -webkit-linear-gradient(315deg, #0d4a54 0%, #116066 55%, #1f8e8f 100%);
    background: linear-gradient(135deg, #0d4a54 0%, #116066 55%, #1f8e8f 100%);
}

.PgtRet-Linha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 13px 22px;
    border-bottom: 1px solid #f2f4f4;
}

.PgtRet-Rotulo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 16px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #9aa6a5;
}

.PgtRet-Valor {
    font-size: 14px;
    font-weight: 600;
    color: #2f3a3b;
    text-align: right;
}

.PgtRet-Itens {
    list-style: none;
    margin: 0;
    padding: 6px 22px;
    background: #fafbfb;
}

.PgtRet-Item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 9px 0;
    border-bottom: 1px solid #eef1f1;
}

.PgtRet-Item:last-child {
    border-bottom: none;
}

.PgtRet-Item-Nome {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 13px;
    color: #3a4647;
}

.PgtRet-Item-Nome small {
    color: #9aa6a5;
}

.PgtRet-Item-Qtd {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 44px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: #61706f;
}

.PgtRet-Item-Valor {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100px;
    text-align: right;
    font-size: 13px;
    font-weight: 600;
    color: #2f3a3b;
}

.PgtRet-Total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 22px;
    background: #f4faf9;
    border-top: 1px solid #e6eceb;
}

.PgtRet-Total .PgtRet-Rotulo {
    font-size: 13px;
    font-weight: 700;
    color: #0d4a54;
}

.PgtRet-Total .PgtRet-Valor {
    font-size: 22px;
    font-weight: 800;
    color: #116066;
}

/* ----- Acoes ----- */

.PgtRet-Acoes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 22px;
}

.PgtRet-Btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 48px;
    padding: 0 24px;
    margin: 6px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 10px;
    transition: -webkit-transform 0.2s ease, box-shadow 0.2s ease;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.PgtRet-Btn i {
    margin-right: 8px;
}

.PgtRet-Btn--principal {
    color: #ffffff;
    background: #116066;
    background: -webkit-linear-gradient(315deg, #0d4a54 0%, #116066 55%, #1f8e8f 100%);
    background: linear-gradient(135deg, #0d4a54 0%, #116066 55%, #1f8e8f 100%);
    box-shadow: 0 6px 16px rgba(13, 74, 84, 0.28);
}

.PgtRet-Btn--principal:hover,
.PgtRet-Btn--principal:focus {
    color: #ffffff;
    text-decoration: none;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    box-shadow: 0 9px 22px rgba(13, 74, 84, 0.34);
}

.PgtRet-Btn--secundario {
    color: #116066;
    background: #ffffff;
    border: 1px solid #c9d8d6;
}

.PgtRet-Btn--secundario:hover,
.PgtRet-Btn--secundario:focus {
    color: #0d4a54;
    text-decoration: none;
    border-color: #1f8e8f;
    background: #f4faf9;
}

/* ----- Mobile ----- */

@media (max-width: 600px) {

    .PgtRet-Wrap {
        padding: 24px 0 36px;
    }

    .PgtRet-Titulo {
        font-size: 21px;
    }

    .PgtRet-Acoes {
        display: block;
    }

    .PgtRet-Btn {
        width: 100%;
        margin: 0 0 10px 0;
    }

}

@media screen and (max-width: 640px) {

    /* ------------- */

    h1 {
        font-size: 26px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 22px;
    }

    h4 {
        font-size: 20px;
    }

    /* ------------- */

}

/* ------------- */








/*
############
container
############
*/

.container {
    padding: 0px;
}

/* ------------- */

@media screen and (max-width: 1200px) {

    /* ------------- */

    .container {
        width: 100% !important;
        max-width: 100% !important;

        padding-left: 10px;
        padding-right: 10px;
    }

    /* ------------- */

}

/* ------------- */


















/*
############
footer-fixed
############
*/
html,
body {
    height: 100%;
}

#tudo {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

#conteudo {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%;
}

#rodape {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
}

* html #tudo {
    height: 100%;
}

/* ------------- */

@media screen and (max-width: 768px) {

    /* ------------- */

    #conteudo {
        padding: 0px;
    }

    #rodape {
        position: relative;
    }

    /* ------------- */

}

/* ------------- */












/*
############
row-click
############
*/
table tr.click {
    cursor: pointer;
}

table tr.click td,
td.click td a {
    color: #333;
    font-size: 12px;
}

table tr.click:hover td a {
    text-decoration: underline;
}














/*
############
row-xs-flex-cente
############
*/
.row-xs-flex-center {
    display: flex;
    align-items: center;
}

@media (min-width:768px) {
    .row-sm-flex-center {
        display: flex;
        align-items: center;
    }
}

@media (min-width: 992px) {
    .row-md-flex-center {
        display: flex;
        align-items: center;
    }
}

@media (min-width: 1200px) {
    .row-lg-flex-center {
        display: flex;
        align-items: center;
    }
}

























/*
############
h1-h6-especial
############
*/
.divider-title2 {
    overflow: hidden;
}

.divider-title2 .div-title {
    display: inline-block;
    position: relative;
    margin: 0px;
    color: #888;
    border-color: #ddd;
}

.divider-title2 .div-title:after {
    content: "";
    position: absolute;
    display: block;
    margin-left: 1em;
    top: 50%;
    left: 100%;
    width: 9999px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: inherit;
}

.divider-title2 .div-title h1,
.divider-title2 .div-title h2,
.divider-title2 .div-title h3 {
    color: #5f5f5f;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
}











/*
############
hr
############
*/
hr.icon {
    border-top: 1px solid #e6e6e6;
    margin-bottom: 45px;
    margin-top: 45px;
    position: relative;
}

hr.icon::after {
    background: #e6e6e6 none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    color: #07253f;
    content: "\f000";
    font-family: "FontAwesome";
    left: 50%;
    margin-top: -22px;
    padding: 10px 15px;
    position: absolute;
}










/*
############
nopadding
############
*/
.alert-message {
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #eee;
}

.alert-message h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.alert-message p:last-child {
    margin-bottom: 0;
}

.alert-message code {
    background-color: #fff;
    border-radius: 3px;
}

.alert-message-success {
    background-color: #F4FDF0;
    border-color: #3C763D;
}

.alert-message-success h4 {
    color: #3C763D;
}

.alert-message-danger {
    background-color: #fdf7f7;
    border-color: #d9534f;
}

.alert-message-danger h4 {
    color: #d9534f;
}

.alert-message-warning {
    background-color: #fcf8f2;
    border-color: #f0ad4e;
}

.alert-message-warning h4 {
    color: #f0ad4e;
}

.alert-message-info {
    background-color: #f4f8fa;
    border-color: #5bc0de;
}

.alert-message-info h4 {
    color: #5bc0de;
}

.alert-message-default {
    background-color: #EEE;
    border-color: #B4B4B4;
}

.alert-message-default h4 {
    color: #000;
}

.alert-message-notice {
    background-color: #FCFCDD;
    border-color: #BDBD89;
}

.alert-message-notice h4 {
    color: #444;
}












/*
############
nopadding
############
*/
.p0 {
    padding: 0px;
}

.pl0 {
    padding-left: 0px;
}

.pr0 {
    padding-right: 0px;
}

.pt0 {
    padding-top: 0px;
}

.pb0 {
    padding-bottom: 0px;
}

/* Geral */

.p10 {
    padding: 10px;
}

.p20 {
    padding: 20px;
}

.p30 {
    padding: 30px;
}

.p40 {
    padding: 40px;
}

.p50 {
    padding: 50px;
}

/* TOP */

.pt10 {
    padding-top: 10px;
}

.pt20 {
    padding-top: 20px;
}

.pt30 {
    padding-top: 30px;
}

.pt40 {
    padding-top: 40px;
}

.pt50 {
    padding-top: 50px;
}

/* BOTTOM */

.pb10 {
    padding-bottom: 10px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb40 {
    padding-bottom: 40px;
}

.pb50 {
    padding-bottom: 50px;
}

/* LEFT */

.pl10 {
    padding-left: 10px;
}

.pl20 {
    padding-left: 20px;
}

.pl30 {
    padding-left: 30px;
}

.pl40 {
    padding-left: 40px;
}

.pl50 {
    padding-left: 50px;
}

/* RIGHT */

.pr10 {
    padding-right: 10px;
}

.pr20 {
    padding-right: 20px;
}

.pr30 {
    padding-right: 30px;
}

.pr40 {
    padding-right: 40px;
}

.pr50 {
    padding-right: 50px;
}








/*
############
nomargin
############
*/
.m0 {
    margin: 0px;
}

.ml0 {
    margin-left: 0px;
}

.mr0 {
    margin-right: 0px;
}

.mt0 {
    margin-top: 0px;
}

.mb0 {
    margin-bottom: 0px;
}

/* Geral */

.m10 {
    margin: 10px;
}

.m20 {
    margin: 20px;
}

.m30 {
    margin: 30px;
}

.m40 {
    margin: 40px;
}

.m50 {
    margin: 50px;
}

/* TOP */

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

/* BOTTOM */

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

/* LEFT */

.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

.ml30 {
    margin-left: 30px;
}

.ml40 {
    margin-left: 40px;
}

.ml50 {
    margin-left: 50px;
}

/* RIGHT */

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px;
}

.mr30 {
    margin-right: 30px;
}

.mr40 {
    margin-right: 40px;
}

.mr50 {
    margin-right: 50px;
}








/*
############
width
############
*/
.w10 {
    width: 10%;
}

.w20 {
    width: 20%;
}

.w30 {
    width: 30%;
}

.w40 {
    width: 40%;
}

.w50 {
    width: 50%;
}

.w60 {
    width: 60%;
}

.w70 {
    width: 70%;
}

.w80 {
    width: 80%;
}

.w90 {
    width: 90%;
}

.w100 {
    width: 100%;
}













/*
############
texto-livre
############
*/
div.texto-livre,
div.texto-livre p {
    color: #7c7c7c;
    font-size: 25px;
    font-weight: 300;
    text-align: justify;
}











/*
############
section
############
*/
section {
    position: relative;
    padding-bottom: 20px;
    padding-top: 20px;
}

section::before,
section::after {
    position: absolute;
    content: '';
    pointer-events: none;
    overflow: hidden;
}

section .section-heading .divider:after {
    background: #000000;
}

/* ------------- */

@media screen and (max-width: 640px) {

    /* ------------- */

    section {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    /* ------------- */

}

/* ------------- */









/*
############
navbar-toggle
############
*/
.navbar-toggle {
    background-color: #CCC;
    border: 1px solid rgba(0, 0, 0, 0);
}














/*
############
fortawesome
############
*/
.fa {
    margin-right: 10px;
}

.fa-stack {
    color: #000;
}

.fa-pull-left {
    float: left;
}

.fa-inverse {
    color: #FFF;
}

.fa.fa-star {
    color: #FF9116066;
}

.fa.fa-star,
.fo.fa-star-o {
    color: #EC971F;
}

.fa-w-50 {
    width: 50px;
}









/*
############
margin-padrao
############
*/
.margin-top-75 {
    margin-top: 75px
}









/*
############
padding-padrao
############
*/
.padding-5 {
    padding: 5px;
}










/*
############
cores padrões
############
*/
.color-ffffff {
    color: #FFF;
}












/*
############
transition padrões
############
*/
.transition-25 {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}






















/*
############
Banner Slide
############
*/
.tp-banner-container {
    position: relative;
}















/*
############
Controle de Botões
############
*/
.btn {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-weight: bold;
}

.btn:hover {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

/* btn-type-1 */

.btn-type-1 {
    background-color: hsl(0, 0%, 85%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#106106106", endColorstr="#d8d8d8");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#106106106), to(#d8d8d8));
    background-image: -moz-linear-gradient(top, #106106106, #d8d8d8);
    background-image: -ms-linear-gradient(top, #106106106, #d8d8d8);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #106106106), color-stop(100%, #d8d8d8));
    background-image: -webkit-linear-gradient(top, #106106106, #d8d8d8);
    background-image: -o-linear-gradient(top, #106106106, #d8d8d8);
    background-image: linear-gradient(#106106106, #d8d8d8);
    border-color: #d8d8d8 #d8d8d8 hsl(0, 0%, 80.5%);
    color: #333 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.29);
    -webkit-font-smoothing: antialiased;
}

/* btn-type-2 */

.btn-type-2 {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.75);
    border: 0px;
}

.btn-type-2:hover {
    background: rgba(0, 0, 0, 1);
}

/* btn-type-3 */

.btn-type-3 {
    color: #FFF;
    background: rgba(0, 0, 0, 0.75);
    border: 0px;
    font-size: 13px;
    font-weight: bold;
}

.btn-type-3:hover {
    background: rgba(0, 0, 0, 1);
}

/* btn-type-4 */

.btn-type-4 {
    background: #FFFFFF;
    border: 1px solid #323F63;
    color: #323F63;
    font-size: 13px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    padding: 10px 20px;
}

.btn-type-4:hover {
    border: 1px solid #000;
}

/* btn-warning */

.btn-warning {
    border: 0px;
    background: rgba(153, 0, 0, 0.80);

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
    background: rgba(153, 0, 0, 1);
}

/* btn-ingresso */

.btn-ingresso {
    padding: 10px 20px;
    border: 0px;

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;

    font-weight: bold;
    font-size: 18x;
    text-transform: uppercase;

    background: rgba(153, 0, 0, 0.80);

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.btn-ingresso:hover,
.btn-ingresso:focus,
.btn-ingresso:active {
    background: rgba(153, 0, 0, 1);
}










/*
############
patterns
############
*/
.patterns-1 {
    background-color: rgba(255, 255, 255, 0.10);
    background-image: url("/Template/Oleose/assets/img/pattern_2.png");
    vertical-align: middle;
    width: 100%;
}

.patterns-2 {
    background-color: rgba(255, 255, 255, 0.10);
    background-image: url("/Template/Oleose/assets/img/pattern_3.png");
    vertical-align: middle;
    width: 100%;
}










/*
############
box_style
############
*/
.box_style_1 {
    padding: 20px 25px 5px 25px;
    box-shadow: inset 0 0 0 1px #e0e5e9;
    border: 5px solid #fbfbfc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 30px;
    font-size: 13px;
    line-height: 20px;
    background-color: #fff
}











/*
############
expose / overlay
############
*/
.expose {
    position: relative
}

#overlay {
    background: rgba(0, 0, 0, 0.4);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    bottom: 0;
}







/*
############
Controle de Formulários
############
*/

/* form-control */

.form-control {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 40px;
    line-height: 40px;
    padding: 10px 20px;
    color: #616161;
    border: 2px solid rgba(0, 0, 0, 0.50);
    font-weight: 300;
}

textarea.form-control {
    height: auto;
    line-height: normal;
}

.form-control:focus {
    border-color: rgba(0, 0, 0, 1);
    color: #999999;
    box-shadow: none;
}

/* form-control */

.form-control-clean {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    padding: 5px 10px;
    color: rgba(0, 0, 0, 1);
    border: 1px solid rgba(0, 0, 0, 0.15);
    font-weight: 300;

    width: 100%;
}

textarea.form-control-clean {
    height: auto;
    line-height: normal;
}

.form-control-clean:focus {
    border-color: rgba(0, 0, 0, 0.30);
    color: rgba(0, 0, 0, 0.75);
}

/* form-contro2 */

.form-contro2 {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    padding: 10px;

    color: rgba(0, 0, 0, 0.75);
    border: 2px solid rgba(0, 0, 0, 0.20);
    font-weight: 300;
}

.form-contro2:focus {
    border-color: rgba(0, 0, 0, 0.40);
    color: rgba(0, 0, 0, 1);
}

textarea.form-contro2-clean {
    height: auto;
    line-height: normal;
}

/* form-contro3 */

.form-contro3 {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    padding: 5px;
    height: 30px;
    line-height: 30px;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

    color: rgba(0, 0, 0, 0.75);
    border: none;
    font-weight: 300;
}

.form-contro3:focus {
    color: rgba(0, 0, 0, 1);
}

textarea.form-contro3-clean {
    height: auto;
    line-height: normal;
}











/*
############
header (Topo) - refatorado: barra unica, escuro moderno
############
*/

/* ------------- */

.TopoSite {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 916;

    background: #111111;
    border-bottom: 1px solid #262626;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);

    -webkit-transition: box-shadow 0.25s ease-out;
    transition: box-shadow 0.25s ease-out;
}

.TopoSite.is-scrolled {
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.45);
}

.TopoBarra {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    padding: 10px 0px;

    -webkit-transition: padding 0.25s ease-out;
    transition: padding 0.25s ease-out;
}

.TopoSite.is-scrolled .TopoBarra {
    padding: 6px 0px;
}

/* Logo */

.TopoLogo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    margin-right: 20px;
}

.TopoLogo img {
    display: block;
    max-width: 70px;
    height: auto;

    -webkit-transition: max-width 0.25s ease-out;
    transition: max-width 0.25s ease-out;
}

.TopoSite.is-scrolled .TopoLogo img {
    max-width: 52px;
}

.TopoNome {
    display: none;
    margin-left: 12px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.1;
    color: #FFF;
    white-space: nowrap;
    text-decoration: none;
}

/* TopoNome - somente no mobile */
@media (max-width: 767px) {
    .TopoNome {
        display: block;
    }

    .TopoLogo img {
        max-width: 81px;
    }
}

/* Botao mobile */

.TopoToggle {
    display: none;

    margin-left: auto;

    border: 0;
    background: transparent;
    color: #FFFFFF;

    padding: 10px 12px;
    cursor: pointer;
}

/* Navegacao (envolve menu + conta) */

.TopoNav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* Menu principal */

.TopoMenu {
    list-style: none;
    margin: 0;
    padding: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.TopoMenu>li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.TopoMenu>li>a {
    position: relative;
    display: block;

    padding: 24px 16px;

    color: #DDDDDD;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none;

    -webkit-transition: color 0.2s ease-out, padding 0.25s ease-out;
    transition: color 0.2s ease-out, padding 0.25s ease-out;
}

.TopoSite.is-scrolled .TopoMenu>li>a {
    padding: 14px 16px;
}

.TopoMenu>li>a:after {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 16px;
    height: 2px;

    background: #116066;
    background: -webkit-linear-gradient(left, #0d4a54 0%, #116066 45%, #2a999c 100%);
    background: linear-gradient(to right, #0d4a54 0%, #116066 45%, #2a999c 100%);

    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;

    -webkit-transition: -webkit-transform 0.2s ease-out, bottom 0.25s ease-out;
    transition: transform 0.2s ease-out, bottom 0.25s ease-out;
}

.TopoSite.is-scrolled .TopoMenu>li>a:after {
    bottom: 10px;
}

.TopoMenu>li>a:hover,
.TopoMenu>li>a:focus {
    color: #FFFFFF;
    text-decoration: none;
}

.TopoMenu>li>a:hover:after,
.TopoMenu>li>a:focus:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/* Conta (Login / Cadastro / Minha Conta / Sair) */

.TopoConta {
    list-style: none;
    margin: 0 0 0 auto;
    padding: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.TopoConta>li {
    list-style: none;
    margin: 0 0 0 8px;
    padding: 0;
}

.TopoLink {
    display: block;
    padding: 9px 14px;

    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;

    -webkit-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
}

.TopoLink .fa {
    margin-right: 6px;
}

.TopoLink:hover,
.TopoLink:focus {
    color: #FFFFFF;
    text-decoration: none;
}

.TopoCta {
    display: block;
    padding: 9px 18px;

    background: #116066;
    background: -webkit-linear-gradient(315deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    background: linear-gradient(135deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    border-radius: 4px;

    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;

    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

.TopoCta:hover,
.TopoCta:focus {
    opacity: 0.92;
    color: #FFFFFF;
    text-decoration: none;
}

/* ------------- */
/* Responsivo - menu colapsado (mobile) */

@media screen and (max-width: 991px) {

    .TopoToggle {
        display: block;
    }

    /* Painel do menu: dropdown abaixo do header, oculto por padrao */
    .TopoNav {
        display: none;

        position: absolute;
        left: 0;
        right: 0;
        top: 100%;

        width: 100%;
        padding: 0;

        background: #111111;
        border-top: 1px solid #262626;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.35);
    }

    /* Aberto quando o JS adiciona a classe .TopoAberto (ver js.js) */
    .TopoNav.TopoAberto {
        display: block;
        padding: 0px 10px;
    }

    .TopoMenu,
    .TopoConta {
        display: block;
        width: 100%;
        margin: 0;
    }

    .TopoMenu>li,
    .TopoConta>li {
        display: block;
        margin: 0;
        border-bottom: 1px solid #1F1F1F;
    }

    .TopoMenu>li>a {
        padding: 14px 4px;
        text-align: center;
    }

    .TopoMenu>li>a:after {
        display: none;
    }

    .TopoConta {
        padding: 10px 0;
    }

    .TopoConta>li {
        border-bottom: 0;
        margin: 6px 0;
    }

    .TopoLink {
        text-align: center;
    }

    .TopoCta {
        text-align: center;
    }

}

/* ------------- */






























/*
############
rst-header-banner
############
*/
.rst-header-banner {
    background: #1a1d20 !important;
    background: -moz-linear-gradient(135deg, #26292d 0%, #15181a 60%, #0a0c0d 100%) !important;
    background: -webkit-linear-gradient(135deg, #26292d 0%, #15181a 60%, #0a0c0d 100%) !important;
    background: linear-gradient(135deg, #26292d 0%, #15181a 60%, #0a0c0d 100%) !important;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.rst-header-banner .rst-header-menu-bar {
    background-color: #fff;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.rst-header-banner .rst-header-menu-bar.rst-sticky {
    position: fixed;
    background-color: #fefefe;
    border-bottom: 1px solid #fcfcfc;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.rst-header-banner .rst-header-menu-bar.rst-sticky .rst-header-menu>ul ul {
    border-top: 1px solid #ddd;
}

.rst-header-banner .rst-header-menu-bar.rst-sticky .rst-header-menu>ul>li {
    padding: 23px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.rst-header-banner .rst-header-menu-bar.rst-sticky .rst-header-logo {
    margin: 8px 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.rst-header-banner .rst-header-menu-bar.rst-sticky .rst-header-logo a {
    display: none;
}

.rst-header-banner .rst-header-menu-bar .rst-header-logo .rst-logo-sticky {
    display: none;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.rst-header-banner .rst-header-menu-bar.rst-sticky .rst-header-logo .rst-logo-sticky {
    display: block;
    opacity: 1;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.current-menu-item>a {
    color: #1c2633;
}

.rst-header-menu a:hover {
    color: #1c2633;
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -ms-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

.rst-header-banner.rst-banner-background .rst-banner-content {
    bottom: 0;
    padding: 40px 0px;
    text-align: center;
    width: 100%;
    z-index: 15;

    background-size: cover;
    border: 0px;
}

.rst-header-banner.rst-banner-background .rst-banner-content.rst-product-banner-content {
    padding: 0 0 75px;
}

/* ------------- */

.rst-header-banner .rst-banner-content .rating {
    margin-bottom: 5px;
}

.rst-header-banner .rst-banner-content .rating .fa {
    font-size: 24px;
    color: #EC971F;

    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
}

/* ------------- */

.rst-header-banner .rst-banner-content h1 {
    font-size: 50px;
    color: #FFF;
    font-weight: bold;

    display: block;
    position: relative;

    width: 100%;
    text-align: center;

    margin: 0px;
    padding: 0px;
}

.rst-header-banner .rst-banner-content .info1 {
    display: block;
    margin-top: 0px;
    margin-bottom: 5px;

    color: #fff;
    font-weight: 500;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
}

.rst-header-banner .rst-banner-content .price_single_main {
    font-weight: 400;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #333;
}

.rst-header-banner .rst-banner-content .price_single_main span {
    color: #116066;
    font-size: 60px;
}

.rst-header-banner .rst-banner-content .price_single_main sup {
    font-size: 14px;
    position: relative;
    top: -25px;
}

/* ------------- */

.rst-header-banner.rst-banner-background {
    padding-top: 0px;
}

.rst-header-banner.rst-banner-background.rst-pg-anuncios {
    height: 300px;
}

/* ------------- */

.rst-header-banner.rst-banner-background.rst-banner-2 {
    height: 500px;

    background: no-repeat top center;
    background-size: cover;
}

/* ------------- */

.rst-header-banner.rst-banner-background.rst-banner-3 {
    z-index: 1000;
    padding-top: 0px;
    height: auto;
}

/* ------------- */

.rst-header-banner.rst-banner-background.rst-mapa-1 {
    height: 400px;
}

.rst-header-banner.rst-banner-background.rst-mapa-1 iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 13;
}

/* ------------- */

.rst-header-banner.rst-banner-background.rs-tamanho-grande {
    height: 500px;

    background: no-repeat top center;
    background-size: cover;
}

/* ------------- */

.rst-header-patterns {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 14;
}

/* ------------- */

@media screen and (max-width: 992px) {

    /* ------------- */

    .rst-header-banner.rst-banner-background.rst-pg-anuncios {
        height: 600px;
    }

    /* ------------- */

}

/* ------------- */

@media screen and (max-width: 767px) {

    /* ------------- */

    .rst-header-banner .rst-banner-content h1 {
        font-size: 32px;
    }

    /* ------------- */

}

/* ------------- */










/*
############
rst-search-form
############
*/
.rst-search-form input[type="text"] {
    border: 0 none;
    border-radius: 2px;
    color: #233141;
    font-size: 14px;
    padding: 19px 80px 19px 45px;
    width: 100%;
}

.rst-search-form {
    position: relative;
}

.rst-search-form::before {
    content: "\f002";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    position: absolute;
    top: 16px;
    left: 15px;
}

.rst-search-form {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    border: 1px solid rgba(0, 0, 0, 0.10);
    margin: 0;
}

.rst-search-form .sb {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    font-size: 17px;
    padding: 0;
    position: absolute;
    right: 0;
    top: -3px;
}

.rst-search-form .sb {
    background: transparent none repeat scroll 0 0;
    border-left: 1px solid #f0f2f1;
    font-size: 17px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
}




















/*
############
breadcrumb
############
*/
.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 0;
    margin-left: 5px;
    margin-top: 5px;
    text-align: right;
    display: none;
}

.breadcrumb.left {
    text-align: left;
}

.breadcrumb a {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
}

.breadcrumb span {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
}

.breadcrumb>li {
    padding: 0 10px 0 15px;
    position: relative;
}

.breadcrumb>li+li::before {
    bottom: auto;
    color: #FFFFFF;
    content: "\f10c";
    font-family: FontAwesome;
    font-size: 6px;
    left: 0;
    padding: 0;
    position: absolute;
    top: 7px;
}

.breadcrumb li:first-child {
    padding-left: 0px;
}

.breadcrumb.left:first-child {
    padding-left: 0px;
}

.breadcrumb li:first-child::before {
    color: #FFFFFF;
    content: "\f041";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    left: 0;
    position: absolute;
    top: 1px;
}

.breadcrumb li:first-child {
    padding-left: 25px;
}

/* ------------- */

@media screen and (max-width: 640px) {

    /* ------------- */

    .breadcrumb {
        padding: 10px 0;
        text-align: left;
    }

    /* ------------- */

}

/* ------------- */





































/*
############
.PgTextoLivre
############
*/
.PgTextoLivre {
    font-size: 16px;
    line-height: 1.8;
    color: #3a3f45;
    padding-top: 20px;
    padding-bottom: 40px;
}

.PgTextoLivre h1,
.PgTextoLivre h2,
.PgTextoLivre h3,
.PgTextoLivre h4 {
    color: #1a1d20;
    font-weight: 700;
    line-height: 1.3;
    margin: 1.8em 0 0.6em 0;
}

.PgTextoLivre h1:first-child,
.PgTextoLivre h2:first-child,
.PgTextoLivre h3:first-child {
    margin-top: 0;
}

.PgTextoLivre h1 {
    font-size: 30px;
}

.PgTextoLivre h2 {
    font-size: 24px;
    padding-left: 14px;
    border-left: 4px solid #116066;
}

.PgTextoLivre h3 {
    font-size: 20px;
}

.PgTextoLivre h4 {
    font-size: 17px;
}

.PgTextoLivre p {
    margin: 0 0 1.2em 0;
}

.PgTextoLivre strong,
.PgTextoLivre b {
    color: #1a1d20;
    font-weight: 700;
}

.PgTextoLivre a {
    color: #116066;
    text-decoration: none;
    border-bottom: 1px solid rgba(119, 16, 49, 0.3);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.PgTextoLivre a:hover {
    color: #4f0a20;
    border-bottom-color: #116066;
}

.PgTextoLivre ul,
.PgTextoLivre ol {
    margin: 0 0 1.2em 0;
    padding-left: 22px;
}

.PgTextoLivre li {
    margin-bottom: 0.5em;
}

.PgTextoLivre blockquote {
    margin: 1.5em 0;
    padding: 12px 20px;
    color: #55595f;
    font-style: italic;
    background: #f7f7f8;
    border-left: 4px solid #116066;
}

.PgTextoLivre img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

.PgTextoLivre hr {
    border: 0;
    height: 1px;
    background: #e6e6e6;
    margin: 2.5em 0;
}

.PgTextoLivre table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5em 0;
    font-size: 15px;
}

.PgTextoLivre table th,
.PgTextoLivre table td {
    padding: 10px 12px;
    border: 1px solid #e6e6e6;
    text-align: left;
    vertical-align: top;
}

.PgTextoLivre table th {
    background: #f7f7f8;
    color: #1a1d20;
    font-weight: 700;
}

.PgTextoLivre table tr:nth-child(even) td {
    background: #fbfbfc;
}

.PgTextoLivre .BoxShare {
    display: none !important;

    float: right;
    width: 50px;

    top: 0px;
    right: 0px;
    margin-left: 10px;
    margin-bottom: 10px;
}






















/*
############
aside-divider-title
############
*/
aside.divider-title {
    overflow: hidden;
}

aside.divider-title .div-title {
    display: inline-block;
    position: relative;
    margin: 0px;
    color: #888;
    border-color: #ddd;
}

aside.divider-title .div-title:after {
    content: "";
    position: absolute;
    display: block;
    margin-left: 1em;
    top: 50%;
    left: 100%;
    width: 9999px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: inherit;
}

aside.divider-title .div-title div {
    font-size: 18px;
    font-weight: 600;
    color: #5f5f5f;
    text-transform: uppercase;
}









/*
############
aside
############
*/
aside {
    margin-bottom: 20px;
}









/*
############
aside-widget_estrutura_1
############
*/
aside.widget_estrutura_1 {
    margin-top: -4px !important;


    box-shadow: inset 0 0 0 1px #e0e5e9;
    border: 5px solid #fbfbfc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 30px;
    background-color: #fff;

    position: relative;
    z-index: 2;
}

aside.widget_estrutura_1 h3 {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 20px;
    margin: 0;
    padding: 22px 0;
    letter-spacing: 1px;
    background: #404040;
    display: block;
    text-align: center;
    position: relative;
}

aside.widget_estrutura_1 h3:after {
    background: #404040 none repeat scroll 0 0;
    border-radius: 50%;
    color: #FFFFFF;
    content: "\f044";
    font-family: "FontAwesome";
    left: 45%;
    padding: 10px 17px;
    position: absolute;
    top: 80%;
    margin-left: -22px;
}

aside.widget_estrutura_1 .expose {
    padding: 20px;
    padding-top: 30px;
}

aside.widget_estrutura_1 div.btnenviar button {
    font-weight: bold;
    border: 0px;
    padding: 22px 0;
}









/*
############
aside-widget_form_1
############
*/
aside.widget_form_1 div.blc_pdr_1 h6 {
    border-top: 1px solid #ddd;

    color: #363c48;
    font-weight: bold;
    font-size: 14px;

    margin: 15px 0;
    padding: 15px 0 0
}

aside.widget_form_1 div.blc_pdr_1 h6 a.btn-mais {
    font-size: 11px;
    color: #999;
    font-weight: normal;

    float: right;
}

aside.widget_form_1 div.blc_pdr_1 h6.first {
    border-top: 0px;
    margin-top: 0px;
}

/* ------- */

aside.widget_form_1 div.blc_pdr_1 ul {
    list-style: none;
    padding: 0;
    margin: 0 0 15px
}

aside.widget_form_1 div.blc_pdr_1 ul li.margin1 {
    margin-top: 10px;
}

aside.widget_form_1 div.blc_pdr_1 ul li label {
    cursor: pointer;
}

aside.widget_form_1 div.blc_pdr_1 ul li .rating {
    font-size: 16px;
    left: 7px;
    position: relative;
    top: 2px
}

aside.widget_form_1 div.blc_pdr_1 ul li .name {
    font-size: 16px;
    left: 7px;
    position: relative;
    top: 2px;

    font-size: 13px;
    font-weight: normal;
}

aside.widget_form_1 div.blc_pdr_1 ul li input.sub-select1,
aside.widget_form_1 div.blc_pdr_1 ul li select.sub-select1 {
    padding: 2px;
    font-weight: normal;
    width: 50px;
}

/* ------- */

aside.widget_form_1 div.blc_filter_price .ui-slider-horizontal {
    height: 10px;
    background: #e0e5e9;
}

aside.widget_form_1 div.blc_filter_price label {
    display: none;
}

aside.widget_form_1 div.blc_filter_price .ui-slider {
    position: relative;
    text-align: left;
    margin-top: 10px;
}

aside.widget_form_1 div.blc_filter_price .ui-slider .ui-slider-range {
    background: #a2a7ab;
    border: 0 none;
    display: block;
    font-size: 0.7em;
    position: absolute;
    z-index: 1;
}

aside.widget_form_1 div.blc_filter_price .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

aside.widget_form_1 div.blc_filter_price .ui-slider-horizontal .ui-slider-handle {
    margin-left: -0.6em;
    top: -0.3em;
}

aside.widget_form_1 div.blc_filter_price .ui-slider .ui-slider-handle {
    cursor: default;
    height: 1.2em;
    position: absolute;
    width: 1.2em;
    z-index: 2;
}

aside.widget_form_1 div.blc_filter_price .ui-slider .ui-slider-handle:before {
    content: '\f067';
    color: red;
    font-family: FontAwesome;
    padding: 5px;
    background: #363c48;
    color: #FFFFFF;
}

/* ------- */




































/*
############
aside-about-me
############
*/
aside.about-me {
    position: relative;
    background-color: #f5f5f5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #f5f5f5;
}

aside.about-me .about-me-banner {
    width: 100%;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}

aside.about-me .about-me-header {
    padding: 0 15px;
}

aside.about-me .about-me-header .about-me-avatar {
    position: relative;
    float: left;
    max-width: 120px;
    margin-top: -60px;
    margin-right: 15px;
    border: 3px solid #f5f5f5;
}

#footer-inner aside.about-me .about-me-header .about-me-avatar {
    max-width: 100px;
}

aside.about-me .about-me-header .about-me-name {
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin: 15px 0;
    text-transform: uppercase;
    color: #7A7A7A;
}

aside.about-me .about-me-header .about-me-atividade {
    float: left;
    font-size: 14px;
    font-weight: normal;
    margin: 15px 0;
    text-transform: uppercase;
    color: #7A7A7A;
}

aside.about-me .about-me-text {
    margin-top: 10px;

    padding: 10px;
    color: #666666;
    font-size: 12px;
}

aside.about-me .about-me-text .list-infos .fa {
    width: 15px;
}

aside.about-me .btn-type-2 {
    margin-top: 10px;
}









/*
############
aside-widget1
############
*/
aside.widget1.first {
    margin-top: 0px !important;
}

aside.widget1.first h3 {
    margin-top: 0;
}

aside.widget1 h3 {
    color: #363c48;
    font-weight: bold;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 10px;
}


















/*
############
aside-texto_livre
############
*/
aside.texto_livre {
    padding: 20px;
    box-shadow: inset 0 0 0 1px #e0e5e9;
    border: 5px solid #fbfbfc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 30px;
    font-size: 13px;
    line-height: 20px;
    background-color: #fff
}



















/*
############
aside-widget_contato
############
*/
aside.widget_contato {
    margin-top: 0px !important;
    margin-bottom: 10px;

    padding: 15px;
    border: 2px solid #000000;

    position: relative;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    background-color: #2F2F2F;
    color: #FFF;
}

aside.widget_contato .box-anunciante {
    display: block;
}

aside.widget_contato .box-anunciante .est-image {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    float: left;
    margin-right: 20px;
}

aside.widget_contato .box-anunciante .est-image img {
    width: 75px;
    height: 75px;

    border: 2px solid #FFF;
}

aside.widget_contato .box-anunciante .est-image:hover img {
    border-color: #000;
}

aside.widget_contato .box-anunciante .est-name {
    display: block;
    text-align: left;
    margin-top: 10px;
}

aside.widget_contato .box-anunciante .est-name a {
    color: #FFF;
    font-size: 18px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
    font-weight: bold;

    display: block;
}

aside.widget_contato .box-anunciante .est-social li {
    float: left;
}

aside.widget_contato .box-anunciante .est-social li:hover a .fa-stack {
    color: #000;
}

aside.widget_contato .est-contato {
    margin-top: 20px;
    margin-bottom: 20px;
}

aside.widget_contato .est-contato li a {
    display: block;
    margin-bottom: 5px;
    color: #FFF;
    font-size: 12px;
}

aside.widget_contato .est-contato li a .fa {
    color: #FFF;
}

aside.widget_contato .btn-view-perfil {
    padding: 5px 35px;
}

aside.widget_contato hr {
    border-color: #858585;
}

aside.widget_contato h3 {
    margin-top: 0px;
    color: #FFF;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);

    font-size: 25px;
    font-weight: bold;
}













/*
############
aside-widget_contato2
############
*/
aside.widget_contato2 {
    margin-top: 0px !important;
    margin-bottom: 10px;
    padding: 0px;

    position: relative;
    overflow: hidden;

    border: 2px solid #3d3d3d;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    background-color: #F5F5F5;
}

aside.widget_contato2 h3 {
    background: #3d3d3d none repeat scroll 0 0;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0;
    padding: 22px 0;
    position: relative;
    text-align: center;
}

aside.widget_contato2 h3::after {
    background: #3d3d3d none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    content: "\f044";
    font-family: "FontAwesome";
    left: 38%;
    padding: 10px 17px;
    position: absolute;
    top: 63%;
}

aside.widget_contato2 hr {
    margin-bottom: 10px;
    margin-top: 10px;
}

aside.widget_contato2 .box-campos {
    padding: 15px;
}

aside.widget_contato2 .form-contro2 {
    border: 1px solid rgba(0, 0, 0, 0.2);
}

aside.widget_contato2 .btn-enviar button {
    background: #7A7A7A;
    color: #FFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;

    border: 0px;
}

aside.widget_contato2 .btn-enviar button:hover {
    background: #000;
}












/*
############
aside-widget_info
############
*/
aside.widget_info h4 {
    font-size: 20px;
    font-weight: bold;
    padding: 0;
    color: #3d3d3d;
}

aside.widget_info h5 {
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 18px;
    color: #3d3d3d;
}




















/*
############
aside-widget_list_itens1
############
*/
aside.widget_list_itens1 .legenda1 {
    font-size: 10px;
    font-style: italic;
}

aside.widget_list_itens1 .expose {
    padding-top: 40px;
}

aside.widget_list_itens1 div.row {
    margin-bottom: 5px;
    cursor: pointer;
}

aside.widget_list_itens1 div.Data {
    margin-right: 20px;
    padding: 0 10px 0 12px;
    background: #E0E5E9;
    color: #363c48;
    text-decoration: none;

    width: 100%;
    position: relative;

    min-height: 24px;
    line-height: 1.5;
    font-size: 12px;

    text-align: left;
    vertical-align: middle;

    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

aside.widget_list_itens1 div.Data:before {
    content: "";
    float: right;
    position: absolute;
    top: 0;
    right: -10px;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #E0E5E9;
    border-style: solid;
    border-width: 12px 0 12px 12px;

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

aside.widget_list_itens1 div.Data:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 0;
    float: right;
    width: 4px;
    height: 4px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    -moz-box-shadow: -1px #E0E5E9 2px -1px;
    -webkit-box-shadow: -1px #E0E5E9 2px -1px;
    box-shadow: -1px #E0E5E9 2px -1px;

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

aside.widget_list_itens1 div.Valor {
    color: #363C48;
    font-size: 13px;
}

aside.widget_list_itens1 div.row:hover div.Data {
    background: #c1c6ca;
}

aside.widget_list_itens1 div.row:hover div.Data:before {
    border-color: transparent transparent transparent #c1c6ca;
}

aside.widget_list_itens1 div.row:hover div.Data:after {
    -moz-box-shadow: -1px #c1c6ca 2px -1px;
    -webkit-box-shadow: -1px #c1c6ca 2px -1px;
    box-shadow: -1px #c1c6ca 2px -1px;
}
















/*
############
est-menu1
############
*/
.est-menu1 {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.est-menu1 li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: block;

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.est-menu1 li a {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-top: 10px;

    display: block;
    font-size: 14px;
    color: #95979c;
    font-weight: 400;
    text-decoration: none;

    border-bottom: 1px solid #e9eaeb;

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.est-menu1 li:hover {
    padding-left: 15px;
}

.est-menu1 li:hover a {
    color: #73757a;
    border-bottom-color: #73757a;
}











/*
############
est-artigos1
############
*/
.est-artigos1 {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.est-artigos1 li {
    border-bottom: 1px dashed #e5e5e5;
    margin-top: 12px;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.est-artigos1 li:first-child {
    margin-top: 0;
}

.est-artigos1 li .post-meta {
    color: #959595;
    font-size: 13px;
    font-weight: 400;

    margin-bottom: 5px;
}

.est-artigos1 li .post-meta span {
    font-size: 12px;
}

.est-artigos1 li .latest-post-title {
    color: #73757a;
    display: block;
    font-size: 14px;
    line-height: 150%;
    margin: 0px;
}











/*
############
est-artigos2
############
*/
.est-artigos2 {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.est-artigos2 li {
    border-bottom: 1px dashed #e5e5e5;
    margin-top: 12px;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.est-artigos2 li:first-child {
    margin-top: 0;
}

.est-artigos2 li img {
    border-radius: 3px;
    float: left;
    margin-right: 15px;

    height: auto;
    max-width: 100%;
}

.est-artigos2 li h5 {
    line-height: 1.3;
    margin-bottom: 10px;
    margin-top: 0;
}

.est-artigos2 li h5 a {
    font-size: 14px;
    font-weight: 700;
    color: #2f343b;

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.est-artigos2 li .date {
    color: #9a9a90;
    font-size: 11px;
}

/* ----------- */

.est-artigos2 li:hover h5 a {
    color: #000;
    text-decoration: underline;
}











/*
############
est-list-1
############
*/
.est-list-1 {
    list-style: none;
    margin: 0px;
    padding: 0px;

    margin-top: 0;
}

.est-list-1 li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    margin-left: 25px;

    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
    font-size: 15px;
    color: #FFF;
    font-weight: 600;
}

.est-list-1 li:first-child {
    margin-left: 0px;
}

.est-list-1 li a {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    font-size: 15px;
    color: #FFFFFF;
    font-weight: 600;
}



















/*
############
list-artigo1
############
*/
.list-artigo1 {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.list-artigo1 li {
    margin: 0 0 40px;
    padding: 0 0 40px;
    border-bottom: 1px solid #F5F5F5;
}

.list-artigo1 li:last-child {
    border-bottom: 0px;
}

.list-artigo1 li .post-image-wrapper {
    margin: 20px 0;
    position: relative;
}

.list-artigo1 li .post-title {
    font-size: 28px;
    line-height: normal;
    text-transform: uppercase;
    margin: 0px;
}

.list-artigo1 li .post-title a {
    color: #363c48;

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.list-artigo1 li .post-meta {
    color: #959595;
    font-size: 13px;
    font-weight: 400;
    margin-top: 10px;
}

.list-artigo1 li .post-meta span {
    padding-right: 10px;
}

.list-artigo1 li .post-meta a {
    color: #959595;
}

.list-artigo1 li .post-body p {
    font-size: 15px;
    line-height: 2;
    text-align: justify;
}

.list-artigo1 li .post-footer .btn.btn-primary {
    font-weight: 700;
    padding: 10px 15px;
    margin-top: 15px;
    color: #fff;
}

/* ------------- */

.list-artigo1 li .post-title:hover a {
    color: #000;
    text-decoration: none;
}

/* ------------- */











/*
############
list-artigo2
############
*/

.list-artigo2 {
    background: transparent none repeat scroll 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    margin-bottom: 3rem;
    overflow: hidden;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.list-artigo2 a.featured-image {
    background-position: 50% center;
    background-size: cover;
    box-shadow: 0 -30px 120px rgba(0, 0, 0, 0.33) inset;
    display: block;
    transition: box-shadow 0.15s ease 0.1s;
    height: 200px;
    width: 100%;
}

.list-artigo2 .card-details {
    background-color: #fff;
    padding: 10px;
}

.list-artigo2 .card-details .card-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 0;
}

.list-artigo2 .card-title a {
    color: #363c48;
    text-decoration: none !important;
}

.list-artigo2 .card-details .meta-details {
    line-height: 13px;
    position: relative;
    font-size: 13px;
}

.list-artigo2 .card-details .meta-details p {
    margin: 0px;
    color: #797979;
}

/* ------------- */

.list-artigo2 a.featured-image:hover {
    -webkit-box-shadow: inset 0 -30px 120px rgba(0, 0, 0, 0);
    box-shadow: inset 0 -30px 120px rgba(0, 0, 0, 0)
}

/* ------------- */










/*
############
list-artigo3
############
*/
.list-artigo3 {
    margin-bottom: 10px;
}

.list-artigo3 .img_zoom {
    overflow: hidden;
    text-align: center;
    margin-top: 20px;
    height: 200px;
    border: 5px solid #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .1);

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.list-artigo3 .img_zoom a img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
}

.list-artigo3 h3 {
    font-size: 20px;
    margin: 10px 0 0;
}

.list-artigo3 h3 a {
    color: #222;
    text-decoration: none !important;

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.list-artigo3:hover .img_zoom a img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.list-artigo3:hover h3 a {
    color: #000;
}














/*
############
list-artigo4
############
*/
.list-artigo4 {
    margin: 0 0 30px;
}

.list-artigo4 .rst-box-image::before {
    background: #abb9cc none repeat scroll 0 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-out 0s;
    width: 100%;
    z-index: 2;
}

.list-artigo4 .rst-box-image {
    background: #4e5c6a none repeat scroll 0 0;
    overflow: hidden;
    position: relative;
    z-index: 3;
}

.list-artigo4 .rst-box-image img {
    transform: scale(1);
    transition: all 0.35s ease 0s, transform 0.35s ease 0s;
    width: 100%;
}

.list-artigo4 .rst-box-overlay {
    height: 55px;
    left: 0;
    padding: 0 30px;
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    margin: auto;
    opacity: 0;

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.list-artigo4 .rst-box-overlay a {
    background: #333 !important;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 12px;
    margin: 10px 0;
    padding: 15px 5px;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid transparent;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.list-artigo4 .rst-box-overlay a:hover {
    border: 1px solid transparent;
    background: #a282d5 none repeat scroll 0 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.list-artigo4 .rst-box-data {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    padding: 10px;
}

.list-artigo4 .rst-box-data>span {
    color: #96a2b2;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.list-artigo4 .rst-box-data h4 {
    letter-spacing: 2px;
    margin: 0;
    padding: 9px 0 15px;
    text-transform: uppercase;
}

.list-artigo4 h4 a {
    color: #233141;
    text-decoration: none;
}

.list-artigo4 .rst-box-metadata {
    border-top: 0 none;
}

.list-artigo4 .rst-box-metadata>p {
    margin: 0 0 30px;
}

/* ------------- */

.list-artigo4 .rst-box-image:hover::before {
    background: #333;
}

.list-artigo4 .rst-box-image:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.6;
    -webkit-transition: all 0.35s, -webkit-transform 0.35s;
    transition: all 0.35s, transform 0.35s;
}

.list-artigo4 .rst-box-image:hover .rst-box-overlay {
    opacity: 1;
}

.list-artigo4 .rst-box-overlay a:hover {
    border: 1px solid transparent;
    background: #a282d5 none repeat scroll 0 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/* ------------- */
















/*
############
list-artigo5
############
*/
.list-artigo5 {
    margin-bottom: 20px;
    background-color: #fff;
    display: block;
    color: #777;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;

    border: 1px solid rgba(0, 0, 0, 0.10);
    cursor: pointer;
}

.list-artigo5 .img_list {
    overflow: hidden;
    min-height: 220px;
    text-align: center;
    position: relative
}

.list-artigo5 .img_list img {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.list-artigo5 .img_list a img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .7s ease;
    transition: all .7s ease
}

.list-artigo5 .ribbon {
    position: absolute;
    top: 0;
    left: -1px;
    width: 78px;
    height: 78px;
    z-index: 1
}

.list-artigo5 .ribbon.popular {
    background: url(http://www.ansonika.com/citytours/img/ribbon_popular.png) no-repeat 0 0
}

.list-artigo5 .ribbon.top_rated {
    background: url(http://www.ansonika.com/citytours/img/ribbon_top_rated.png) no-repeat 0 0
}

.list-artigo5 .endereco {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 10px;

    color: #FFF;
    font-size: 13px;
    text-align: left;

    -webkit-transition: all 0.50s ease-in-out;
    -moz-transition: all 0.50s ease-in-out;
    -ms-transition: all 0.50s ease-in-out;
    -o-transition: all 0.50s ease-in-out;
    transition: all 0.50s ease-in-out;

    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 1)));
    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 1) 100%);
}

.list-artigo5 .tour_list_desc {
    padding: 5px 20px 0 0;
    border-right: 1px solid #ededed;
    height: 220px;
    line-height: 17px;
    margin-left: -10px;
}

.list-artigo5 .tour_list_desc h3 {
    font-size: 15px;
    font-weight: 700;

    line-height: 20px;
    margin-top: 14px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.list-artigo5 .tour_list_desc .frase_destaque {
    font-size: 12px;
}

.list-artigo5 .score {
    float: right;
    font-size: 11px;
    margin-top: 5px;
}

.list-artigo5 .score span {
    border: 2px solid #999;
    border-radius: 50%;
    color: #999;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    height: 35px;
    line-height: 32px;
    margin-left: 5px;
    text-align: center;
    width: 35px;
}

.list-artigo5 .tour_list_desc .rating {
    font-size: 15px;
    margin: 12px 0 3px 0;
}

.list-artigo5 .add_info i {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    border: 1px solid #bec4c8;
    color: #bec4c8;
    font-size: 12px;
    height: 25px;
    margin: 2px;
    padding: 5px;
    width: 25px;
    cursor: pointer;
    text-align: center;

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.list-artigo5 .price_list {
    display: table;
    height: 220px;
    font-size: 38px;
    color: #e74c3c;
    width: 100%;
    margin-left: -15px
}

.list-artigo5 .price_list small {
    font-size: 11px;
    color: #999;
    display: block;
    margin-bottom: 10px;
    line-height: 12px
}

.list-artigo5 .price_list div {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.list-artigo5 .price_list p {
    padding: 0;
    margin: 0
}

.list-artigo5 .price_list sup {
    font-size: 22px;
    position: relative;
    top: -10px
}

/* Atributos */

.list-artigo5 .ammenties-7 {}

.list-artigo5 .ammenties-7 .icon {
    display: block;
    text-align: center;
}

.list-artigo5 .ammenties-7 .icon .fa {
    margin: 0px;
}

.list-artigo5 .ammenties-7 .quantidade {
    margin-top: 5px;

    display: block;
    text-align: center;
    color: #666;
    font-size: 20px;
}

.list-artigo5 .ammenties-7 .label {
    margin-top: 5px;

    display: block;
    text-align: center;
    color: #116066;
    font-size: 10px;
    text-transform: uppercase;
}

/* HOVER */

.list-artigo5:hover {
    border-color: #39434F;
}

.list-artigo5:hover .tour_list_desc h3 {
    color: #000;
}

.list-artigo5:hover .img_list a img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.list-artigo5:hover .add_info i {
    border-color: #666;
    color: #666;
}

.list-artigo5:hover .img_list .endereco {
    background: rgba(0, 0, 0, 0.75);
}

/* ------------- */

@media screen and (max-width: 640px) {

    /* ------------- */

    .list-artigo5 .tour_list_desc {
        margin: 0px;
        padding: 5px;
    }

    .list-artigo5 .price_list {
        margin: 0px;
        padding: 5px;
        height: auto;
    }

    /* ------------- */

}

/* ------------- */








/*
############
tagcloud
############
*/
.tagcloud {
    zoom: 1;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.tagcloud li {
    list-style: none;
}

.tagcloud:before,
.tagcloud:after {
    content: '';
    display: table;
}

.tagcloud:after {
    clear: both;
}

.tagcloud li {
    position: relative;
    float: left;
    margin: 0 0 5px 5px;
}

.tagcloud li:active {
    margin-top: 1px;
    margin-bottom: 7px;
}

.tagcloud a {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tagcloud a {
    height: 30px;
    line-height: 28px;
    padding: 0 14px;
    font-size: 12px;
    color: #55595f;
    text-decoration: none;
    background: #f7f7f8;
    border: 1px solid #e6e6e6;
    border-radius: 16px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.tagcloud a:hover {
    color: #fff;
    background: #116066;
    border-color: #116066;
}












/*
############
toolspg1
############
*/
.toolspg1 {
    padding: 5px 10px;

    margin-bottom: 30px;
    background-color: #eee;
}

.toolspg1 .text-qtd-registros {
    font-size: 16px;
    font-weight: 500;
    margin-top: 5px;
}

.toolspg1 .coluns-left1 {
    padding-left: 0px;
}












/*
############
subscribe-form
############
*/
.subscribe-form {
    background: #efefef none repeat scroll 0 0;
    border-radius: 5px;
    float: left;
    margin: 0 0 10px;
    padding: 15px 0 0;
    position: relative;
    width: 100%;
}

.subscribe-form input,
.subscribe-form textarea,
.subscribe-form select {
    border: medium none;
    border-radius: 5px;
    color: #555555;
    font-size: 1.6rem;
    height: 6rem;
    margin-bottom: 15px;
    padding: 1rem 1.5rem;
    width: 100%;
    resize: none;
}

.subscribe-form input[type="submit"] {
    border-bottom: 3px solid rgba(0, 0, 0, 0.2);
    color: #ffffff;
    font-size: 2.5rem;
    height: 6rem;
    transition: all 0.1s ease 0s;
}
























/*
############
heading ( interno )
############
*/
.hanging-phone {
    position: absolute;
    right: 0;
    z-index: 0;
    bottom: -70px;
}

.section-heading {
    margin: 10px 0 40px;
    text-align: center;
}

.section-heading h1 {
    display: inline-block;
    font-size: 55px;
    font-weight: 300;
    margin-bottom: 0;
}

.section-heading p {
    font-size: 25px;
    color: #999999;
    font-weight: 300;
}

.section-heading .divider:after {
    content: "";
    position: relative;
    height: 4px;
    width: 60px;
    display: block;
    text-align: center;
    margin: 13px auto;
    -webkit-border-radius: 5em;
    -moz-border-radius: 5em;
    -ms-border-radius: 5em;
    -o-border-radius: 5em;
    border-radius: 5em;
}

.section-heading.inverse h1,
.section-heading.inverse p {
    color: #ffffff;
}

.section-heading.inverse .divider:after {
    background: #ffffff;
}

/* ------------- */

@media screen and (max-width: 640px) {

    /* ------------- */

    .section-heading h1 {
        font-size: 32px;
    }

    .section-heading p {
        font-size: 18px;
    }

    /* ------------- */

}

/* ------------- */













/*
############
section-contatorodape
############
*/
section#contatorodape .ext-text1 {
    margin-top: 75px;
}


/* ------------- */

@media screen and (max-width: 640px) {

    /* ------------- */

    section#contatorodape .ext-text1 {
        margin-top: 10px;
    }

    /* ------------- */

}

/* ------------- */













/*
############
footer
############
*/
footer {}

footer .container {}

/* ------------- */

/* ===== RODAPE - FUNDO CINZA ESCURO ===== */

footer {
    background: #2b2f33;
    color: #b9bfc6;
    font-size: 13px;
    line-height: 1.6;
    padding: 40px 0 25px 0;
}

footer .FooterRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

footer .FooterCol {
    margin-bottom: 20px;
    text-align: center;
}

/* Desktop (>=992px): tres colunas lado a lado dentro do flex */
@media (min-width: 992px) {
    footer .FooterCol {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}

/* Tablet e mobile (<=991px): cada coluna ocupa a linha inteira */
@media (max-width: 991px) {
    footer .FooterCol {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    footer .FooterCol {
        text-align: center;
    }
}

/* ------------- */

footer .FooterTitulo {
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 14px;
}

/* ------------- */

footer .FooterLinks {
    list-style: none;
    margin: 0;
    padding: 0;
}

footer .FooterLinks li {
    display: block;
    margin-bottom: 7px;
}

footer .FooterLinks li:last-child {
    margin-bottom: 0;
}

footer .FooterLinks li a {
    color: #b9bfc6;
    font-size: 13px;
    text-decoration: none;
}

footer .FooterLinks li a:hover {
    color: #ffffff;
    text-decoration: none;
}

/* ------------- */

footer .FooterPagamentos {
    list-style: none;
    margin: 0;
    padding: 0;
}

footer .FooterPagamentos li {
    display: inline-block;
    margin: 0 6px 6px 0;
}

footer .FooterPagamentos li img {
    border-radius: 4px;
    max-height: 38px;
}

footer .FooterPagamentosTitulo {
    text-align: center;
    margin-top: 18px;
}

footer .FooterPagamentosCentro {
    text-align: center;
}

footer .FooterPagamentosCentro li {
    margin: 0 6px;
}

/* ------------- */

footer .FooterSocial {
    list-style: none;
    margin: 0;
    padding: 0;
}

footer .FooterSocial li {
    display: block;
    margin-bottom: 7px;
}

footer .FooterSocial li:last-child {
    margin-bottom: 0;
}

footer .FooterSocial li a {
    display: inline-flex;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #b9bfc6;
    font-size: 13px;
    text-decoration: none;
}

footer .FooterSocial li a svg {
    margin-right: 8px;
}

footer .FooterSocial li a:hover {
    color: #ffffff;
    text-decoration: none;
}

/* ------------- */

footer .FooterPowered {
    display: inline-block;
    margin-top: 6px;
    color: #8a9097;
    font-size: 12px;
    text-decoration: none;
}

footer .FooterPowered:hover {
    color: #ffffff;
    text-decoration: none;
}

/* ------------- */

footer .FooterCopy {
    color: #8a9097;
    font-size: 12px;
    text-align: center;
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid #3a3f44;
}

/* ------------- */

@media screen and (max-width: 768px) {

    /* ------------- */

    footer {
        text-align: center;
        padding: 30px 0 20px 0;
    }

    /* ------------- */

}

/* ------------- */


























/*
############
pre-loader
############
*/
.pre-loader {
    color: #FFF;

    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999999;

    background: #1b1b1b;
    /* Old browsers */
    background: -moz-linear-gradient(top, #1b1b1b 0%, #151515 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1b1b1b 0%, #151515 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1b1b1b 0%, #151515 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b1b1b', endColorstr='#151515', GradientType=0);
    /* IE6-9 */
}

.pre-loader .load-con {
    margin: 20% auto;
    position: relative;
    text-align: center;
}










/*
############
spinner
############
*/
.spinner {
    margin: 50px auto 0;
    width: 70px;
    text-align: center;
}

.spinner>div {
    width: 18px;
    height: 18px;
    background-color: #ffffff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}













/*
############
det-artigo1
############
*/
.det-artigo1 .post-image-wrapper {
    margin: 20px 0;
    position: relative;
}

.det-artigo1 .post-title {
    font-size: 28px;
    line-height: normal;
    text-transform: uppercase;
    margin: 0px;
}

.det-artigo1 .post-title a {
    color: #363c48;

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.det-artigo1 .post-meta {
    color: #959595;
    font-size: 13px;
    font-weight: 400;
    margin-top: 10px;
}

.det-artigo1 .post-meta span {
    padding-right: 10px;
}

.det-artigo1 .post-meta a {
    color: #959595;
}

.det-artigo1 .post-body p {
    color: #333;
}

.det-artigo1 .post-footer .btn.btn-primary {
    font-weight: 700;
    padding: 10px 15px;
    margin-top: 15px;
    color: #fff;
}

/* ------------- */

.det-artigo1 .post-title:hover a {
    color: #000;
    text-decoration: none;
}

/* ------------- */
















/*
############
det-anuncio-1
############
*/
.det-anuncio-1 section {
    padding-top: 0px;
    padding-bottom: 0px;
}

.det-anuncio-1 p {
    line-height: 2;
    font-size: 15px;
}

/* ------- */

.custom-head {
    line-height: 1.6;
    margin-top: 0;
    position: relative;
}

.custom-head::after {
    background: #7A7A7A none repeat scroll 0 0;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: 110%;
    width: 100px;
}

.custom-head h3 {
    margin-top: 0px;
    color: #7A7A7A;
    line-height: 150%;
}









/*
############
det-anuncio-1 / info-geral
############
*/
.det-anuncio-1 .info-geral-1 {
    font-size: 18px;
    font-weight: bold;
}

.det-anuncio-1 .info-geral-2 {
    float: left;
    font-size: 14px;
    line-height: 175%;
}

.det-anuncio-1 .info-geral-2 .subtext1 {
    color: #116066;
    font-size: 18px;
    font-weight: bold;
}

.det-anuncio-1 .info-geral-2 .subtext2 {
    font-weight: bold;
    font-size: 18px;
}

.det-anuncio-1 .info-geral-3 {
    margin: 0 0 10px;
    padding: 0px;

    color: #7a7a7a;
    font-weight: bold;
}

.det-anuncio-1 .info-geral-4 {
    font-size: 14px;
}



















/*
############
det-anuncio-1 / est-mapa
############
*/
.det-anuncio-1 .est-mapa {
    overflow: hidden;
    width: 100%;
    height: 400px;

    margin-bottom: 20px;
}











/*
############
det-anuncio-1 / ammenties-1 
############
*/
.det-anuncio-1 .ammenties-1 {
    overflow: hidden;
}

.det-anuncio-1 .ammenties-1 p {
    background: #e6e6e6 none repeat scroll 0 0;
    line-height: 1;
    margin: 10px 0;
}

.det-anuncio-1 .ammenties-1 p i::after {
    background: #7A7A7A none repeat scroll 0 0;
    content: "";
    height: 15px;
    position: absolute;
    right: -15%;
    transform: rotate(45deg);
    width: 15px;
}

.det-anuncio-1 .ammenties-1 p i {
    background: #7A7A7A none repeat scroll 0 0;
    color: #fff;
    margin-right: 20px;
    padding: 15px;
    position: relative;
}








/*
############
det-anuncio-1 / ammenties-5 
############
*/
.det-anuncio-1 .ammenties-5 {
    overflow: hidden;
}

.det-anuncio-1 .ammenties-5 h3 {
    margin-top: 25px;
}

.det-anuncio-1 .ammenties-5 i {
    color: #EC971F;
    margin-right: 10px;
    font-size: 20px;
}

.det-anuncio-1 .ammenties-5 p {
    margin: 10px 0px;
}

.det-anuncio-1 .ammenties-5 .Extra {
    font-size: 11px;
    font-style: italic;
}

.det-anuncio-1 .ammenties-5 .item.desativado {
    opacity: 0.3;
}















/*
############
det-anuncio-1 / ammenties-6 
############
*/
.det-anuncio-1 .ammenties-6 {
    overflow: hidden;
}

.det-anuncio-1 .ammenties-6 h4 {
    color: #4c4c4c;
    font-size: 16px;
    font-weight: bold;
}

.det-anuncio-1 .ammenties-6 .item {
    margin-bottom: 5px;
}

.det-anuncio-1 .ammenties-6 .item .fa {
    float: left;
    color: #7a7a7a;
}

.det-anuncio-1 .ammenties-6 .item .nome {
    margin-left: 15px;

    color: #7a7a7a;
    font-size: 14px;
    float: left;
}

.det-anuncio-1 .ammenties-6 .item .nome span {
    font-size: 18px;
    font-weight: bold;
}

.det-anuncio-1 .ammenties-6 .item .nome span.space1 {
    margin-right: 5px;
}

.det-anuncio-1 .ammenties-6 .item .nome span.space2 {
    margin-left: 5px;
}

.det-anuncio-1 .ammenties-6 .item.desativado {
    opacity: 0.3;
}













/*
############
det-anuncio-1 / ammenties-7
############
*/
.det-anuncio-1 .ammenties-7 {
    overflow: hidden;
}

.det-anuncio-1 .ammenties-7 .icon {
    display: block;
    text-align: center;
}

.det-anuncio-1 .ammenties-7 .icon .fa {
    margin: 0px;
}

.det-anuncio-1 .ammenties-7 .quantidade {
    margin-top: 5px;

    display: block;
    text-align: center;
    color: #666;
    font-size: 44px;
}

.det-anuncio-1 .ammenties-7 .label {
    margin-top: 5px;

    display: block;
    text-align: center;
    color: #116066;
    font-size: 12px;
    text-transform: uppercase;
}












/*
############
det-anuncio-1 / ammenties-8
############
*/
.det-anuncio-1 .ammenties-8 {
    overflow: hidden;
}

.det-anuncio-1 .ammenties-8 .stats {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
}

.det-anuncio-1 .ammenties-8 .stats .number {
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #7A7A7A;
}

.det-anuncio-1 .ammenties-8 .stats .stats-title {
    font-size: 18px;
    line-height: 32px;
    margin-top: 10px;
}














/*
############
det-anuncio-1 / ammenties-8
############
*/
.det-anuncio-1 .ammenties-8 {
    overflow: hidden;
}

.det-anuncio-1 .ammenties-8 .icon {
    display: block;
    text-align: center;
}

.det-anuncio-1 .ammenties-8 .nome {
    margin-top: 5px;

    display: block;
    text-align: center;
    color: #666;
}

.det-anuncio-1 .ammenties-8 .nome span {
    font-size: 20px;
    font-weight: bold;
}











/*
############
det-anuncio-1 / ammenties-9
############
*/
.det-anuncio-1 .ammenties-9 {
    overflow: hidden;
    background: rgba(0, 0, 0, 0.75);
    border: 2px solid #000;
    padding: 10px;
}

.det-anuncio-1 .ammenties-9 h3 {
    color: #FFF;
    margin: 0px;
    padding: 0px;
}

.det-anuncio-1 .ammenties-9 h3 span {
    color: #F6DC3F;
    text-decoration: underline;
}

.det-anuncio-1 .ammenties-9 p {
    color: #FFF;
    margin: 0px;
    padding: 0px;
}














/*
############
error-section
############
*/
.error-section {
    padding: 20px 0;
    position: relative;
    background: url('/imagens/error.jpg') center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    text-align: center;
}

.error-section span {
    display: inline-block;
    color: #222222;
    font-size: 30px;
    font-family: 'Lato', sans-serif;
    font-weight: 116066;
    margin: 0 0 30px;
    text-transform: uppercase;
    font-size: 56px;
    color: #1cbac8;
    margin: 0;
    letter-spacing: 4px;
}

.error-section h1 {
    color: #222222;
    font-size: 30px;
    font-family: 'Lato', sans-serif;
    font-weight: 116066;
    margin: 0 0 30px;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 2px;
    max-width: 460px;
    margin: 0 auto 20px;
    line-height: 52px;
}

.error-section p {
    max-width: 890px;
    margin: 0 auto 25px;
    color: #FFF;
}

.error-section a {
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    border-color: #1cbac8;
    color: #1cbac8;
}

.error-section a:hover {
    color: #ffffff;
    background: #1cbac8;
}

.error-section .error-content {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -130px;
    z-index: 2;
}

.error-section:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(34, 34, 34, 0.8);

}









/*
############
embed-container
############
*/
.embed-container {
    position: relative;
    height: 400px;
    overflow: hidden;
    max-width: 100%;
    margin: 0px;
    padding: 0px;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}











/*
############
div-galeria1
############
*/
div.galeria1 {
    padding: 0px;
}

div.galeria1 .row {
    margin: 0px;
    padding: 0px;

    overflow: hidden;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div.galeria1 .row .col {
    margin: 0px;
    padding: 0px;

    overflow: hidden;

    bottom: 1px solid rgba(0, 0, 0, 0.1)
}

div.galeria1 .row .col img {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;

    width: 100%;
}

div.galeria1 .row .col img:hover {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}










/*
############
zoomscript
############
*/
.zoomscript.zsLight {
    z-index: 1160660;
}

.zsItemFooterHolder {
    display: none !important;
}

















/*
############
# BoxArtigo1
############
*/
.BoxArtigo1 .ImgPrincipal {
    width: 100%;
}

.BoxArtigo1 h2 {
    color: #323f63;

    font-size: 29px;
}

.BoxArtigo1 p {
    color: #787878;
    font-size: 13px;
}












/*
############
# BoxArtigo2
############
*/
.BoxArtigo2 {
    background: #F5F6F8;
    border: 1px solid #F5F5F7;
}

.BoxArtigo2 .DiaSemana {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    background: #273D64;
    width: 40px;
    height: 40px;
    line-height: 40px;

    text-align: center;
    vertical-align: middle;

    -moz-border-radius: 0px 0px 50%;
    -webkit-border-radius: 0px 0px 50% 0px;
    border-radius: 0px 0px 50%;

    padding: 5px;
    float: left;
}

.BoxArtigo2 h2 {
    color: #323f63;
    font-size: 13px;
    font-weight: bold;

    margin-left: 10px;
    margin-top: 10px;
    float: left;
}

.BoxArtigo2 p {
    color: #787878;
    font-size: 13px;
    height: 40px;
}












/*
############
# BoxEvento
############
*/
.row-eventos {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.row-eventos>[class*="col-"] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/* ------------- */

.BoxEvento {
    width: 100%;

    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

    background: #ffffff;
    border: #dcdcdc 1px solid;

    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;

    overflow: hidden;
    cursor: pointer;

    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);

    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.BoxEvento:hover {
    border-color: #c4c4c4;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14);

    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px);
}

/* ------------- */

.BoxEvento_Foto {
    position: relative;
    overflow: hidden;
}

.BoxEvento_Foto img {
    width: 100%;
    display: block;
}

.BoxEvento_Data {
    position: absolute;
    top: 10px;
    right: 10px;

    background: rgba(255, 255, 255, 0.95);
    color: #911606600;
    text-align: center;
    line-height: 1;
    padding: 6px 8px;

    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.BoxEvento_Data_Dia {
    display: block;
    font-size: 22px;
    font-weight: 700;
}

.BoxEvento_Data_Mes {
    display: block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

/* ------------- */

.BoxEvento_Corpo {
    padding: 15px;

    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;

    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.BoxEvento h2 {
    font-size: 18px;
    line-height: 22px;
    height: 22px;
    margin-top: 0;
    margin-bottom: 12px;
    color: #222222;
    font-weight: 700;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

.BoxEvento_Corpo a {
    text-decoration: none;
    text-align: center;
}

.BoxEvento_Corpo h2 {
    text-align: center;
}

.BoxEvento:hover h2 {
    color: #911606600;
}

.BoxEvento p {
    color: #888888;
    font-size: 13px;
    margin-bottom: 6px;
}

.BoxEvento p .fa {
    width: 14px;
    color: #911606600;
}

.BoxEvento .btn-ingresso {
    margin-top: auto;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: none;

    background: transparent;
    color: #116066;
    border: #116066 1px solid;

    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;

    box-shadow: none;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.BoxEvento .btn-ingresso:hover,
.BoxEvento .btn-ingresso:focus,
.BoxEvento:hover .btn-ingresso {
    background: #116066;
    background: -webkit-linear-gradient(315deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    background: linear-gradient(135deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    color: #ffffff;
    border-color: #116066;
    box-shadow: 0 3px 10px rgba(17, 96, 102, 0.45);
}

/* ------------- */













/*
##############
# BoxTabela1
##############
*/
.BoxTabela1 {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: 0px 0px 2px #EFEFEF;
    -webkit-box-shadow: 0px 0px 2px #EFEFEF;
    box-shadow: 0px 0px 2px #EFEFEF;

    border: #E5E5E5 1px solid;
    border-collapse: separate;
}

.BoxTabela1 thead tr th {
    padding: 10px;
    font-size: 12px;
    color: #000;
    font-weight: bold;

    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
    /* IE6-9 */

    border-bottom: #E5E5E5 1px solid;
}

.BoxTabela1 tbody tr td:not(.SemEstilo) {
    padding: 10px;
    font-size: 12px;
    color: #333;
    font-weight: normal;

    border-bottom: #F5F5F5 1px solid;
}

.BoxTabela1 tbody tr td a {
    font-size: 12px;
    color: #333;
}

.BoxTabela1 tbody tr:hover td:not(.SemEstilo) {
    background: #f0f6fa;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f0f6fa 0%, #d8e5ee 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f6fa), color-stop(100%, #d8e5ee));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f0f6fa 0%, #d8e5ee 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f0f6fa 0%, #d8e5ee 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f0f6fa 0%, #d8e5ee 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f0f6fa 0%, #d8e5ee 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f6fa', endColorstr='#d8e5ee', GradientType=0);
    /* IE6-9 */
}

.BoxTabela1 tbody tr td .SubTexto1 {
    font-size: 10px;
    font-style: italic;
    color: #666;
}

.BoxTabela1 tbody tr td .FonteExt1 {
    font-size: 10px;
}

.BoxTabela1 .SemEstilo td {
    background: none !important;
    padding: 0px !important;
    border: 0px !important;
    vertical-align: middle;
}

.BoxTabela1 tbody tr.LinhaAmarela td {
    background-color: #FF9;
}

.BoxTabela1 tbody .ExtSubText1 {
    font-size: 13px;
    font-weight: bold;
    color: #116066;
}

.BoxTabela1 tbody .ExtSubText2 {
    font-size: 11px;
    color: #333;
}

.BoxTabela1 tbody .ExtSubText3 {
    font-size: 14px;
    font-weight: bold;
    color: #116066;
}

.BoxTabela1 tbody .ExtSubText3 span {
    font-size: 22px;
}
















/*
##############
# cart-total
##############
*/
.cart-total {
    overflow: auto;
    margin-bottom: 10px;
    padding-top: 10px;
}

.cart-total table {
    float: right;
}

.cart-total td {
    padding: 0px 0px 0px 20px;
    text-align: right;
}

.cart-total table tr td:first-child {
    color: #686868;
    font-size: 14px;
}

.cart-total table tr td:last-child {
    color: #ff4800;
    font-weight: 600;
    font-size: 16px;
}

.cart-total td.ExtFonte1 {
    font-size: 22px !important;
}















/*
##############
# panel
##############
*/
.panel {
    position: relative;
    background-color: #ffffff;
    border-radius: 2px;
}

.panel.panel-transparent {
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
}

.panel.panel-border {
    border-style: solid;
    border-width: 0;
}

.panel.panel-border.top {
    border-top-width: 5px;
}

.panel.panel-border.right {
    border-right-width: 5px;
}

.panel.panel-border.bottom {
    border-bottom-width: 5px;
}

.panel.panel-border.left {
    border-left-width: 5px;
}

.panel.panel-border>.panel-heading {
    background-color: #fafafa;
    border-color: #e5e5e5;
    border-top: 1px solid transparent;
}

.panel.panel-border>.panel-heading>.panel-title {
    color: #666666;
}

.panel.panel-border.panel-default {
    border-color: #DDD;
}

.panel.panel-border.panel-default>.panel-heading {
    border-top: 1px solid transparent;
}

.panel-menu {
    background-color: #fafafa;
    padding: 8px;
    border: 1px solid #e5e5e5;
}

.panel-menu.dark {
    background-color: #f8f8f8;
}

.panel-body .panel-menu {
    border-left: 0;
    border-right: 0;
}

.panel-heading+.panel-menu,
.panel-menu+.panel-body,
.panel-body+.panel-menu,
.panel-body+.panel-body {
    border-top: 0;
}

.panel-body {
    position: relative;
    padding: 15px;
    border: 1px solid #e5e5e5;
}

.panel-body+.panel-footer {
    border-top: 0;
}

.panel-heading {
    position: relative;
    height: 40px;
    line-height: 36px;
    background: #fafafa;
    color: #666666;
    font-size: 13px;
    font-weight: 600;
    padding: 0 8px;
    border: 1px solid #e5e5e5;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
}

.panel-heading+.panel-body {
    border-top: 0;
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit;
}

.panel-heading .widget-menu .btn-group {
    margin-top: -3px;
}

.panel-heading .widget-menu .form-control {
    margin-top: 6px;
    font-size: 11px;
    height: 27px;
    padding: 2px 10px;
    border-radius: 1px;
}

.panel-heading .widget-menu .form-control.input-sm {
    margin-top: 9px;
    height: 22px;
}

.panel-heading .widget-menu .progress {
    margin-top: 11px;
    margin-bottom: 0;
}

.panel-heading .widget-menu .progress-bar-lg {
    margin-top: 10px;
}

.panel-heading .widget-menu .progress-bar-sm {
    margin-top: 15px;
}

.panel-heading .widget-menu .progress-bar-xs {
    margin-top: 17px;
}

.panel-icon {
    padding-left: 5px;
}

.panel-title {
    padding-left: 6px;
    margin-top: 0;
    margin-bottom: 0;
}

.panel-title>.fa,
.panel-title>.glyphicon,
.panel-title>.glyphicons,
.panel-title>.imoon {
    top: 2px;
    min-width: 22px;
    color: inherit;
    font-size: 14px;
}

.panel-title>a {
    color: inherit;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #fafafa;
    border: 1px solid #e5e5e5;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
}

.panel>.list-group {
    margin-bottom: 0;
}

.panel>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}

.panel>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
}

.panel>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group+.panel-footer {
    border-top-width: 0;
}

.panel>.table,
.panel>.table-responsive>.table,
.panel>.panel-collapse>.table {
    margin-bottom: 0;
}

.panel>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child {
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,

.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
    border-top-left-radius: 1px;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
    border-top-right-radius: 1px;
}

.panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child {
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 1px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 1px;
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive {
    border-top: 1px solid #eeeeee;
}

.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
    border-top: 0;
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0;
}

.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0;
}

.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0;
}

.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
    border-bottom: 0;
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0;
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0;
}

.panel-group {
    margin-bottom: 19px;
}

.panel-group .accordion-toggle {
    padding-left: 5px;
}

.panel-group.accordion-lg .panel+.panel {
    margin-top: 12px;
}

.panel-group.accordion-lg .panel-heading {
    font-size: 14px;
    height: 54px;
    line-height: 52px;
}

.panel-group .accordion-icon {
    padding-left: 28px;
}

.panel-group .accordion-icon:after {
    position: absolute;
    content: "\f068";
    font-family: "FontAwesome";
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    color: #555;
    left: 15px;
    top: 1px;
}

.panel-group .accordion-icon.collapsed:after {
    content: "\f067";
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 2px;
}

.panel-group .panel+.panel {
    margin-top: 5px;
}

.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0;
}

.panel-group .panel-footer {
    border-top: 0;
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #eeeeee;
}

.panel-primary.panel-border {
    border-color: #4a89dc;
}

.panel-primary>.panel-heading {
    color: #ffffff;
    background-color: #4a89dc;
    border-color: #4a89dc;
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #4a89dc;
}

.panel-primary>.panel-heading .badge {
    color: #4a89dc;
    background-color: #ffffff;
}

.panel-primary>.panel-heading>.panel-title {
    color: #ffffff;
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #4a89dc;
}

.panel-primary>.panel-body.fill {
    color: #FFF;
    border-color: #82ade7;
    background-color: #82ade7;
}

.panel-primary>.panel-body.border {
    border: 3px solid #4a89dc;
}

.panel-success.panel-border {
    border-color: #70ca63;
}

.panel-success>.panel-heading {
    color: #ffffff;
    background-color: #70ca63;
    border-color: #70ca63;
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #70ca63;
}

.panel-success>.panel-heading .badge {
    color: #70ca63;
    background-color: #ffffff;
}

.panel-success>.panel-heading>.panel-title {
    color: #ffffff;
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #70ca63;
}

.panel-success>.panel-body.fill {
    color: #FFF;
    border-color: #9ddb94;
    background-color: #9ddb94;
}

.panel-success>.panel-body.border {
    border: 3px solid #70ca63;
}

.panel-info.panel-border {
    border-color: #3bafda;
}

.panel-info>.panel-heading {
    color: #ffffff;
    background-color: #3bafda;
    border-color: #3bafda;
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #3bafda;
}

.panel-info>.panel-heading .badge {
    color: #3bafda;
    background-color: #ffffff;
}

.panel-info>.panel-heading>.panel-title {
    color: #ffffff;
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #3bafda;
}

.panel-info>.panel-body.fill {
    color: #FFF;
    border-color: #73c6e5;
    background-color: #73c6e5;
}

.panel-info>.panel-body.border {
    border: 3px solid #3bafda;
}

.panel-warning.panel-border {
    border-color: #f6bb42;
}

.panel-warning>.panel-heading {
    color: #ffffff;
    background-color: #f6bb42;
    border-color: #f6bb42;
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #f6bb42;
}

.panel-warning>.panel-heading .badge {
    color: #f6bb42;
    background-color: #ffffff;
}

.panel-warning>.panel-heading>.panel-title {
    color: #ffffff;
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #f6bb42;
}

.panel-warning>.panel-body.fill {
    color: #FFF;
    border-color: #f9d281;
    background-color: #f9d281;
}

.panel-warning>.panel-body.border {
    border: 3px solid #f6bb42;
}

.panel-danger.panel-border {
    border-color: #e9573f;
}

.panel-danger>.panel-heading {
    color: #ffffff;
    background-color: #e9573f;
    border-color: #e9573f;
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #e9573f;
}

.panel-danger>.panel-heading .badge {
    color: #e9573f;
    background-color: #ffffff;
}

.panel-danger>.panel-heading>.panel-title {
    color: #ffffff;
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #e9573f;
}

.panel-danger>.panel-body.fill {
    color: #FFF;
    border-color: #f08b7a;
    background-color: #f08b7a;
}

.panel-danger>.panel-body.border {
    border: 3px solid #e9573f;
}

.panel-alert.panel-border {
    border-color: #967adc;
}

.panel-alert>.panel-heading {
    color: #ffffff;
    background-color: #967adc;
    border-color: #967adc;
}

.panel-alert>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #967adc;
}

.panel-alert>.panel-heading .badge {
    color: #967adc;
    background-color: #ffffff;
}

.panel-alert>.panel-heading>.panel-title {
    color: #ffffff;
}

.panel-alert>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #967adc;
}

.panel-alert>.panel-body.fill {
    color: #FFF;
    border-color: #bfaeea;
    background-color: #bfaeea;
}

.panel-alert>.panel-body.border {
    border: 3px solid #967adc;
}

.panel-system.panel-border {
    border-color: #37bc9b;
}

.panel-system>.panel-heading {
    color: #ffffff;
    background-color: #37bc9b;
    border-color: #37bc9b;
}

.panel-system>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #37bc9b;
}

.panel-system>.panel-heading .badge {
    color: #37bc9b;
    background-color: #ffffff;
}

.panel-system>.panel-heading>.panel-title {
    color: #ffffff;
}

.panel-system>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #37bc9b;
}

.panel-system>.panel-body.fill {
    color: #FFF;
    border-color: #64d2b6;
    background-color: #64d2b6;
}

.panel-system>.panel-body.border {
    border: 3px solid #37bc9b;
}

.panel-dark.panel-border {
    border-color: #3b3f4f;
}

.panel-dark>.panel-heading {
    color: #ffffff;
    background-color: #3b3f4f;
    border-color: #3b3f4f;
}

.panel-dark>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #3b3f4f;
}

.panel-dark>.panel-heading .badge {
    color: #3b3f4f;
    background-color: #ffffff;
}

.panel-dark>.panel-heading>.panel-title {
    color: #ffffff;
}

.panel-dark>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #3b3f4f;
}

.panel-dark>.panel-body.fill {
    color: #FFF;
    border-color: #575d75;
    background-color: #575d75;
}

.panel-dark>.panel-body.border {
    border: 3px solid #3b3f4f;
}




























/*
##############
# bg-primary
##############
*/
.bg-primary {
    background-color: #4a89dc !important;
    color: #f5f8fd;
}

a.bg-primary:hover {
    background-color: #276ecc !important;
}

.bg-primary .text-muted {
    color: #c5dcfa;
}

.bg-primary .text-darken {
    color: #276ecc;
}

.bg-primary.light {
    background-color: #649ae1 !important;
}

.bg-primary.lighter {
    background-color: #75a5e4 !important;
}

.bg-primary.dark {
    background-color: #3078d7 !important;
}

.bg-primary.darker {
    background-color: #276ecc !important;
}

.bg-primary .open>a,
.bg-primary .open>a:hover,
.bg-primary .open>a:focus {
    color: #ffffff;
}

.bg-success {
    background-color: #70ca63 !important;
    color: #fcfefb;
}

a.bg-success:hover {
    background-color: #4fbb3f !important;
}

.bg-success .text-muted {
    color: #d6f5d1;
}

.bg-success .text-darken {
    color: #4fbb3f;
}

.bg-success.light {
    background-color: #85d27a !important;
}

.bg-success.lighter {
    background-color: #93d789 !important;
}

.bg-success.dark {
    background-color: #5bc24c !important;
}

.bg-success.darker {
    background-color: #4fbb3f !important;
}

.bg-success .open>a,
.bg-success .open>a:hover,
.bg-success .open>a:focus {
    color: #ffffff;
}

.bg-info {
    background-color: #3bafda !important;
    color: #e7f5fa;
}

a.bg-info:hover {
    background-color: #2494be !important;
}

.bg-info .text-muted {
    color: #b6e6f8;
}

.bg-info .text-darken {
    color: #2494be;
}

.bg-info.light {
    background-color: #55badf !important;
}

.bg-info.lighter {
    background-color: #66c1e2 !important;
}

.bg-info.dark {
    background-color: #27a2cf !important;
}

.bg-info.darker {
    background-color: #2494be !important;
}

.bg-info .open>a,
.bg-info .open>a:hover,
.bg-info .open>a:focus {
    color: #ffffff;
}

.bg-warning {
    background-color: #f6bb42 !important;
    color: #ffffff;
}

a.bg-warning:hover {
    background-color: #f4a911 !important;
}

.bg-warning .text-muted {
    color: #fff0d2;
}

.bg-warning .text-darken {
    color: #f4a911;
}

.bg-warning.light {
    background-color: #f7c65f !important;
}

.bg-warning.lighter {
    background-color: #f8cd73 !important;
}

.bg-warning.dark {
    background-color: #f5b025 !important;
}

.bg-warning.darker {
    background-color: #f4a911 !important;
}

.bg-warning .open>a,
.bg-warning .open>a:hover,
.bg-warning .open>a:focus {
    color: #ffffff;
}

.bg-danger {
    background-color: #e9573f !important;
    color: #fef7f6;
}

a.bg-danger:hover {
    background-color: #dc3519 !important;
}

.bg-danger .text-muted {
    color: #fdccc4;
}

.bg-danger .text-darken {
    color: #dc3519;
}

.bg-danger.light {
    background-color: #ec6f5a !important;
}

.bg-danger.lighter {
    background-color: #ee7f6d !important;
}

.bg-danger.dark {
    background-color: #e63f24 !important;
}

.bg-danger.darker {
    background-color: #dc3519 !important;
}

.bg-danger .open>a,
.bg-danger .open>a:hover,
.bg-danger .open>a:focus {
    color: #ffffff;
}

.bg-alert {
    background-color: #967adc !important;
    color: #ffffff;
}

a.bg-alert:hover {
    background-color: #7652d1 !important;
}

.bg-alert .text-muted {
    color: #f5f2fd;
}

.bg-alert .text-darken {
    color: #7652d1;
}

.bg-alert.light {
    background-color: #a992e2 !important;
}

.bg-alert.lighter {
    background-color: #b6a2e7 !important;
}

.bg-alert.dark {
    background-color: #8362d6 !important;
}

.bg-alert.darker {
    background-color: #7652d1 !important;
}

.bg-alert .open>a,
.bg-alert .open>a:hover,
.bg-alert .open>a:focus {
    color: #ffffff;
}

.bg-system {
    background-color: #37bc9b !important;
    color: #cef1e8;
}

a.bg-system:hover {
    background-color: #2b957a !important;
}

.bg-system .text-muted {
    color: #9eeeda;
}

.bg-system .text-darken {
    color: #2b957a;
}

.bg-system.light {
    background-color: #48c9a9 !important;
}

.bg-system.lighter {
    background-color: #58ceb1 !important;
}

.bg-system.dark {
    background-color: #30a487 !important;
}

.bg-system.darker {
    background-color: #2b957a !important;
}

.bg-system .open>a,
.bg-system .open>a:hover,
.bg-system .open>a:focus {
    color: #ffffff;
}

.bg-dark {
    background-color: #3b3f4f !important;
    color: #9fa4b7;
}

a.bg-dark:hover {
    background-color: #252832 !important;
}

.bg-dark .text-muted {
    color: #717eb2;
}

.bg-dark .text-darken {
    color: #252832;
}

.bg-dark.light {
    background-color: #484d61 !important;
}

.bg-dark.lighter {
    background-color: #51566c !important;
}

.bg-dark.dark {
    background-color: #2e313d !important;
}

.bg-dark.darker {
    background-color: #252832 !important;
}

.bg-dark .open>a,
.bg-dark .open>a:hover,
.bg-dark .open>a:focus {
    color: #ffffff;
}

.bg-light {
    background-color: #FAFAFA;
    color: #666;
}

a.bg-light:hover {
    background-color: #e8e8e8 !important;
}

.bg-light .text-muted {
    color: #999;
}

.bg-light .text-darken {
    color: #222;
}

.bg-light.light {
    background-color: #FEFEFE;
}

.bg-light.lighter {
    background-color: #FFF;
}

.bg-light.dark {
    background-color: #F2F2F2;
}

.bg-light.darker {
    background-color: #E7E7E7;
}

.bg-white {
    background-color: #FAFAFA;
    color: #666;
    background-color: #FFF !important;
}

a.bg-white:hover {
    background-color: #ededed !important;
}

.bg-white .text-muted {
    color: #999;
}

.bg-white .text-darken {
    color: #222;
}

.bg-white.light {
    background-color: #FEFEFE;
}

.bg-white.lighter {
    background-color: #FFF;
}

.bg-white.dark {
    background-color: #F2F2F2;
}

.bg-white.darker {
    background-color: #E7E7E7;
}

.bg-tp {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.bg-gradient {
    border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
}

.bg-background {
    z-index: 0;
    color: #FFF;
    position: relative;
}

.bg-background.bg-topbar {
    background: url("../../../img/patterns/topbar-bg.jpg") no-repeat center left;
}

.bg-background.bg-topbar2 {
    background: url("../../../img/patterns/topbar-bg2.jpg") no-repeat center left;
}

.bg-background.bg-topbar3 {
    background: url("../../../img/patterns/topbar-bg3.jpg") no-repeat center left;
}

.bg-background.bg-psuedo-tp:before,
.bg-background.bg-psuedo-tp-dark:before,
.bg-background.bg-psuedo-tp-light:before {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
}

.bg-background.bg-psuedo-tp-dark:before {
    background: rgba(0, 0, 0, 0.6);
}

.bg-background.bg-psuedo-tp-light:before {
    background: rgba(0, 0, 0, 0.2);
}










/*
##############
# PgCompraPagamento
##############
*/
.PgCompraPagamento .panel.panel-pgto {
    cursor: pointer;
}

.PgCompraPagamento .panel-footer.panel-pgto {
    min-height: 85px;
}










/*
##############
# map-content
##############
*/
.map-content {
    min-height: 105px;
    width: 215px;
}

.map-content .titulo {
    font-size: 14px !important;
    font-weight: bold !important;
    color: #555;
}

.map-content .titulo img {
    vertical-align: middle;
    padding-right: 5px;
    padding-bottom: 5px;
}

.map-content .linha {
    padding-top: 10px;
}

.map-content .linha .desc {
    font-weight: bold;
    font-size: 11px !important;
}

.map-content .linha .inf {
    font-size: 11px !important;
    line-height: 15px;
}








/*
##############
# map-content
##############
*/
.info-ico-1 {
    margin-left: 18px;
}





/*
##############
# BoxFormaPgto
##############
*/
.BoxFormaPgto {
    cursor: pointer;
}













/*
##############
# BlcIngressos
##############
*/

/* ------------- */

@media screen and (max-width: 768px) {

    /* ------------- */

    #BlcIngressos>thead>tr>th {
        display: block;
        width: 100% !important;
    }

    #BlcIngressos>tbody>tr>td {
        display: block;
        width: 100% !important;
    }

    #BlcIngressos>tfoot>tr>td {
        display: block;
        width: 100% !important;
    }

    #BlcIngressos .HideLinha1 {
        display: none !important;
    }

    /* ------------- */

}

/* ------------- */














/*
##############
# BoxTipo50
##############
*/

/* - SubBox1 - */
.BoxTipo50 .SubBox1 {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #fbfbfb 47%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #fbfbfb), color-stop(100%, #f7f7f7));
    background: -webkit-linear-gradient(top, #ffffff 0%, #fbfbfb 47%, #f7f7f7 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #fbfbfb 47%, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #fbfbfb 47%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #fbfbfb 47%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    border: #999 1px solid;
    padding: 5px;
    display: block;

    width: auto;
    margin-bottom: 5px;
}

.BoxTipo50 .SubBox1.DuasLinhas {
    height: 35px;
}

.BoxTipo50 .SubBox1 .Texto1 {
    width: 80px;
    height: 20px;
    display: inline-block;
    float: left;
    margin-right: 5px;
    font-size: 12px;
    font-weight: bold;
}

.BoxTipo50 .SubBox1 .Texto2 {
    font-size: 11px;
    display: inline-block;

    vertical-align: middle;
}

.BoxTipo50 .SubBox1 .BoxStatus {
    width: 20px;
    height: 20px;
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.BoxTipo50 .SubBox1 .Verde {
    background-color: #42E798;
}

.BoxTipo50 .SubBox1 .Vermelho {
    background-color: #E82C0C;
}

.BoxTipo50 .SubBox1 .Amarelo {
    background-color: #FFF016;
}

.BoxTipo50 .SubBox1 .Laranjado {
    background-color: #FF5A0D;
}














/*
############
ModalEsp1
############
*/
.ModalEsp1 {
    border: 2px solid var(--base1);
    background: #FFF;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    max-width: 600px;

    padding: 40px;

    text-align: center;
}

/* ------------- */

.ModalEsp1 .ExtText1 {
    font-size: 24px;
    color: #222;
    font-weight: bold;

    margin-bottom: 10px;
}

.ModalEsp1 .ExtText2 {
    font-size: 18px;
    color: #222;

    margin-bottom: 20px;
}

.ModalEsp1 .ExtText3 {
    margin-bottom: 10px;
}

.ModalEsp1 .ExtText4 {}

.ModalEsp1 .ExtText5 {
    font-size: 18px;
    color: #222;
}

/* ------------- */

@media screen and (max-width: 767px) {

    /* ------------- */

    .ModalEsp1 {
        padding: 20px;
    }

    /* ------------- */

    .ModalEsp1 .ExtText1 {
        font-size: 20px;
    }

    .ModalEsp1 .ExtText2 {
        font-size: 16px;
    }

    .ModalEsp1 .ExtText5 {
        font-size: 16px;
    }

    /* ------------- */

}

/* ------------- */











/*
############
# PgAttModal1
############
*/

.PgAttModal1 {
    background: none;
}

/* ------------- */

.PgAttModal1 .panel {
    background: #FFF;
    border: 0px;

    margin: 0px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    display: block;
    overflow: hidden;
}

.PgAttModal1 .panel .panel-heading {
    margin: 0px;
    padding: 15px;

    background: var(--base1);
    border: 0px;
}

.PgAttModal1 .panel .panel-heading .panel-title {
    color: #FFFF;
    font-size: 18px;
    font-weight: bold;
}

.PgAttModal1 .panel .panel-heading .panel-title .fa {
    display: none;
}

.PgAttModal1 .panel .panel-body {
    background: none;
    border: 0px;

    padding: 15px;
}

.PgAttModal1 .panel .panel-footer {
    background: none;
    border: 0px;

    padding: 15px;
}

.PgAttModal1 .panel .panel-footer .btn {
    color: #FFF !important;
    font-size: 15px;
    font-weight: bold;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    display: inline-block;
    position: relative;
    text-decoration: none !important;
    cursor: pointer;

    text-align: center;
    vertical-align: middle;

    width: auto;
    height: auto;
    line-height: normal;

    padding: 12px 20px;
    margin: 0px;

    background: #009245;
    border: none;

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.PgAttModal1 .panel .panel-footer .btn:hover,
.PgAttModal1 .panel .panel-footer .btn:active,
.PgAttModal1 .panel .panel-footer .btn:focus {
    background: #016831;
}

/* ------------- */
















/*
############
Controle de Botï¿½es
############
*/
.btn {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-weight: bold;
}

.btn:hover {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

/* ------------- */

.btn-primary {
    color: #fff;
    background-color: var(--base2);
    border-color: var(--base1);
}

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: var(--base1);
    border-color: #000;
}

.btn-success {
    color: #fff;
    background-color: var(--base2);
    border-color: var(--base1);
}

.btn-success.active,
.btn-success.focus,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: var(--base1);
    border-color: #000;
}

.btn-info {
    color: #fff;
    background-color: var(--base2);
    border-color: var(--base1);
}

.btn-info.active,
.btn-info.focus,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: var(--base1);
    border-color: #000;
}

.admin-form .btn-primary {
    color: #fff;
    background-color: var(--base2);
    border-color: var(--base1);
    font-weight: bold;
}

.admin-form .btn-primary:hover,
.admin-form .btn-primary:focus {
    color: #fff;
    background-color: var(--base1);
    border-color: var(--base1);
}

.admin-form .btn-dark {
    color: #fff;
    background-color: var(--base2);
    border-color: var(--base1);
    font-weight: bold;
}

.admin-form .btn-dark:hover,
.admin-form .btn-dark:focus {
    color: #fff;
    background-color: var(--base1);
    border-color: var(--base1);
}

.admin-form .btn-success {
    color: #fff;
    background-color: var(--base2);
    border-color: var(--base1);
    font-weight: bold;
}

.admin-form .btn-success:hover,
.admin-form .btn-success:focus {
    color: #fff;
    background-color: var(--base1);
    border-color: var(--base1);
}

.subscribe-form input[type="submit"] {
    background-color: var(--base2) !important;
}

.subscribe-form input[type="submit"]:hover,
.subscribe-form input[type="submit"]:focus,
.subscribe-form input[type="submit"]:active {
    background: var(--base1) !important;
}

/* ------------- */













/*
############
Controle de Botões
############
*/

.btn-login1,
.btn-login1b,
.btn-login1c,
.btn-login2,
.btn-login2b,
.btn-login2c,
.btn-login3,
.btn-login3b,
.btn-login-facebook,
.btn-login-google,
.btn-login-apple,
.btn-login-windows,
.btn-login-github {
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

    -webkit-transition: all 0.3s ease-out !important;
    transition: all 0.3s ease-out !important;
}

/* ------------- */

.btn-login1 {
    background: #FFF;
    border: 1px solid #42B653;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    color: #42B653;
    font-size: 16px;
    font-weight: normal;

    padding: 10px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.btn-login1:hover {
    background: #42B653;

    color: #FFF;
}

/* ------------- */

.btn-login1b {
    background: #FFF;
    border: 1px solid #42B653;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    color: #42B653;
    font-size: 20px;
    font-weight: normal;

    padding: 20px 10px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.btn-login1b:hover {
    background: #42B653;

    color: #FFF;
}

/* ------------- */

.btn-login1c {
    background: #FFF;
    border: 1px solid #42B653;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    color: #42B653;
    font-size: 12px;
    font-weight: normal;

    padding: 5px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.btn-login1c:hover {
    background: #42B653;

    color: #FFF;
}

/* ------------- */

.btn-login2 {
    background: #42B653;
    border: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    color: #fff !important;
    font-size: 16px;
    font-weight: normal;

    padding: 10px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.btn-login2:hover {
    background: #348E40;

    color: #FFF;
}

/* ------------- */

.btn-login2b {
    background: #42B653;
    border: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    color: #fff;
    font-size: 20px;
    font-weight: normal;

    padding: 20px 10px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.btn-login2b:hover {
    background: #348E40;

    color: #FFF;
}

/* ------------- */

.btn-login2c {
    background: #42B653;
    border: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    color: #fff;
    font-size: 12px;
    font-weight: bold;

    padding: 10px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.btn-login2c:hover {
    background: #348E40;

    color: #FFF;
}

/* ------------- */

.btn-login3 {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.2);

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    color: #000;
    font-size: 11px;
    font-weight: 600;

    padding: 5px 10px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.btn-login3:hover {
    background: rgba(0, 0, 0, 0.1);

    color: #000;
}

/* ------------- */

.btn-login3b {
    background: none;
    border: 0px;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    color: #615B5C;
    font-size: 12px;
    font-weight: 600;

    padding: 0px;
    margin: 0px;

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.btn-login3b:hover {
    color: #000;

    text-decoration: underline;
}

/* ------------- */

.btn-login4 {
    background: #91DBAF;
    border: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    color: #fff !important;
    font-size: 15px;
    font-weight: bold;

    padding: 10px 20px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.btn-login4:hover {
    background: #7CBA95;

    color: #FFF;
}

/* ------------- */

.btn-login5 {
    background: #FFF;
    border: 1px solid #d1d2d7;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    color: #74757a !important;
    font-size: 13px;
    font-weight: bold;

    padding: 5px 10px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    text-decoration: none !important;
}

.btn-login5:hover {
    border: 1px solid #74757a;
    background: #f1f1f1;
}

/* ------------- */

.btn-login6 {
    background-color: var(--base2);
    border-color: var(--base1);

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    color: #fff !important;
    font-size: 15px;
    font-weight: bold;

    padding: 10px 20px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.btn-login6:hover {
    background-color: var(--base1);
    border-color: #000;

    color: #FFF;
}

/* ------------- */

.btn-login7 {
    background: var(--base3);
    border: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    color: #fff !important;
    font-size: 13px;
    font-weight: bold;

    padding: 7px 20px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.btn-login7:hover {
    background: var(--base3);

    color: #FFF;
}

/* ------------- */

.btn-login8 {
    background: rgba(0, 0, 0, 0.05);
    border: rgba(0, 0, 0, 0.1);

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    color: #393838 !important;
    font-size: 15px;
    font-weight: bold;

    padding: 10px 20px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.btn-login8:hover {
    background: rgba(0, 0, 0, 0.1);
}

/* ------------- */

.btn-login8B {
    background: rgba(0, 0, 0, 0.05);
    border: rgba(0, 0, 0, 0.1);

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    color: #393838 !important;
    font-size: 15px;
    font-weight: bold;

    padding: 5px 10px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.btn-login8B:hover {
    background: rgba(0, 0, 0, 0.1);
}

/* ------------- */

.btn-login10 {
    background: #FFF;
    border: 1px solid #A7B0B2;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    color: #697174 !important;
    font-size: 13px;
    font-weight: bold;

    padding: 8px 25px;
    margin-bottom: 25px;

    display: inline-block;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    position: relative;
}

.btn-login10:before {
    position: absolute;
    display: block;

    font-family: FontAwesome;
    color: #7A8384;
    font-size: 36px;

    left: 0px;
    bottom: -25px;

    height: 36px;
    width: 100%;

    content: "\f107";

}

.btn-login10:hover {
    background: #f1f1f1;

    color: #000 !important;
    text-decoration: none !important;
}

/* ------------- */

.btn-login11 {
    background: #F7F7F7;
    border: #898989 1px solid;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    color: #898989 !important;
    font-size: 15px;
    font-weight: bold;

    padding: 5px 20px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.btn-login11:hover {
    background: #E5E5E5;
}

/* ------------- */

.btn-login-facebook {
    background: #3b5998;
    border: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    color: #FFF !important;
    font-size: 15px;
    font-weight: bold;

    padding: 10px 20px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.btn-login-facebook .fa {
    margin-right: 10px;
}

.btn-login-facebook:hover {
    background: #2d4373;
}

/* ------------- */

.btn-login-google {
    background: #dd4b39;
    border: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    color: #FFF !important;
    font-size: 15px;
    font-weight: bold;

    padding: 10px 20px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.btn-login-google .fa {
    margin-right: 10px;
}

.btn-login-google:hover {
    background: #a32b1c;
}

/* ------------- */

.btn-login-apple {
    background: #444;
    border: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    color: #FFF !important;
    font-size: 15px;
    font-weight: bold;

    padding: 10px 20px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.btn-login-apple .fa {
    margin-right: 10px;
}

.btn-login-apple:hover {
    background: #444;
}

/* ------------- */

.btn-login-windows {
    background: #2672ec;
    border: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    color: #FFF !important;
    font-size: 15px;
    font-weight: bold;

    padding: 10px 20px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.btn-login-windows .fa {
    margin-right: 10px;
}

.btn-login-windows:hover {
    background: #0f4bac;
}

/* ------------- */

.btn-login-github {
    background: #444;
    border: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    color: #FFF !important;
    font-size: 15px;
    font-weight: bold;

    padding: 10px 20px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.btn-login-github .fa {
    margin-right: 10px;
}

.btn-login-github:hover {
    background: #191919;
}

/*
############
loader (preloader) - movido de Est_1.php
############
*/

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FFF;

    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 1001;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FFF;

    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FFF;

    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;

    z-index: 1000;

    background: rgba(27, 27, 27, 1);
}

#loader-wrapper .loader-section.section-left {
    left: 0;
}

#loader-wrapper .loader-section.section-right {
    right: 0;
}

/* Loaded styles */
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);

    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);

    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
    opacity: 0;

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
    visibility: hidden;

    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);

    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}

/* ------------- */

/*
############
fanpage evento (.fp-*)
############
*/

.fp-wrap {
    background: #f0f2f5;
}

.fp-header {
    position: relative;
    background: #fdf3ea;
    background: -webkit-linear-gradient(top, #fdf3ea 0%, #ffffff 100%);
    background: -moz-linear-gradient(top, #fdf3ea 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #fdf3ea 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #fdf3ea 0%, #ffffff 100%);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.10);
    margin-bottom: 20px;
}

.fp-identity {
    position: relative;
    z-index: 2;
    padding: 24px 0;
}

.fp-identity .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.fp-avatar {
    border: 5px solid #fff;
    background: #fff;
    object-fit: cover;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.fp-avatar-zoom,
.fp-flyer-zoom {
    display: inline-block;
    cursor: zoom-in;
}

.fp-flyer {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

.fp-identity-text {
    padding-top: 0;
}

.fp-identity-text h1 {
    margin: 0 0 4px;
    font-size: 30px;
    font-weight: 700;
    color: #1b1b1b;
    line-height: 1.2;
}

.fp-meta {
    color: #606770;
    font-size: 14px;
    margin: 0;
}

.fp-meta span {
    margin-right: 18px;
    display: inline-block;
}

.fp-meta i {
    color: #116066;
    margin-right: 6px;
}

.fp-body {
    padding-bottom: 30px;
}

.fp-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.10);
    margin-bottom: 20px;
    overflow: hidden;
}

.fp-card-head {
    padding: 14px 18px;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    background: #116066;
    background: -webkit-linear-gradient(315deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    background: linear-gradient(135deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    letter-spacing: 0.3px;
}

.fp-card-head i {
    color: #fff;
    margin-right: 8px;
}

.fp-card-body {
    padding: 18px;
}

.fp-card-body .info-geral-2 {
    font-size: 14px;
    line-height: 1.7;
    color: #1b1b1b;
}

/* ----- descricao (sobre o evento) ----- */

.fp-descricao {
    font-size: 15px;
    line-height: 1.75;
    color: #2d2d2d;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.fp-descricao p {
    margin: 0 0 14px;
}

.fp-descricao p:last-child {
    margin-bottom: 0;
}

.fp-descricao h1,
.fp-descricao h2,
.fp-descricao h3,
.fp-descricao h4 {
    margin: 22px 0 10px;
    color: #1b1b1b;
    font-weight: 700;
    line-height: 1.3;
}

.fp-descricao h1 {
    font-size: 22px;
}

.fp-descricao h2 {
    font-size: 20px;
}

.fp-descricao h3 {
    font-size: 18px;
}

.fp-descricao h4 {
    font-size: 16px;
}

.fp-descricao a {
    color: #116066;
    text-decoration: underline;
}

.fp-descricao ul,
.fp-descricao ol {
    margin: 0 0 14px;
    padding-left: 22px;
}

.fp-descricao li {
    margin-bottom: 6px;
}

.fp-descricao img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 8px 0;
}

.fp-descricao blockquote {
    margin: 14px 0;
    padding: 10px 16px;
    border-left: 4px solid #116066;
    background: #faf5f5;
    color: #5a3d3d;
}

.fp-descricao iframe {
    max-width: 100%;
}

.fp-descricao table {
    max-width: 100%;
}

/* ----- listagem de ingressos ----- */

.fp-secao-titulo {
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid #f0f2f5;
}

.fp-secao-titulo h4 {
    margin: 0 0 4px;
    font-size: 19px;
    font-weight: 700;
    color: #1b1b1b;
}

.fp-secao-titulo p {
    margin: 0;
    font-size: 14px;
    color: #606770;
}

.fp-ingressos {
    margin-bottom: 18px;
}

.fp-ingresso {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 16px 18px;
    margin-bottom: 12px;

    background: #fdfdfd;
    border: 1px solid #e4e6eb;
    border-left: 4px solid #f0ad4e;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.fp-ingresso:hover {
    border-color: #f0ad4e;
    background: #fffaf2;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10);
}

.fp-ingresso:last-child {
    margin-bottom: 0;
}

.fp-ingresso-info {
    flex: 1 1 auto;
    min-width: 160px;
}

.fp-ingresso-titulo {
    font-size: 16px;
    font-weight: 700;
    color: #1b1b1b;
}

.fp-ingresso-sub {
    font-size: 13px;
    color: #606770;
    margin-top: 2px;
}

.fp-ingresso-lote {
    display: inline-block;
    background: #f0f2f5;
    border-radius: 20px;
    padding: 2px 10px;
    margin-right: 6px;
}

.fp-ingresso-valor {
    font-size: 18px;
    font-weight: 700;
    color: #116066;
    white-space: nowrap;
    margin-right: 6px;
}

.fp-stepper {
    display: inline-flex;
    align-items: center;
    border: 1px solid #d0d3d8;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.fp-stepper-btn {
    width: 38px;
    height: 38px;
    border: 0;
    background: #f0f2f5;
    color: #1b1b1b;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.fp-stepper-btn:hover {
    background: #116066;
    color: #fff;
}

.fp-stepper-valor {
    width: 46px;
    height: 38px;
    border: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #1b1b1b;
    background: #fff;
    padding: 0;
}

.fp-resumo {
    display: none;
    align-items: baseline;
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 14px;
}

.fp-resumo-label {
    font-size: 14px;
    color: #606770;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.fp-resumo-valor {
    font-size: 24px;
    font-weight: 700;
    color: #116066;
}

.fp-inscrever-wrap {
    text-align: center;
}

.fp-btn-inscrever {
    display: inline-block;
    border: 0;
    border-radius: 6px;
    padding: 10px 22px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    background: #116066;
    background: -webkit-linear-gradient(315deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    background: linear-gradient(135deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.fp-btn-inscrever:hover {
    opacity: 0.92;
}

.fp-btn-inscrever i {
    margin-right: 8px;
}

@media (max-width: 480px) {

    .fp-ingresso-valor {
        flex: 1 1 auto;
        text-align: right;
    }

    .fp-resumo {
        justify-content: center;
    }

    .fp-ingresso {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .fp-stepper {
        margin-left: auto;
        margin-right: auto;
    }

}

.fp-wrap .alert-warning {
    position: relative;
    border: 0;
    border-left: 4px solid #116066;
    border-radius: 6px;
    background: #fff8f0;
    color: #5a3d1e;
    font-size: 15px;
    padding: 14px 16px 14px 46px;
    margin: 0;
}

.fp-wrap .alert-warning:before {
    content: "\f071";
    font-family: FontAwesome;
    position: absolute;
    left: 16px;
    top: 14px;
    color: #116066;
    font-size: 18px;
}

.fp-wrap .alert-warning b {
    color: #116066;
}

.fp-info-line {
    font-size: 15px;
    color: #1b1b1b;
    line-height: 1.6;
}

.fp-info-line i {
    color: #116066;
    margin-right: 6px;
}

.fp-info-line b {
    color: #116066;
}

.fp-info-destaque {
    font-size: 18px;
    font-weight: 700;
    color: #1b1b1b;
}

.fp-regras .item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
}

.fp-regras .item i {
    color: #116066;
    margin-right: 10px;
    margin-top: 2px;
}

.fp-embed {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.fp-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

@media (max-width: 767px) {

    .fp-identity {
        text-align: center;
    }

    .fp-identity .row {
        flex-direction: column;
        align-items: center;
    }

    .fp-avatar {
        width: 110px;
        height: 110px;
    }

    .fp-identity-text {
        padding-top: 12px;
    }

    .fp-identity-text h1 {
        font-size: 22px;
    }

}

/* ------------- */






/*
##############
# PgNominar
##############
*/
.PgNominar .NominarAviso {
    margin-bottom: 30px;
}

.PgNominar #BlcIngressos {
    margin-bottom: 10px;
}

/* ------------- */

.PgNominar .CardIngresso {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
    overflow: hidden;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.PgNominar .CardIngresso:hover {
    border-color: #cfcfcf;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.10);
}

/* ------------- */

.PgNominar .CardIngressoTopo {
    display: flex;
    align-items: center;
    padding: 16px 20px;
    background: #f5f5f5;
    border-bottom: 1px solid #e6e6e6;
}

.PgNominar .CardIngressoNumero {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    background: #3a3f44;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-right: 14px;
}

.PgNominar .CardIngressoTitulo {
    flex: 1 1 auto;
    min-width: 0;
}

.PgNominar .CardIngressoTitulo a {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #3a3f44;
    text-decoration: none;
}

.PgNominar .CardIngressoTitulo a:hover {
    text-decoration: underline;
}

.PgNominar .CardIngressoLote {
    display: block;
    font-size: 12px;
    color: #999;
    margin-top: 2px;
}

/* ------------- */

.PgNominar .CardIngressoCorpo {
    padding: 20px 20px 6px 20px;
}

.PgNominar .CardIngressoCorpo .form-group label {
    font-size: 12px;
    font-weight: bold;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: 6px;
}

.PgNominar .CardIngressoCorpo .form-control {
    height: 46px;
    padding: 10px 14px;
    font-size: 14px;
    color: #333;
    background: #f7f8f9;
    border: 1px solid #e2e5e8;
    border-radius: 8px;
    box-shadow: none;
    transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.PgNominar .CardIngressoCorpo .form-control::-webkit-input-placeholder {
    color: #aab0b6;
}

.PgNominar .CardIngressoCorpo .form-control:-ms-input-placeholder {
    color: #aab0b6;
}

.PgNominar .CardIngressoCorpo .form-control::placeholder {
    color: #aab0b6;
}

.PgNominar .CardIngressoCorpo .form-control:hover {
    border-color: #cfd4d9;
}

.PgNominar .CardIngressoCorpo .form-control:focus {
    background: #fff;
    border-color: #3a3f44;
    box-shadow: 0 0 0 3px rgba(58, 63, 68, 0.12);
}

/* ------------- */

.PgNominar .CardIngressoExtra {
    padding: 6px 20px 16px 20px;
    border-top: 1px solid #f2f2f2;
    margin-top: 6px;
}

.PgNominar .CardIngressoAutorizacao {
    padding: 16px 20px;
    background: #fbfbfb;
    border-top: 1px solid #f2f2f2;
}

.PgNominar .CardIngressoAutorizacao .checkbox {
    margin: 0;
}

.PgNominar .CardIngressoAutorizacao label {
    font-size: 13px;
    color: #555;
    line-height: 1.6;
}

/* ------------- */

.PgNominar .NominarAcoes {
    margin-top: 10px;
}

.PgNominar .NominarAcoes .btn {
    min-width: 220px;
    background: #116066;
    background: -webkit-linear-gradient(315deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    background: linear-gradient(135deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    border-color: #116066;
    color: #fff;
    font-weight: bold;
    transition: opacity 0.2s ease;
}

.PgNominar .NominarAcoes .btn:hover,
.PgNominar .NominarAcoes .btn:focus,
.PgNominar .NominarAcoes .btn:active {
    background: #116066;
    background: -webkit-linear-gradient(315deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    background: linear-gradient(135deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    border-color: #0d4a54;
    color: #fff;
    opacity: 0.92;
}

/* ------------- */

@media (max-width: 767px) {

    .PgNominar .CardIngressoTopo {
        padding: 14px 16px;
    }

    .PgNominar .CardIngressoCorpo {
        padding: 16px 16px 4px 16px;
    }

    .PgNominar .NominarAcoes .btn {
        width: 100%;
        min-width: 0;
    }

}

/* ------------- */

/*
############
Pg Compra - Pagamento (Checkout)
############
*/

.PgCompraPagamento {
    margin-top: 30px;
    margin-bottom: 50px;
}

.PgCompraPagamento .CheckoutCard {
    background: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    padding: 24px;
    margin-bottom: 24px;
}

.PgCompraPagamento .CheckoutCardTitulo {
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: -24px -24px 20px -24px;
    padding: 16px 24px;
    background: #116066;
    background: -webkit-linear-gradient(315deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    background: linear-gradient(135deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 3px solid #0d4a54;
}

.PgCompraPagamento .CheckoutCardTitulo i {
    color: #ffffff;
    margin-right: 8px;
    opacity: 0.7;
}

/* ------------- */

.PgCompraPagamento .CheckoutColDetalhe .CheckoutCard {
    padding-top: 20px;
}

/* ------------- */

.PgCompraPagamento .CheckoutInscricoes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.PgCompraPagamento .CheckoutInscricao {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #fafafa;
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 16px;
    margin-bottom: 16px;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.PgCompraPagamento .CheckoutInscricao:last-child {
    margin-bottom: 0;
}

.PgCompraPagamento .CheckoutInscricao:hover {
    border-color: #d8d8d8;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.PgCompraPagamento .CheckoutInscricaoFoto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: block;
    width: 110px;
    margin-right: 16px;
}

.PgCompraPagamento .CheckoutInscricaoFoto img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
}

/* Mobile: oculta a foto do evento no detalhe da inscricao */
@media (max-width: 767px) {
    .PgCompraPagamento .CheckoutInscricaoFoto {
        display: none;
    }
}

.PgCompraPagamento .CheckoutInscricaoInfo {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
}

.PgCompraPagamento .CheckoutInscricaoEvento {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #07253f;
    line-height: 1.3;
}

.PgCompraPagamento .CheckoutInscricaoEvento:hover {
    color: #2f3437;
    text-decoration: underline;
}

.PgCompraPagamento .CheckoutInscricaoData {
    font-size: 12px;
    color: #8a8a8a;
    margin-top: 4px;
    margin-bottom: 12px;
}

.PgCompraPagamento .CheckoutInscricaoData i {
    margin-right: 4px;
}

.PgCompraPagamento .CheckoutInscricaoDados {
    list-style: none;
    margin: 0 0 12px 0;
    padding: 12px 0;
    border-top: 1px dashed #e2e2e2;
    border-bottom: 1px dashed #e2e2e2;
}

.PgCompraPagamento .CheckoutInscricaoDados li {
    font-size: 13px;
    line-height: 1.5;
    color: #3a3f43;
}

.PgCompraPagamento .CheckoutDadoRotulo {
    display: inline-block;
    min-width: 130px;
    color: #9b9b9b;
}

.PgCompraPagamento .CheckoutDadoValor {
    font-weight: 600;
}

.PgCompraPagamento .CheckoutInscricaoRodape {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.PgCompraPagamento .CheckoutInscricaoTipo {
    line-height: 1.3;
}

.PgCompraPagamento .CheckoutInscricaoTipoTitulo {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #07253f;
}

.PgCompraPagamento .CheckoutInscricaoLote {
    display: block;
    font-size: 11px;
    color: #9b9b9b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.PgCompraPagamento .CheckoutInscricaoValor {
    font-size: 18px;
    font-weight: 700;
    color: #2e7d32;
    white-space: nowrap;
    margin-left: 12px;
}

.PgCompraPagamento .CheckoutCardPagamento {
    position: relative;
    border: 1px solid #d8dadc;
    border-top: 5px solid #2f3437;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14);
}

@media (min-width: 992px) {

    .PgCompraPagamento .CheckoutCardPagamento {
        position: -webkit-sticky;
        position: sticky;
        top: 20px;
    }

}

/* No mobile, exibir a coluna de pagamento antes da coluna de detalhe */
@media (max-width: 991px) {

    .PgCompraPagamento>.row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .PgCompraPagamento>.row>.CheckoutColPagamento {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .PgCompraPagamento>.row>.CheckoutColDetalhe {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

}

/* ------------- */

.PgCompraPagamento .CheckoutResumo {
    margin-bottom: 22px;
}

.PgCompraPagamento .CheckoutResumoLinha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
}

.PgCompraPagamento .CheckoutResumoRotulo {
    font-size: 14px;
    color: #5f5f5f;
}

.PgCompraPagamento .CheckoutResumoValor {
    font-size: 18px;
    font-weight: 700;
    color: #07253f;
}

.PgCompraPagamento .CheckoutTotal {
    border-bottom: none;
    margin-top: 4px;
    padding-top: 16px;
}

.PgCompraPagamento .CheckoutTotal .CheckoutResumoRotulo {
    font-size: 15px;
    font-weight: 700;
    color: #07253f;
    text-transform: uppercase;
}

.PgCompraPagamento .CheckoutTotal .CheckoutResumoValor {
    font-size: 28px;
    color: #116066;
}

/* ------------- */

.PgCompraPagamento .CheckoutBtnPagar {
    display: block;
    width: 100%;
    background: #116066;
    background: -webkit-linear-gradient(315deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    background: linear-gradient(135deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 16px 20px;
    border-radius: 8px;
    border: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    transition: background 0.2s ease, box-shadow 0.2s ease, -webkit-transform 0.2s ease;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.PgCompraPagamento .CheckoutBtnPagar:hover,
.PgCompraPagamento .CheckoutBtnPagar:focus {
    background: #116066;
    background: -webkit-linear-gradient(315deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    background: linear-gradient(135deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    opacity: 0.92;
    color: #ffffff;
    text-decoration: none;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

.PgCompraPagamento .CheckoutBtnPagar i {
    margin-right: 8px;
}

/* ------------- */

.PgCompraPagamento .CheckoutSeguranca {
    margin-top: 16px;
    padding: 12px 14px;
    background: #f4f8fa;
    border: 1px solid #e2eef4;
    border-radius: 8px;
    font-size: 12px;
    line-height: 1.5;
    color: #5f5f5f;
    text-align: center;
}

.PgCompraPagamento .CheckoutSeguranca i {
    color: #2e7d32;
    margin-right: 5px;
}

/* ------------- */

.PgCompraPagamento .CheckoutBandeirasTitulo {
    margin-top: 22px;
    margin-bottom: 10px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #9b9b9b;
    text-align: center;
}

.PgCompraPagamento .CheckoutBandeiras {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.PgCompraPagamento .CheckoutBandeiras li {
    display: inline-block;
    margin: 0 4px 6px 0;
}

.PgCompraPagamento .CheckoutBandeiras li img {
    border: 1px solid #ededed;
    border-radius: 4px;
    max-height: 30px;
}

/* ------------- */

.PgCompraPagamento .CheckoutCarregando {
    padding: 40px 20px;
}

.PgCompraPagamento .CheckoutCarregandoTexto {
    margin-top: 16px;
    font-size: 14px;
    color: #5f5f5f;
}

.PgCompraPagamento .CheckoutSpinner {
    width: 56px;
    height: 56px;
    -webkit-animation: CheckoutSpinnerGira 1.6s linear infinite;
    animation: CheckoutSpinnerGira 1.6s linear infinite;
}

.PgCompraPagamento .CheckoutSpinnerTrilha {
    stroke: #ececec;
}

.PgCompraPagamento .CheckoutSpinnerArco {
    stroke: #2f3437;
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    -webkit-animation: CheckoutSpinnerTraco 1.4s ease-in-out infinite;
    animation: CheckoutSpinnerTraco 1.4s ease-in-out infinite;
}

@-webkit-keyframes CheckoutSpinnerGira {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes CheckoutSpinnerGira {
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes CheckoutSpinnerTraco {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

/* =====================================================================
   PIX - Checkout (refatorado)
   ===================================================================== */

.PgCompraPagamento .PixBox {
    padding: 0 0 26px;
    overflow: hidden;
    border-top: none;
    text-align: center;
    -webkit-animation: PixEntra 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;
    animation: PixEntra 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@-webkit-keyframes PixEntra {
    from {
        opacity: 0;
        -webkit-transform: translateY(10px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes PixEntra {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ----- Cabecalho ----- */

.PgCompraPagamento .PixHead {
    padding: 30px 26px 24px;
    background: #0d4a54;
    background: -webkit-linear-gradient(315deg, #0a3b43 0%, #116066 55%, #1f8e8f 100%);
    background: linear-gradient(135deg, #0a3b43 0%, #116066 55%, #1f8e8f 100%);
    color: #ffffff;
}

.PgCompraPagamento .PixBadge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin: 0 auto 14px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
}

.PgCompraPagamento .PixBadge img {
    width: 30px;
    height: auto;
}

.PgCompraPagamento .PixHeadTitulo {
    margin: 0;
    font-size: 21px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.2px;
}

.PgCompraPagamento .PixHeadSub {
    margin: 8px auto 0;
    font-size: 13px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.82);
}

/* ----- Valor ----- */

.PgCompraPagamento .PixValor {
    margin: -16px 26px 0;
    padding: 16px 20px;
    background: #ffffff;
    border: 1px solid #e3eceb;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(13, 74, 84, 0.10);
    position: relative;
}

.PgCompraPagamento .PixValorRotulo {
    display: block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #9aa6a5;
}

.PgCompraPagamento .PixValorNumero {
    display: block;
    margin-top: 2px;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.1;
    color: #0d4a54;
}

/* ----- QR Code ----- */

.PgCompraPagamento .PixQr {
    padding: 26px 26px 4px;
}

.PgCompraPagamento .PixQrMoldura {
    display: inline-block;
    padding: 14px;
    background: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 18px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.07);
    line-height: 0;
}

.PgCompraPagamento .PixQrMoldura img {
    display: block;
    width: 210px;
    height: 210px;
    max-width: 100%;
    border-radius: 8px;
}

/* ----- Divisor ----- */

.PgCompraPagamento .PixDivisor {
    position: relative;
    margin: 22px 26px 16px;
    text-align: center;
}

.PgCompraPagamento .PixDivisor:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #eceeee;
}

.PgCompraPagamento .PixDivisor span {
    position: relative;
    display: inline-block;
    padding: 0 14px;
    background: #ffffff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #aab2b1;
}

/* ----- Copia e Cola ----- */

.PgCompraPagamento .PixCopia {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 26px;
    border: 1px solid #d4dddc;
    border-radius: 12px;
    overflow: hidden;
    background: #f7faf9;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.PgCompraPagamento .PixCopia:hover {
    border-color: #1f8e8f;
    box-shadow: 0 0 0 3px rgba(31, 142, 143, 0.10);
}

.PgCompraPagamento .PixCopiaInput {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    height: 48px;
    padding: 0 14px;
    font-family: Consolas, Menlo, Monaco, monospace;
    font-size: 12px;
    color: #3a3f43;
    background: transparent;
    border: none;
    text-overflow: ellipsis;
}

.PgCompraPagamento .PixCopiaInput:focus {
    outline: none;
}

.PgCompraPagamento .PixCopiaBtn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
    padding: 0 20px;
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    background: #116066;
    background: -webkit-linear-gradient(315deg, #0d4a54 0%, #116066 50%, #1f8e8f 100%);
    background: linear-gradient(135deg, #0d4a54 0%, #116066 50%, #1f8e8f 100%);
    border: none;
    cursor: pointer;
    white-space: nowrap;
    transition: -webkit-filter 0.2s ease;
    transition: filter 0.2s ease;
}

.PgCompraPagamento .PixCopiaBtn:hover {
    -webkit-filter: brightness(1.08);
    filter: brightness(1.08);
}

.PgCompraPagamento .PixCopiaBtn i {
    margin-right: 7px;
    font-size: 14px;
}

.PgCompraPagamento .PixCopiaBtn.PixCopiado {
    background: #1f9d57;
}

/* ----- Passos ----- */

.PgCompraPagamento .PixPassos {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 26px 20px 0;
    padding: 0;
}

.PgCompraPagamento .PixPassos li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 16px 10px;
    margin: 0 6px;
    background: #f7faf9;
    border: 1px solid #eaf1f0;
    border-radius: 12px;
}

.PgCompraPagamento .PixPassoNum {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    background: #116066;
    background: -webkit-linear-gradient(315deg, #0d4a54 0%, #116066 55%, #1f8e8f 100%);
    background: linear-gradient(135deg, #0d4a54 0%, #116066 55%, #1f8e8f 100%);
    border-radius: 50%;
    box-shadow: 0 3px 8px rgba(13, 74, 84, 0.25);
}

.PgCompraPagamento .PixPassoTxt {
    font-size: 12px;
    line-height: 1.4;
    color: #4a5152;
}

.PgCompraPagamento .PixPassoTxt b {
    color: #0d4a54;
}

/* Mobile: passos empilhados em coluna unica */
@media (max-width: 480px) {

    .PgCompraPagamento .PixPassos {
        display: block;
        margin: 26px 26px 0;
    }

    .PgCompraPagamento .PixPassos li {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: left;
        margin: 0 0 10px 0;
        padding: 12px 14px;
    }

    .PgCompraPagamento .PixPassos li:last-child {
        margin-bottom: 0;
    }

    .PgCompraPagamento .PixPassoNum {
        margin-bottom: 0;
        margin-right: 13px;
    }

}

/* ----- Confirmacao automatica (PIX MercadoPago) ----- */

.PgCompraPagamento .PixAuto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 22px 26px 0;
    padding: 16px 18px;
    background: #f4f8fa;
    border: 1px solid #d6e6ef;
    border-radius: 12px;
    text-align: left;
}

.PgCompraPagamento .PixAutoSpin {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-right: 14px;
    color: #ffffff;
    background: #116066;
    background: -webkit-linear-gradient(315deg, #0d4a54 0%, #116066 55%, #1f8e8f 100%);
    background: linear-gradient(135deg, #0d4a54 0%, #116066 55%, #1f8e8f 100%);
    border-radius: 50%;
    box-shadow: 0 3px 8px rgba(13, 74, 84, 0.25);
    padding-left: 10px;
}

.PgCompraPagamento .PixAutoSpin i {
    display: block;
    width: 18px;
    height: 18px;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
}

.PgCompraPagamento .PixAutoTexto b {
    display: block;
    font-size: 14px;
    color: #0d4a54;
    margin-bottom: 2px;
}

.PgCompraPagamento .PixAutoTexto span {
    font-size: 12px;
    line-height: 1.5;
    color: #5f6b6c;
}

/* ----- WhatsApp (envio do comprovante) ----- */

.PgCompraPagamento .PixWhats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 22px 26px 0;
    padding: 16px 18px;
    background: #f1faf2;
    border: 1px solid #cdeccf;
    border-radius: 12px;
    text-align: left;
}

.PgCompraPagamento .PixWhatsTexto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-right: 16px;
}

.PgCompraPagamento .PixWhatsTexto>i {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 12px;
    font-size: 24px;
    color: #25d366;
    margin-top: 1px;
}

.PgCompraPagamento .PixWhatsTexto b {
    font-size: 14px;
    color: #1c6b2a;
    margin-bottom: 2px;
}

.PgCompraPagamento .PixWhatsTexto span {
    font-size: 12px;
    line-height: 1.5;
    color: #4a5e4d;
}

.PgCompraPagamento .PixWhatsBtn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 46px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    background: #25d366;
    border-radius: 10px;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.30);
    transition: background 0.2s ease, -webkit-transform 0.2s ease;
    transition: background 0.2s ease, transform 0.2s ease;
}

.PgCompraPagamento .PixWhatsBtn:hover,
.PgCompraPagamento .PixWhatsBtn:focus {
    background: #1ebe5b;
    color: #ffffff;
    text-decoration: none;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

.PgCompraPagamento .PixWhatsBtn i {
    margin-right: 8px;
    font-size: 18px;
}

/* Mobile: WhatsApp empilhado (texto em cima, botao full abaixo) */
@media (max-width: 600px) {

    .PgCompraPagamento .PixWhats {
        display: block;
    }

    .PgCompraPagamento .PixWhatsTexto {
        margin-right: 0;
        margin-bottom: 14px;
    }

    .PgCompraPagamento .PixWhatsBtn {
        width: 100%;
        padding: 0;
    }

}

/* ----- Nota de seguranca ----- */

.PgCompraPagamento .PixNota {
    margin: 22px 26px 0;
    padding: 13px 15px;
    background: #f4f8fa;
    border: 1px solid #e2eef4;
    border-radius: 10px;
    font-size: 12px;
    line-height: 1.5;
    color: #5f6b6c;
    text-align: left;
}

.PgCompraPagamento .PixNota i {
    color: #1f8e8f;
    margin-right: 6px;
}

/* ----- Erro ----- */

.PgCompraPagamento .PixErro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 26px;
    padding: 16px 18px;
    background: #fdf3f2;
    border: 1px solid #f3d6d3;
    border-radius: 12px;
    text-align: left;
}

.PgCompraPagamento .PixErro i {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 12px;
    font-size: 20px;
    color: #c0392b;
    margin-top: 2px;
}

.PgCompraPagamento .PixErro b {
    display: block;
    font-size: 14px;
    color: #a23b32;
    margin-bottom: 3px;
}

.PgCompraPagamento .PixErro span {
    font-size: 12px;
    line-height: 1.5;
    color: #9a544e;
}

/* ----- Voltar ----- */

.PgCompraPagamento .PixVoltar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 22px 0 0;
    padding: 18px 26px 24px;
    border-top: 1px solid #f1f3f3;
    font-size: 13px;
    font-weight: 600;
    color: #116066;
}

.PgCompraPagamento .PixVoltar:hover {
    color: #0d4a54;
    text-decoration: none;
}

.PgCompraPagamento .PixVoltar i {
    margin-right: 7px;
}



/*
############
Página de Contato
############
*/

.pg-contato {
    padding-top: 60px;
    padding-bottom: 70px;
    background: #fafafa;
}

/* ----- Intro ----- */

.pg-contato-intro {
    max-width: 640px;
    margin: 0 auto 50px;
}

.pg-contato-intro-tag {
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: 700;
    color: var(--base1);
    background: rgba(27, 27, 27, 0.07);
    padding: 6px 16px;
    border-radius: 20px;
    margin-bottom: 18px;
}

.pg-contato-intro-titulo {
    font-size: 30px;
    font-weight: 700;
    color: var(--base1);
    margin: 0 0 14px;
    line-height: 1.25;
}

.pg-contato-intro-texto {
    font-size: 16px;
    color: #6b6b6b;
    line-height: 1.6;
    margin: 0;
}

/* ----- Bloco formulario + info ----- */

.pg-contato-conteudo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
}

.pg-contato-conteudo>[class*="col-"] {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 24px;
}

/* ----- Card do formulario ----- */

.pg-contato-form-box {
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 14px;
    padding: 40px;
    height: 100%;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
}

.pg-contato-bloco-titulo {
    font-size: 22px;
    font-weight: 700;
    color: var(--base1);
    margin: 0 0 6px;
}

.pg-contato-bloco-sub {
    font-size: 14px;
    color: #8a8a8a;
    margin: 0 0 28px;
}

.pg-contato-campo {
    margin-bottom: 20px;
}

.pg-contato-campo label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #3a3a3a;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.pg-contato-campo .form-control {
    height: 48px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px 16px;
    font-size: 15px;
    color: #333;
    box-shadow: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.pg-contato-campo textarea.form-control {
    height: auto;
    min-height: 130px;
    resize: vertical;
}

.pg-contato-campo .form-control:focus {
    border-color: var(--base1);
    box-shadow: 0 0 0 3px rgba(27, 27, 27, 0.08);
    outline: none;
}

.pg-contato-acoes {
    margin-bottom: 0;
    margin-top: 10px;
}

.pg-contato-btn {
    width: 100%;
    border-radius: 8px;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: #fff !important;
    border: 0 !important;
    background: #116066 !important;
    background: -webkit-linear-gradient(315deg, #0d4a54 0%, #116066 45%, #2a999c 100%) !important;
    background: linear-gradient(135deg, #0d4a54 0%, #116066 45%, #2a999c 100%) !important;
    transition: opacity 0.2s ease;
}

.pg-contato-btn:hover,
.pg-contato-btn:focus,
.pg-contato-btn:active {
    color: #fff !important;
    opacity: 0.92;
}

.pg-contato-btn .fa {
    margin-right: 8px;
}

/* ----- Painel lateral de informacoes ----- */

.pg-contato-info-box {
    background: #116066;
    background: -webkit-linear-gradient(315deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    background: linear-gradient(135deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    color: #fff;
    border-radius: 14px;
    padding: 40px;
    height: 100%;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
}

.pg-contato-info-titulo {
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 22px;
}

.pg-contato-info-lista {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pg-contato-info-lista li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 18px;
}

.pg-contato-info-lista li:last-child {
    margin-bottom: 0;
}

.pg-contato-info-icone {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    color: #fff;
    margin-right: 14px;
}

.pg-contato-info-icone svg {
    display: block;
    width: 18px;
    height: 18px;
}

.pg-contato-info-texto {
    font-size: 15px;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.88);
}

.pg-contato-info-divisor {
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    margin: 30px 0;
}

/* ----- Responsivo ----- */

@media (max-width: 767px) {

    .pg-contato {
        padding-top: 40px;
        padding-bottom: 45px;
    }

    .pg-contato-intro-titulo {
        font-size: 24px;
    }

    .pg-contato-form-box,
    .pg-contato-info-box {
        padding: 28px 22px;
    }

}

@keyframes CheckoutSpinnerTraco {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

/*
############
Página de Ajuda / Como funciona
############
*/

.pg-ajuda {
    padding-top: 55px;
    padding-bottom: 70px;
    background: #f7f8f9;
}

/* ----- Introdução ----- */

.pg-ajuda-intro {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 60px auto;
}

.pg-ajuda-tag {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #ffffff;
    background: #116066;
    background: -webkit-linear-gradient(315deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    background: linear-gradient(135deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    padding: 7px 16px;
    border-radius: 30px;
    margin-bottom: 18px;
}

.pg-ajuda-intro-titulo {
    font-size: 32px;
    font-weight: 700;
    color: #1a1d20;
    line-height: 1.25;
    margin: 0 0 18px 0;
}

.pg-ajuda-intro-texto {
    font-size: 17px;
    line-height: 1.7;
    color: #5a616a;
    margin: 0;
}

/* ----- Cabeçalho de seção ----- */

.pg-ajuda-passos-cabecalho {
    text-align: center;
    margin-bottom: 40px;
}

.pg-ajuda-secao-titulo {
    font-size: 26px;
    font-weight: 700;
    color: #1a1d20;
    margin: 0 0 10px 0;
}

.pg-ajuda-secao-sub {
    font-size: 16px;
    color: #8a909a;
    margin: 0;
}

/* ----- Passo a passo ----- */

.pg-ajuda-passos {
    margin-bottom: 70px;
}

.pg-ajuda-passos-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}

.pg-ajuda-passo {
    position: relative;
    width: 25%;
    padding: 0 12px;
    margin-bottom: 24px;
}

.pg-ajuda-passo-interno,
.pg-ajuda-passo {
    box-sizing: border-box;
}

.pg-ajuda-passo {
    text-align: center;
}

.pg-ajuda-passo>* {
    position: relative;
    z-index: 2;
}

.pg-ajuda-passo-num {
    width: 34px;
    height: 34px;
    line-height: 34px;
    margin: 0 auto 14px auto;
    border-radius: 50%;
    background: #f0a000;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(240, 160, 0, 0.35);
}

.pg-ajuda-passo-icone {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 78px;
    height: 78px;
    margin: 0 auto 18px auto;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #e7eaee;
    color: #116066;
    box-shadow: 0 8px 24px rgba(27, 27, 27, 0.06);
}

.pg-ajuda-passo-icone svg {
    width: 32px;
    height: 32px;
}

.pg-ajuda-passo-titulo {
    font-size: 17px;
    font-weight: 700;
    color: #1a1d20;
    margin: 0 0 8px 0;
}

.pg-ajuda-passo-texto {
    font-size: 14px;
    line-height: 1.6;
    color: #6b7280;
    margin: 0;
}

/* ----- Formas de pagamento ----- */

.pg-ajuda-pagamento {
    margin-bottom: 70px;
}

.pg-ajuda-pagamento-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 760px;
    margin: 0 auto;
}

.pg-ajuda-pagamento-item {
    box-sizing: border-box;
    width: 50%;
    padding: 0 12px;
    margin-bottom: 24px;
}

.pg-ajuda-pagamento-item .pg-ajuda-pagamento-icone {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: rgba(17, 96, 102, 0.10);
    color: #116066;
    margin-bottom: 16px;
}

.pg-ajuda-pagamento-icone svg {
    width: 26px;
    height: 26px;
}

.pg-ajuda-pagamento-titulo {
    font-size: 18px;
    font-weight: 700;
    color: #1a1d20;
    margin: 0 0 8px 0;
}

.pg-ajuda-pagamento-texto {
    font-size: 14px;
    line-height: 1.6;
    color: #6b7280;
    margin: 0;
}

/* ----- FAQ em cards ----- */

.pg-ajuda-faq {
    margin-bottom: 70px;
}

.pg-ajuda-faq-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}

.pg-ajuda-faq-card {
    box-sizing: border-box;
    width: 50%;
    padding: 0 12px;
    margin-bottom: 24px;
}

/* Bloco visual de cartão branco (usado em pagamento e FAQ) */
.pg-ajuda-card {
    height: 100%;
    background: #ffffff;
    border: 1px solid #eceef1;
    border-radius: 14px;
    padding: 28px 26px;
    box-shadow: 0 10px 30px rgba(27, 27, 27, 0.05);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.pg-ajuda-card:hover {
    box-shadow: 0 14px 36px rgba(27, 27, 27, 0.10);
    transform: translateY(-3px);
}

.pg-ajuda-faq-pergunta {
    font-size: 16px;
    font-weight: 700;
    color: #1a1d20;
    margin: 0 0 10px 0;
    line-height: 1.4;
}

.pg-ajuda-faq-icone {
    width: 19px;
    height: 19px;
    flex: 0 0 auto;
    color: #116066;
    margin-right: 9px;
    position: relative;
    top: 3px;
}

.pg-ajuda-faq-resposta {
    font-size: 14px;
    line-height: 1.65;
    color: #6b7280;
    margin: 0;
}

/* ----- Chamada final ----- */

.pg-ajuda-cta {
    text-align: center;
    background: #116066;
    background: -webkit-linear-gradient(315deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    background: linear-gradient(135deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    border-radius: 18px;
    padding: 50px 30px;
    color: #ffffff;
}

.pg-ajuda-cta-titulo {
    font-size: 26px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 12px 0;
}

.pg-ajuda-cta-texto {
    font-size: 16px;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.85);
    max-width: 560px;
    margin: 0 auto 28px auto;
}

.pg-ajuda-cta-botoes {
    display: inline-block;
}

.pg-ajuda-btn {
    display: inline-block;
    padding: 13px 30px;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    margin: 6px 8px;
    transition: all 0.2s ease;
}

.pg-ajuda-btn-primario {
    background: #ffffff;
    color: #116066;
}

.pg-ajuda-btn-primario:hover {
    background: #f0f4f5;
    color: #0d4a54;
}

.pg-ajuda-btn-secundario {
    background: transparent;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.45);
}

.pg-ajuda-btn-secundario:hover {
    background: rgba(255, 255, 255, 0.10);
    color: #ffffff;
}

/* ----- Responsivo ----- */

@media (max-width: 991px) {

    .pg-ajuda-passo {
        width: 50%;
    }

}

@media (max-width: 767px) {

    .pg-ajuda {
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .pg-ajuda-intro-titulo {
        font-size: 26px;
    }

    .pg-ajuda-secao-titulo {
        font-size: 22px;
    }

    .pg-ajuda-passo,
    .pg-ajuda-pagamento-item,
    .pg-ajuda-faq-card {
        width: 100%;
    }

    .pg-ajuda-cta {
        padding: 40px 22px;
    }

    .pg-ajuda-cta-titulo {
        font-size: 22px;
    }

    .pg-ajuda-btn {
        display: block;
        margin: 10px 0;
    }

}

/* ------------- */

/*
############
Home - Intro / Cards / Redes
############
*/

/* Intro acima da listagem de eventos */
.HomeIntro {
    text-align: center;
    max-width: 760px;
    margin: 10px auto 40px;
    padding: 0 15px;
}

.HomeIntro_Selo {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #116066;
    background: -webkit-linear-gradient(315deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    background: linear-gradient(135deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    padding: 6px 16px;
    border-radius: 30px;
    margin-bottom: 18px;
}

.HomeIntro_Titulo {
    font-size: 34px;
    font-weight: bold;
    color: var(--base1);
    margin: 0 0 14px;
    line-height: 1.2;
}

.HomeIntro_Texto {
    font-size: 16px;
    line-height: 1.7;
    color: #555555;
    margin: 0;
}

.HomeIntro_Divisor {
    display: block;
    width: 70px;
    height: 4px;
    margin: 22px auto 0;
    border-radius: 4px;
    background: rgba(153, 0, 0, 1);
}

/* Cards Fale Conosco / Ajuda */
.HomeCards {
    margin-top: 30px;
}

.HomeCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%;
    padding: 28px;
    margin-bottom: 24px;
    background: #ffffff;
    border: 1px solid #ececec;
    border-radius: 10px;
    text-decoration: none;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.HomeCard:hover,
.HomeCard:focus {
    text-decoration: none;
    border-color: rgba(17, 96, 102, 0.35);
    box-shadow: 0 12px 28px rgba(17, 96, 102, 0.12);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}

.HomeCard_Icone {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58px;
    height: 58px;
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: #116066;
    background: -webkit-linear-gradient(315deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    background: linear-gradient(135deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
}

.HomeCard_Corpo {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.HomeCard_Titulo {
    font-size: 19px;
    font-weight: bold;
    color: var(--base1);
    margin: 0 0 8px;
}

.HomeCard_Texto {
    font-size: 14px;
    line-height: 1.6;
    color: #666666;
    margin: 0 0 12px;
}

.HomeCard_Link {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #116066;
}

.HomeCard_Link:after {
    content: " \2192";
}

/* Redes sociais */
.HomeRedes {
    text-align: center;
    margin: 26px 0 10px;
    padding: 36px 15px 10px;
    border-top: 1px solid #ececec;
}

.HomeRedes_Titulo {
    font-size: 22px;
    font-weight: bold;
    color: var(--base1);
    margin: 0 0 8px;
}

.HomeRedes_Texto {
    font-size: 15px;
    color: #666666;
    margin: 0 0 22px;
}

.HomeRedes_Lista {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
}

.HomeRedes_Lista li {
    display: inline-block;
}

.HomeRede {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    color: #ffffff;
    background: rgba(27, 27, 27, 1);
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.HomeRede:hover,
.HomeRede:focus {
    color: #ffffff;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

.HomeRede--instagram:hover {
    background: #e1306c;
}

.HomeRede--facebook:hover {
    background: #1877f2;
}

.HomeRede--youtube:hover {
    background: #ff0000;
}

@media (max-width: 767px) {

    .HomeIntro_Titulo {
        font-size: 26px;
    }

    .HomeIntro {
        margin-bottom: 30px;
    }

    .HomeCard {
        padding: 22px;
    }

}

/* ------------- */

/*
############
QUEM SOMOS - Pagina_QuemSomos.php
############
*/
.QSomosIntro {
    padding: 60px 0 10px;
    text-align: center;
}

.QSomosIntro_Selo {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    color: #FFFFFF;
    background: #116066;
    background: -webkit-linear-gradient(315deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    background: linear-gradient(135deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    padding: 7px 16px;
    border-radius: 20px;
    margin-bottom: 18px;
}

.QSomosIntro_Titulo {
    font-size: 34px;
    font-weight: 700;
    color: #1a1d20;
    line-height: 1.25;
    margin: 0 0 20px;
}

.QSomosIntro_Texto {
    font-size: 18px;
    line-height: 1.8;
    color: #55595f;
    margin: 0;
}

.QSomosIntro_Texto em {
    color: #116066;
    font-style: italic;
}

/* ------------- */

.QSomosTituloSecao_Mini {
    display: block;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    color: #116066;
    margin-bottom: 8px;
}

.QSomosTituloSecao {
    font-size: 28px;
    font-weight: 700;
    color: #1a1d20;
    line-height: 1.3;
    margin: 0 0 24px;
}

/* ------------- */

.QSomosHistoria {
    padding: 40px 0;
}

.QSomosTexto {
    font-size: 16px;
    line-height: 1.85;
    color: #3a3f45;
}

.QSomosTexto p {
    margin: 0 0 1.2em;
}

.QSomosTexto strong {
    color: #1a1d20;
    font-weight: 700;
}

/* ------------- */

.QSomosPilares {
    padding: 60px 0;
    background: #f7f7f8;
    border-top: 1px solid #ececee;
    border-bottom: 1px solid #ececee;
}

.QSomosPilares_Sub {
    font-size: 17px;
    line-height: 1.7;
    color: #55595f;
    max-width: 640px;
    margin: 0 auto 10px;
}

.QSomosPilares_Grid {
    margin-top: 30px;
}

.QSomosPilar {
    background: #ffffff;
    border: 1px solid #ececee;
    border-radius: 10px;
    padding: 30px 24px;
    height: 100%;
    text-align: center;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.QSomosPilar:hover {
    border-color: #116066;
    -webkit-box-shadow: 0 12px 28px rgba(119, 16, 49, 0.12);
    box-shadow: 0 12px 28px rgba(119, 16, 49, 0.12);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}

.QSomosPilar_Icone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    margin: 0 auto 18px;
    border-radius: 50%;
    color: #116066;
    background: rgba(119, 16, 49, 0.08);
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.QSomosPilar:hover .QSomosPilar_Icone {
    color: #ffffff;
    background: #116066;
}

.QSomosPilar_Titulo {
    font-size: 19px;
    font-weight: 700;
    color: #1a1d20;
    margin: 0 0 12px;
}

.QSomosPilar_Texto {
    font-size: 15px;
    line-height: 1.7;
    color: #55595f;
    margin: 0;
}

/* ------------- */

.QSomosMVV {
    padding: 60px 0;
}

.QSomosMVV_Box {
    height: 100%;
    padding: 30px 26px;
    border-radius: 10px;
    background: #ffffff;
    border: 1px solid #ececee;
    border-top: 4px solid #116066;
}

.QSomosMVV_Titulo {
    font-size: 20px;
    font-weight: 700;
    color: #116066;
    margin: 0 0 14px;
}

.QSomosMVV_Texto {
    font-size: 15px;
    line-height: 1.75;
    color: #55595f;
    margin: 0;
}

/* ------------- */

.QSomosCTA {
    padding: 20px 0 70px;
}

.QSomosCTA_Box {
    padding: 50px 30px;
    border-radius: 12px;
    background: #116066;
    background: -moz-linear-gradient(135deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    background: -webkit-linear-gradient(315deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    background: linear-gradient(135deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
}

.QSomosCTA_Titulo {
    font-size: 28px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 14px;
}

.QSomosCTA_Texto {
    font-size: 17px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.85);
    max-width: 600px;
    margin: 0 auto 26px;
}

.QSomosCTA_Botao {
    display: inline-block;
    padding: 14px 38px;
    border-radius: 30px;
    background: #ffffff;
    color: #116066;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.QSomosCTA_Botao:hover,
.QSomosCTA_Botao:focus {
    color: #0d4a54;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
    text-decoration: none;
}

/* ------------- */

@media (max-width: 991px) {

    .QSomosPilar {
        margin-bottom: 24px;
    }

    .QSomosMVV_Box {
        margin-bottom: 24px;
    }

}

@media (max-width: 767px) {

    .QSomosIntro {
        padding: 40px 0 0;
    }

    .QSomosIntro_Titulo {
        font-size: 26px;
    }

    .QSomosIntro_Texto {
        font-size: 16px;
    }

    .QSomosPilares,
    .QSomosMVV {
        padding: 40px 0;
    }

    .QSomosTituloSecao {
        font-size: 23px;
    }

    .QSomosCTA_Box {
        padding: 38px 22px;
    }

    .QSomosCTA_Titulo {
        font-size: 23px;
    }

}

/* ------------- */

/*
############
DÍZIMO E OFERTAS - Pagina_DizimoOfertas.php
############
*/
.DizimoIntro {
    padding: 60px 0 10px;
    text-align: center;
}

.DizimoIntro_Selo {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    color: #FFFFFF;
    background: #116066;
    background: -webkit-linear-gradient(315deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    background: linear-gradient(135deg, #0d4a54 0%, #116066 45%, #2a999c 100%);
    padding: 7px 16px;
    border-radius: 20px;
    margin-bottom: 18px;
}

.DizimoIntro_Titulo {
    font-size: 34px;
    font-weight: 700;
    color: #1a1d20;
    line-height: 1.25;
    margin: 0 0 18px;
}

.DizimoIntro_Texto {
    font-size: 19px;
    line-height: 1.7;
    color: #116066;
    font-style: italic;
    margin: 0;
}

/* ------------- */

.DizimoTextoSecao {
    padding: 30px 0 50px;
}

.DizimoTexto {
    font-size: 16px;
    line-height: 1.85;
    color: #3a3f45;
}

.DizimoTexto p {
    margin: 0 0 1.2em;
}

.DizimoVersiculo {
    margin: 30px 0 0;
    padding: 22px 28px;
    border: 0;
    border-left: 4px solid #116066;
    background: #f7f7f8;
    border-radius: 0 8px 8px 0;
}

.DizimoVersiculo p {
    font-size: 18px;
    line-height: 1.6;
    font-style: italic;
    color: #1a1d20;
    margin: 0 0 8px;
}

.DizimoVersiculo cite {
    display: block;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
    color: #116066;
}

/* ------------- */

.DizimoPix {
    padding: 10px 0 70px;
}

.DizimoPix_Box {
    padding: 36px 32px;
    border-radius: 12px;
    background: #ffffff;
    border: 1px solid #ececee;
    border-top: 4px solid #116066;
    -webkit-box-shadow: 0 12px 28px rgba(13, 74, 84, 0.08);
    box-shadow: 0 12px 28px rgba(13, 74, 84, 0.08);
}

.DizimoPix_QrWrap {
    display: inline-block;
    padding: 12px;
    border-radius: 12px;
    background: #ffffff;
    border: 1px solid #ececee;
}

.DizimoPix_Qr {
    display: block;
    width: 220px;
    height: 220px;
    max-width: 100%;
}

.DizimoPix_Logo {
    height: 34px;
    width: auto;
    margin-bottom: 14px;
}

.DizimoPix_Titulo {
    font-size: 22px;
    font-weight: 700;
    color: #1a1d20;
    margin: 0 0 12px;
}

.DizimoPix_Texto {
    font-size: 15px;
    line-height: 1.7;
    color: #55595f;
    margin: 0 0 22px;
}

.DizimoPix_ChaveLabel {
    display: block;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    color: #116066;
    margin-bottom: 8px;
}

.DizimoPix_ChaveLinha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 380px;
}

.DizimoPix_Chave {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    height: 46px;
    padding: 0 14px;
    font-size: 16px;
    font-weight: 700;
    color: #1a1d20;
    background: #f7f7f8;
    border: 1px solid #d8dadd;
    border-right: 0;
    border-radius: 8px 0 0 8px;
}

.DizimoPix_Chave:focus {
    outline: 0;
    border-color: #116066;
}

.DizimoPix_Copiar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 46px;
    padding: 0 22px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffffff;
    background: #116066;
    border: 1px solid #116066;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.DizimoPix_Copiar:hover,
.DizimoPix_Copiar:focus {
    background: #0d4a54;
    border-color: #0d4a54;
    outline: 0;
}

/* ------------- */

@media (max-width: 767px) {

    .DizimoIntro {
        padding: 40px 0 0;
    }

    .DizimoIntro_Titulo {
        font-size: 26px;
    }

    .DizimoIntro_Texto {
        font-size: 17px;
    }

    .DizimoPix_Box {
        padding: 28px 20px;
    }

    .DizimoPix_QrWrap {
        margin-bottom: 24px;
    }

    .DizimoPix_ChaveLinha {
        max-width: none;
    }

}

/* ------------- */