﻿/*
[Fontes do projeto]
    Gilroy-Thin [100]
    Gilroy-UltraLight [200]
    Gilroy-Light [300]
    Gilroy-Regular [500]
    Gilroy-Medium [600]
    Gilroy-Bold [700]
    Gilroy-Extrabold [800]
    Gilroy-Black [900]
    
    SpaceGrotesk-Light [300]
    SpaceGrotesk-Regular [500]
    SpaceGrotesk-Medium [600]
    SpaceGrotesk-SemiBold [700]
    SpaceGrotesk-Bold [800]
*/


:root {
    /*--c-green1: #b1cd49;*/
    --c-green1: #82f755;
    --c-green2: #82f755;
    --c-green3: #82f755;
    --c-black1: #000000;
    --c-black2: #171717;
    --c-black3: #1d1d1d;
    --c-black4: #2e2e2e;
    --c-black5: #181818;
    --c-gray1: #949494;
    --c-yellow1: #ffdc3e;
    --c-orange1: #ff863c;
    --c-red1: #ff0003;
    --c-red2: #e10000;
    --c-white: #ffffff;
    --c-check: #1cb111;
    --c-error: #d71414;
    --c-error2: #fe4b4b;
    }
    
    body {
        padding-top: 90px;
        transition: opacity 1s ease-in-out;
        opacity: 1!important;
        letter-spacing: 0;
        height: 100%;
        font-size: 1.3rem;
        line-height: 1.2;
        font-family: 'Gilroy', sans-serif;
        font-weight: 300;
        font-style: normal;
        color: var(--c-white);
        background: var(--c-black1);
        -webkit-font-smoothing: antialiased!important;
        appearance: none!important;
        text-rendering: optimizelegibility;
    }
    
    @media (max-width: 991px) {
        body {
            padding-top: 80px;
            background: var(--c-black1);
        }
    }
    
    img {
      max-width: 100%;
    }
    
    html {
        font-size: 62.5%; /*10px*/
    }
    
    @media (max-width: 991px){
        html {
            font-size: 58%;
        }    
    }
    
    
    /*Animação*/
    @keyframes flutuacao {
    0% {
        transform: translateY(0%);
    }
    50%{
        transform: translateY(10%);
    }
    100% {
        transform: translateY(0%);
    }
    }
    
    .flutuacao {
        animation-name: flutuacao;
        animation-duration: 5s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    @keyframes pulseFast {
      0% {
        -webkit-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
      }
    
      50% {
        -webkit-transform: scale(0.95) rotate(0deg);
        -ms-transform: scale(0.95) rotate(0deg);
        transform: scale(0.95) rotate(0deg);
      }
    
      100% {
        -webkit-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
      }
    }
    
    .pulseFast {
        -webkit-animation-name: pulseFast;
        animation-name: pulseFast;
        animation-duration: 0.8s;
        animation-delay: 0.2s;
        animation-iteration-count: infinite;
        transition: all 0.3s ease-in-out!important; 
    }
    
    @keyframes pulseIcon {
      0% {
        -webkit-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
      }
    
      50% {
        -webkit-transform: scale(1.2) rotate(0deg);
        -ms-transform: scale(1.2) rotate(0deg);
        transform: scale(1.2) rotate(0deg);
      }
    
      100% {
        -webkit-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
      }
    }
    
    .pulseIcon {
        -webkit-animation-name: pulseIcon;
        animation-name: pulseIcon;
        animation-duration: 0.8s;
        animation-delay: 0.2s;
        animation-iteration-count: infinite;
        transition: all 0.3s ease-in-out!important; 
    }
    
    @keyframes pulseUm {
      0% {
        -webkit-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
      }
    
      50% {
        -webkit-transform: scale(0.94) rotate(0deg);
        -ms-transform: scale(0.94) rotate(0deg);
        transform: scale(0.94) rotate(0deg);
      }
    
      100% {
        -webkit-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
      }
    }
    
    .pulseUm {
        -webkit-animation-name: pulseUm;
        animation-name: pulseUm;
        animation-duration: 0.8s;
        animation-delay: 0.2s;
        animation-iteration-count: infinite;
        transition: all 0.3s ease-in-out!important; 
    }
    
    
    @keyframes pulseDois {
      0% {
        -webkit-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
      }
    
      50% {
        -webkit-transform: scale(1.06) rotate(0deg);
        -ms-transform: scale(1.06) rotate(0deg);
        transform: scale(1.06) rotate(0deg);
      }
    
      100% {
        -webkit-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
      }
    }
    
    .pulseDois {
        -webkit-animation-name: pulseDois;
        animation-name: pulseDois;
        animation-duration: 0.8s;
        animation-delay: 0.2s;
        animation-iteration-count: infinite;
        transition: all 0.3s ease-in-out!important; 
    }
    
    @keyframes animacaoLogo {
        0% {
            transform: scale(1) rotate(0);
        }
        20% {
            /*transform: scale(1.10);*/
            transform: scale(1.10) rotate(-7deg);
        }
        40% {
            /*transform: scale(1.06);*/
            transform: scale(1.06) rotate(0deg);
        }       
        60% {
            /*transform: scale(1.10);*/
            transform: scale(1.10) rotate(-7deg);
        }
        100% {
            transform: scale(1) rotate(0);
        }
    }
    
    .animacaoLogo {
        animation-duration: 2.2s;
        animation-name: animacaoLogo;
        animation-iteration-count: infinite;
        transition: all 0.5s ease-in-out;
    }
    
    .alterarcor {
        opacity: 1;
    }
    
    .item-over {
       opacity: 1;
       filter: blur(40px);
    }
    
    .item-blur {
       filter: blur(10px);
       transition: all 0.2s ease-in-out;
    }
    
    .item-blur2 {
       filter: blur(5px);
       opacity: 0.8;
       transition: all 0.2s ease-in-out;
    }
    
    .item-over-hide {
       opacity: 0;
       filter: blur(20px);
       transition: all 0.8s ease-in-out;
    }
    
    .item-over-show {
       opacity: 1;
       transition: all 0.8s ease-in-out;
    }
    
    
    /* LINK */
    a {
      color: var(--c-white);
      text-decoration: none;
    }
    a:hover {
      color: var(--c-white);
      text-decoration: none;
    }
    a.decoration-none {
      text-decoration: none!important; 
    }
    
    
    /* TEXT */
    p {
      font-size: 1.8rem;
      line-height: 1.2;
      text-align: left;
      margin-bottom: 5px;
      font-weight: 500;
    }
    p.title {
      font-size: 3.5rem;
      line-height: 1.2;
      text-align: left;
      font-weight: 700;
      text-transform: uppercase;
    }
    p.title.title_big1 {
      font-size: 2.8rem;
    }
    p.title.title_big2 {
      font-size: 3.5rem;
    }
    p.title.title_big3 {
      font-size: 3.8rem;
    }
    p.description {
      font-size: 1.8rem;
      line-height: 1.2;
      text-align: left;
      font-weight: 500;
    }
    p.description_small {
      font-size: 1.5rem;
      line-height: 1.5;
      text-align: left;
      font-weight: 500;
    }
    .fontbig3 {
        font-size: 3rem;
    }
    .fontbig4 {
        font-size: 4rem;
    }
    p a {
      text-decoration: underline;
    }
    p a:hover {
      text-decoration: none;
    }
    @media (max-width: 991px){
      p.title {
        font-size: 2.5rem;
      }
    }
    
    
    /* BUTTONS */
    .btn {
        position: relative;
        font-family: "Space Grotesk", sans-serif;
        font-weight: 800;
        color: var(--c-black1);
        background: var(--c-green1);
        font-size: 1.8rem;
        line-height: 1;
        padding: 1.4rem 2.5rem 1.4rem 2.5rem;
        border-radius: 0.7rem;
        transition: all 0.3s ease-in-out;
        text-transform: none;
    }
    .btn:focus,
    .btn:hover,
    .btn.active {
        color: var(--c-black1);
        background: var(--c-green1);
        border-color: var(--c-green1);
        text-decoration: none!important;
        /**/
        transform: scale(1);
        box-shadow: 0px 0px 10px 0px rgb(187 219 69);
        transition: all 0.3s ease-in-out;
    }
    .btn.btn-white {
        color: var(--c-black1);
        background: var(--c-white);
        border-color: var(--c-white);
        box-shadow: none;
    }
    .btn.btn-white:focus,
    .btn.btn-white:hover,
    .btn.btn-white.active {
        color: var(--c-black1);
        background: var(--c-white);
        border-color: var(--c-white);
        box-shadow: none;
    }
    .btn.btn-black {
        color: var(--c-green1);
        background: var(--c-black1);
        border-color: var(--c-black1);
        box-shadow: none;
    }
    .btn.btn-black:focus,
    .btn.btn-black:hover,
    .btn.btn-black.active {
        color: var(--c-white);
        background: var(--c-black1);
        border-color: var(--c-black1);
        box-shadow: none;
    }
    .btn.btn-red {
        color: var(--c-white)!important;
        background: var(--c-red1)!important;
        border-color: var(--c-red1)!important;
        box-shadow: none;
    }
    .btn.btn-red:focus,
    .btn.btn-red:hover,
    .btn.btn-red.active {
        color: var(--c-white)!important;
        background: var(--c-red1)!important;
        border-color: var(--c-red1)!important;
        box-shadow: none;
        box-shadow: 0px 0px 10px 0px rgb(255 8 8);
    }
    
    
    
    .btn.btn-gradient {
        color: var(--c-black1)!important;
        background: -webkit-linear-gradient(left, #ff863c, #ffdc3e)!important;
    }
    .btn.btn-gradient:focus,
    .btn.btn-gradient:hover,
    .btn.btn-gradient.active {
        color: var(--c-green1);
        background: var(--c-yellow1);
        border-color: var(--c-yellow1);
        /**/
        box-shadow: 0px 0px 10px 0px rgb(255 220 62)!important;
        transition: all 0.3s ease-in-out!important;
    }
    .btn.btn-yellow {
        color: var(--c-green1);
        background: var(--c-yellow1);
        border-color: var(--c-yellow1);
    }
    .btn.btn-yellow:focus,
    .btn.btn-yellow:hover,
    .btn.btn-yellow.active {
        color: var(--c-green1);
        background: var(--c-yellow1);
        border-color: var(--c-yellow1);
    }
    .btn.btn-outline {
        color: var(--c-green1);
        background: transparent;
        border-color: var(--c-green1);
    }
    .btn.btn-outline:focus,
    .btn.btn-outline:hover,
    .btn.btn-outline.active {
        color: var(--c-green1);
        background: transparent;
        border-color: var(--c-green1);
    }
    
    #menu .user .btn.btn-cta {
        font-size: 1.7rem;
        padding: 1.4rem 2.5rem 1.4rem 2.5rem;
        border-radius: 0.5rem;
        color: var(--c-black1)!important;
        /*  
        background: var(--c-green1);
        border: none;
        color: var(--c-black1);
        z-index: 2;
        font-size: 1.4rem;
        padding: 1.6rem 3.5rem 1.6rem 3.5rem;
        font-weight: 700;
        */
    }
    
    #menu .user .btn.btn-cta:hover {
        color: var(--c-black1)!important;
        background: var(--c-green2);
    }
    
    #menu .user .btn.btn-login {
        background: var(--c-yellow1);
        border: none;
        color: var(--c-green1);
        z-index: 1;
        font-size: 1.3rem;
    }
    
    #menu .user .btn.btn-login:hover {
        background: var(--c-yellow1);
    }
    
    @media (max-width: 991px){
        #menu .user .btn.btn-cta {
            font-size: 2.5rem!important;
            padding: 1.4rem 2.5rem 1.4rem 2.5rem;
            border-radius: 0.5rem!important;
            color: var(--c-black1)!important;
        }
    
        #menu .user .btn.btn-login {
            margin-left: 0rem;
            font-size: 1.6rem;
        }
    }
    
    .tab-btn .btn {
        position: relative;
        font-family: "Gilroy", sans-serif;
        font-weight: 700;
        /*color: var(--c-black1);*/
        /*background: var(--c-green1);*/
        font-size: 1.4rem;
        line-height: 1;
        padding: 1.6rem 3.5rem 1.6rem 3.5rem;
        border-radius: 5rem;
        transition: all 0.3s ease-in-out;
        text-transform: uppercase;
    
        color: var(--c-green1);
        background: transparent;
        border-color: var(--c-green1);
    }
    
    .tab-btn .btn:focus,
    .tab-btn .btn:hover {
        color: var(--c-green1);
        background: transparent;
        border-color: var(--c-green1);
    }
    
    .tab-btn .btn.active {
        position: relative;
        font-family: "Gilroy", sans-serif;
        font-weight: 700;
        color: var(--c-black1);
        background: var(--c-green1);
        font-size: 1.4rem;
        line-height: 1;
        padding: 1.6rem 3.5rem 1.6rem 3.5rem;
        border-radius: 5rem;
        transition: all 0.3s ease-in-out;
        text-transform: uppercase;
    }
    
    .tab-btn .btn.active:focus,
    .tab-btn .btn.active:hover {
        color: var(--c-black1);
        background: var(--c-green1);
        opacity: 1;
    }
    
    
    /* FAIXA DE COOKIE */    
    .popup.cookies {
        z-index: 999999999!important;
    }
    
    .popup.cookies .cookies {
        left: calc(50% - 260px);
        bottom: 10px;
        border-radius: 10px;
        max-width: 520px;
        transition: none;
        color: var(--c-white);
        background: var(--c-orange1);
    }
    @media (max-width: 991px){
        .popup.cookies .cookies {
            left: 10px;
            bottom: 10px;
            max-width: calc(100% - 20px);
        }
    }
    
    .cookies .padding {
        max-width: 1340px;
    }
    
    .cookies .padding .description {
        margin: 0 0 0 0;
        text-align: left;
        font-family: "Gilroy", sans-serif;
        font-weight: 500;
        font-size: 1.9rem;
        line-height: 1.3;
        text-align: center;
    }
    
    @media (max-width: 991px) {
        .cookies .padding .description {
            font-size: 1.7rem;
            line-height: 1.3;
            margin: 0px 0 5px 0;
            text-align: center;
        }
    }   
    
    .cookies a {
        color: var(--c-white);
        text-decoration: underline;
    }
    
    .cookies a:hover {
        color: var(--c-white);
        text-decoration: none;
    }
    
    .cookies .padding .buttons-allow {
        text-align: center;
        margin-top: 10px!important;
    }
    
    .cookies .padding .buttons-allow .btn {
        position: relative;
        font-family: "Gilroy", sans-serif;
        font-weight: 700;
        color: var(--c-green1);
        background: var(--c-yellow1);
        font-size: 1.5rem;
        line-height: 1;
        padding: 2rem 3rem 1.4rem 3rem;
        border-radius: 1rem;
        transition: all 0.3s ease-in-out;
        text-transform: none;
        text-decoration: none;
    }
    
    .cookies .padding .buttons-allow .btn:focus ,
    .cookies .padding .buttons-allow .btn:hover ,
    .cookies .padding .buttons-allow .btn.active {
        color: var(--c-green1);
        background: var(--c-yellow1);
    }
    
    .cookies .padding .buttons-allow {
        margin: 0 0 0 0;
    }
    
    .cookies .padding .buttons-allow .btn.btn-outline-um {
        position: relative;
        font-family: "Gilroy", sans-serif;
        font-weight: 700;
        color: var(--c-green1);
        background: var(--c-white);
        font-size: 1.5rem;
        line-height: 1;
        padding: 2rem 3rem 1.4rem 3rem;
        border-radius: 1rem;
        transition: all 0.3s ease-in-out;
        text-transform: none;
        text-decoration: none;
    }
    
    .cookies .padding .buttons-allow .btn.btn-outline-um:hover {
        color: var(--c-green1);
        background: var(--c-white);
    }
    
    @media (max-width: 991px){
        .cookies .padding .buttons-allow {
            margin-top: 0px!important;
        }
    
        .cookies .padding .buttons-allow .btn.btn-outline-um ,
        .cookies .padding .buttons-allow .btn.btn-outline-dois {
            font-size: 1.9rem;
        }
    
        .cookies .padding .buttons-allow .btn {
            font-size: 1.9rem;
            /*padding: 10px 20px 13px 20px;*/
            margin-top: 1rem;
            margin-bottom: 1rem;
            width: 100%;
        }
    }
    
    
    /* POPUP COOKIES */
        #popup-cookiesgeral .modal-dialog {
            max-width: 1000px;
        }
    
        #popup-cookiesgeral .center-popup .content{ 
            max-width: 850px;
        }
    
        #popup-cookiesgeral.ocultar{
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation-name: animateCookies;
            animation-name: animateCookies;
        } 
    
            #popup-cookiesgeral .padding{
                position: relative;
                width:100%;
                max-width:800px;
                padding:20px 1.5rem;
                margin:0 auto;
            }
    
                #popup-cookiesgeral .title{
                    font-family: "Gilroy", sans-serif;
                    font-weight: 700;
                    font-size: 16px;
                    margin: 0 0 10px 0;
                }
    
                @media (max-width: 991px){
                    #popup-cookiesgeral .title{
                        margin: 0 0 5px 0;
                    }
                }
    
                #popup-cookiesgeral .description{
                    font-family: "Gilroy", sans-serif;
                    font-weight: 500;
                    font-size: 1.6rem;
                    margin: 0;
                }
    
                @media (max-width: 991px){
                    #popup-cookiesgeral .title{
                        font-size: 14px;
                    }
    
                    #popup-cookiesgeral .description{
                        font-size: 12px;
                        line-height: 120%;
                        margin: 20px 0 10px 0;
                        text-align: center;
                    }
                }
    
                #popup-cookiesgeral .buttons-allow{
                    margin: 0 0 10px 0;
                    text-align: right;
                }
    
                    #popup-cookiesgeral .buttons-allow .btn{
                        font-family: "Gilroy", sans-serif;
                        font-weight: 700;
                        font-size: 1.2rem;
                        padding: 5px 10px;
                        color: var(--c-white);
                        background: #00cc00;
                        display: inline-block;
                        font-weight: 500;
                        text-align: center;
                        user-select: none;
                        border: 1px solid transparent;
                        vertical-align: middle;
                        white-space: inherit;
                        cursor: pointer;
                        border-radius: 4px;
                    }
    
                    @media (max-width: 991px){
                        #popup-cookiesgeral .buttons-allow .btn{
                            font-size: 12px;
                            padding:2px 8px;
                        }
                    }
    
                #popup-cookiesgeral .options{
                    margin: 0 0 10px 0;
                    border:1px solid #ced4da;
                    border-radius: 5px;
                    height: 45px;
                }
    
                @media (max-width: 991px){
                    #popup-cookiesgeral .options{
                        height: auto;
                    }
                }
    
                    #popup-cookiesgeral .options .options-checkbox{
                        padding: 10px;
                    }
    
                    @media (max-width: 991px){
                        #popup-cookiesgeral .options .options-checkbox{
                            padding-right: 0;
                        }
                    }
    
                    #popup-cookiesgeral .options .custom-checkbox{
                        display: inline-block;
                        margin:0 10px 0 0;
                    }
    
                    @media (max-width: 991px){
                        #popup-cookiesgeral .options .custom-checkbox{
                            margin: 0 5px 0 0;
                        }
                    }
                        
                        #popup-cookiesgeral .options .custom-checkbox .custom-control-label{
                            padding: 0 0 0 5px;
                            font-size: 13px;
                            font-family: "Gilroy", sans-serif;
                            font-weight: 700;
                        }
    
                        @media (max-width: 991px){
                            #popup-cookiesgeral .options .custom-checkbox .custom-control-label{
                                padding: 0 0 0 0;
                                font-size: 11px;
                            }
                        }
    
                        #popup-cookiesgeral .options .custom-checkbox .custom-control-label::before{
                            width: 20px;
                            height: 20px;
                            line-height: 20px;
                        }
    
                        @media (max-width: 991px){
                            #popup-cookiesgeral .options .custom-checkbox .custom-control-label::before{
                                width: 1.7rem;
                                height: 1.7rem;
                                line-height: 1.7rem;      
                            }
                        }
    
                        #popup-cookiesgeral .options .custom-checkbox .custom-control-input:checked~.custom-control-label::after{
                            color: #00cc00;
                            font-size: 12px;
                            width: 20px;
                            height: 20px;
                            line-height: 20px;  
                        }
    
                        @media (max-width: 991px){
                            #popup-cookiesgeral .options .custom-checkbox .custom-control-input:checked~.custom-control-label::after{
                                width: 1.7rem;
                                height: 1.7rem;
                                line-height: 1.7rem;      
                            }
                        }
    
                        #popup-cookiesgeral .options .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{
                            background: #e2e2e2;
                        }
    
                        #popup-cookiesgeral .options .custom-control-input:disabled~.custom-control-label{
                            color: #343a40;
                        }
    
                #popup-cookiesgeral .btn-mostrar-detalhes{
                    position: relative;
                    height: 43px;
                    line-height: 30px;
                    font-size: 13px;
                    color: #343a40;
                    border-radius: 0;
                    border-left: 1px solid #ced4da;
                    background: #f6f6f9;
                    text-align: left;
                    font-family: "Gilroy", sans-serif;
                    font-weight: 500;
                    font-size: 13px;
                    line-height: 30px;
                    text-transform: none;
                    padding: .375rem .75rem;
                }
    
                @media (max-width: 991px){
                    #popup-cookiesgeral .btn-mostrar-detalhes{
                        height: 100%;
                        line-height: 1.5rem;
                        font-size: 11px;
                    }
                }
    
                #popup-cookiesgeral .btn-mostrar-detalhes i{
                    font-size: 22px;
                    transition: all 0.3s ease-in-out;
                }
    
                #popup-cookiesgeral .btn-mostrar-detalhes.collapsed i{
                    transform: rotate(180deg);
                }
    
                #popup-cookiesgeral #cookies-details{
                    padding: 20px 0;
                    margin:20px 0;
                    border-top: 1px solid #ffffff;
                    border-bottom: 1px solid #ffffff;
                    width: 100%;
                    font-size: 14px;
                    /*overflow: auto;*/
                }
    
                #popup-cookiesgeral .tabs-vertical{
                    padding-top: 20px;
                    border: 1px solid #e4e4ea;
                    border-top: 0;
                }
    
                #popup-cookiesgeral .content-cookies{
                    font-family: "Gilroy", sans-serif;
                    font-weight: 500;
                    font-size: 14px;
                    padding: 20px;
                    border: 1px solid #e4e4ea;
                    border-top: 0;
                }
    
                @media (max-width: 991px){
                    #popup-cookiesgeral .content-cookies{
                        font-size: 11px;
                        line-height: 120%;
                        padding: 10px;
                    }
                }
    
                    #popup-cookiesgeral .content-cookies a{
                        color: #00cc00;
                        text-decoration: underline;
                    }
                    
                    #popup-cookiesgeral .content-cookies a:hover{
                        text-decoration: none;
                    }
    
                #popup-cookiesgeral .tab-content{
                    width: 100%;
                    text-align: left;
                }
    
                #popup-cookiesgeral .tab-pane .description{
                    padding: 10px 1.5rem;
                    color: var(--c-white);
                }
    
                @media (max-width: 991px){
                    #popup-cookiesgeral .tab-pane .description{
                        padding: 10px 0;
                    }               
                }
    
                #popup-cookiesgeral .nav-tabs .nav-link{
                    font-size: 14px!important;
                    font-family: "Gilroy", sans-serif;
                    font-weight: 500;
                    color: #343a40!important;
                    border-top-left-radius: .25rem!important;
                    border-top-right-radius: .25rem!important;
                    background-color: var(--c-white);
                    text-transform: none!important;
                    border: 1px solid transparent;
                    border-bottom: 1px solid #e4e4ea!important;
                }
                    #popup-cookiesgeral.nav-tabs .nav-link:focus,
                    #popup-cookiesgeral .nav-tabs .nav-link:hover{
                        /*border-color: inherit;*/
                        border: 1px solid transparent!important;
                        border-bottom: 1px solid #e4e4ea!important;
                    }
    
    
                @media (max-width: 991px){
                    #popup-cookiesgeral .nav-tabs .nav-link{
                        font-size: 12px;
                    }
                }
    
                #popup-cookiesgeral .nav-tabs .nav-item.show .nav-link,
                #popup-cookiesgeral .nav-tabs .nav-link.active{
                    font-family: "Gilroy", sans-serif;
                    font-weight: 700;
                    border: 1px solid transparent!important;
                    border-color: #dee2e6 #dee2e6 #fff!important;
                }
    
                #popup-cookiesgeral .nav-tabs .nav-item{
                    margin-bottom: -1px;
                }
    
                #popup-cookiesgeral .nav-pills .nav-link{
                    font-family: "Gilroy", sans-serif;
                    font-weight: 500;
                    font-size: 1.5rem;
                    padding: 10px 10px 10px 10px;
                    border: 1px solid var(--c-black1);
                    border-bottom: 0;
                    border-radius: 0;
                    text-align: left;
                    line-height: 120%;
                    color: #313131;
                    background: #ffffff;
                    transition: all 0.3s ease-in-out;
                }
    
                #popup-cookiesgeral .nav-pills .nav-link:hover{
                    background-color: #ffffff!important;
                }
    
                #popup-cookiesgeral .nav-pills .nav-link:last-child{
                    border-bottom: 1px solid #cccccc;
                }
    
                #popup-cookiesgeral .nav-pills .nav-link.active, .nav-pills .show>.nav-link,
                #popup-cookiesgeral .nav-pills .nav-link.active, .nav-pills .show>.nav-link:hover{
                    font-family: "Gilroy", sans-serif;
                    font-weight: 700;
                    color: var(--c-green1)!important;
                    background: var(--c-yellow1)!important;
                }
    
                @media (max-width: 991px){
                    #popup-cookiesgeral .nav-pills .nav-link{
                        text-align: center;
                        font-size: 16px;
                        padding-top: 7px!important;
                        padding-bottom: 5px!important;
                    }
                }
    
                #popup-cookiesgeral .title-cookies{
                    font-family: "Gilroy", sans-serif;
                    font-weight: 700;
                    font-size: 18px;
                    line-height: 120%;
                    margin:0 0 10px 0;
                    color: var(--c-white);
                }
    
                @media (max-width: 991px){
                    #popup-cookiesgeral .title-cookies{
                        text-align: center;
                    }
                }
    
                #popup-cookiesgeral .subtitle-cookies{
                    font-family: "Gilroy", sans-serif;
                    font-weight: 700;
                    font-size: 1.5rem;
                    line-height: 120%;
                    color: #c12d22;
                    /*text-transform: uppercase;*/
                    margin:10px 0;
                }
    
                #popup-cookiesgeral .controle{
                    float: right;
                }
    
                @media (max-width: 991px){
                    #popup-cookiesgeral .controle{
                        display: inline-block;
                        float: none;
                        margin: 10px 0 0 0;
                    }
                }
    
                #popup-cookiesgeral .custom-switch{
                    padding-right: 2.25rem;
                    padding-left: 0;
                }
    
                    #popup-cookiesgeral .custom-switch .custom-control-label{
                        position: relative;
                        padding-left: 0;
                        font-size: 13px;
                        line-height: 200%;
                        color: var(--c-yellow1);
                    }
    
                    #popup-cookiesgeral .custom-switch .custom-control-label::before{
                        left: inherit;
                        right: -2.25rem;
                        border-color: var(--c-orange1);
                    }
    
                    #popup-cookiesgeral .custom-switch .custom-control-input:checked~.custom-control-label::before{
                        background: var(--c-white)!important;
                        border-color: var(--c-white)!important;
                    }
    
                    #popup-cookiesgeral .custom-switch .custom-control-label::after{
                        right: calc(-1.55rem + 2px);
                        left: inherit;
                        background: var(--c-green1);
                        border-color: var(--c-red1);
                    }
    
                    #popup-cookiesgeral .custom-switch .custom-control-input:checked~.custom-control-label::after{
                        transform: translateX(.65rem);
                        background: var(--c-green1);
                        border-color: var(--c-yellow1);
                        z-index: 1;
                    }
    
    
                #popup-cookiesgeral .accordion .card{
                    border-color: #cccccc;
                    border-radius: 0px;
                }
    
                #popup-cookiesgeral .accordion .card-header{
                    padding: 0;
                    /*border-color: transparent;*/
                }
    
                #popup-cookiesgeral .accordion .card-body{
                    color: #000000;
                }
    
                #popup-cookiesgeral .accordion .btn{
                    color: #c12d22!important;
                    font-family: "Gilroy", sans-serif;
                    font-weight: 700;
                    font-size: 16px!important;
                    border:0!important;
                    border-radius: 0!important;
                    padding: 10px 10px!important;
                    background:#ffffff!important;
                    box-shadow: none;
                }
    
                #popup-cookiesgeral .accordion .btn:hover{
                    background-color: #e3e3e3!important;
                    transform: scale(1);
                }
    
                #popup-cookiesgeral .accordion .btn:focus,
                #popup-cookiesgeral .accordion .btn:active{
                    color: var(--c-white);
                    background-color: #000000!important;
                    transform: scale(1);
                }
    
                #popup-cookiesgeral .accordion .btn:before{
                    animation-name: none;
                    background-color: transparent;
                }
    
                #popup-cookiesgeral .accordion .btn:hover:before{
                    opacity: 0;
                }
    
        @-webkit-keyframes animateCookies {
          0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
          }
    
          100% {
            opacity: 0;
            -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
          }
        }
    
        @keyframes animateCookies {
          0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
          }
    
          100% {
            opacity: 0;
            -webkit-transform: translateY(1000px);
            -ms-transform: translateY(1000px);
            transform: translateY(1000px);
          }
        }
    
        .animateCookies {
          -webkit-animation-name: animateCookies;
          animation-name: animateCookies;
        }
    
    
    /* MODAL GERAL */
    .modal {
        background: rgb(31 31 31 / 40%);
    }
    
    .popup {
        z-index: 999999999;
    }
    
    .modal-body {
        margin: auto!important;
        flex: inherit;
        width: 100%;
        text-align: center;
        padding: 0px;
        z-index: 1;
    }
    
    .modal-adjust {
        max-width: 600px;
    }
    
    .modal-content {
        border-radius: 2rem;
        min-height: 300px;
        min-width: 600px;
        padding: 5rem 3rem;
        overflow: inherit;
        border: none;
        box-shadow: 0 0 50px var(--c-black1);
        /**/
        background: url(../img/bkg2_1920.png) center center no-repeat!important;
        background-size: cover!important;
    }
    
    /*.modal-content::before {
        position: absolute;
        z-index: -1;
        left: 0px;
        top: 0px;
        content: "";
        width: 100%;
        height: 100%;
        border: 0;
        border-radius: 20px;
        background: var(--c-green1);
    }*/
    
    .modal-content .header {
        position: relative;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    .modal-content .header img {
        width: 100%;
        max-width: 250px;
    }
    
    .modal .content {
        padding: 30px 30px 80px 30px;
    }
    
    .modal-header,
    .modal-footer {
        border: none;
    }
    
    .modal .btn-fechar {
        width: 40px;
        height: 40px;
        background: transparent;
        border-radius: 100%;
        cursor: pointer;
        border: 0;
        margin: 10px 10px 0 0;
        padding: 0;
    }
    
    .modal .btn-fechar i {
        color: var(--c-white);
        font-size: 30px;
        line-height: 30px;
        transition: all 0.3s ease-in-out;
    }
    
    .modal .btn-fechar i:hover {
        color: var(--c-white);
        transform: scale(1.5);
    }
    
    .modal .titulo {
        font-family: "Space Grotesk", sans-serif;
        font-weight: 800;
        color: var(--c-green1);
        padding: 0px;
        margin-bottom: 1rem;
        text-transform: none;
        font-size: 3rem;
        line-height: 1;
        letter-spacing: 0;
    }
    
    .modal .descricao {
        font-size: 1.7rem;
        line-height: 1.4;
        text-align: center;
        font-weight: 500;
    }
    
    .modal .descricao a {
        color: var(--c-white);
        text-decoration: underline;
    }
    
    .modal .descricao a:hover {
        color: var(--c-white);
        text-decoration: none;
    }
    
    .modal-dialog {
        max-width: 550px;
    }
    
    .modal .custom-control-label {
        /*font-size: 1.7rem;*/
        line-height: 1.3;
    }
    
    .modal [class*="vld-"] + .error {
        color: var(--c-yellow1);
    }
    
    .modal .eye [data-togglepassword] {
        top: 23px;
    }
    
    @media (max-width: 991px){
        .modal-content {
            min-height: inherit!important;
            min-width: inherit!important;
            border-radius: 10px!important;
            /*padding: 40px 40px 70px 40px!important;*/
        }
    
        .modal-content::before {
            min-height: inherit!important;
            min-width: inherit!important;
            border-radius: 10px!important;
        }
    
        .modal .titulo {
            font-size: 22px;
        }
    
        .modal .descricao {
            padding: 0px;
            text-align: center!important;
        }
    
        .modal-body .box {
            padding: 50px 20px;
            border-radius: 30px;
        }
    
        .modal.popup-consentimentos {
            padding: 20px 0px;
        }
    
        .modal.popup-consentimentos .modal-body {
            padding: 20px 0px;
        }
    
        .modal-body .titulo-img img {
            width: 85%;
        }
    
        .modal .btn-fechar {
            margin: 10px 10px 0 0;
        }
    }
    
    
    
    
    /* LOADER */
    #loader {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.4);
        z-index: 9999999;
    }
    
    #loader > div {
        padding: 40px;
        background: var(--c-black2);
        color: var(--c-white);
        box-shadow: 0 0 10px rgb(0 0 0 / 20%);
        text-align: center;
        font-family: "Gilroy", sans-serif;
        font-weight: 300;
        /*text-transform: uppercase;*/
        font-size: 1.7rem;
        line-height: 120%;
    }
    
    #loader span{
        font-weight: 700;
        color: var(--c-white);
    }
    
    #loader i {
        font-size: 25px;
        margin-bottom: 1rem;
        color: var(--c-green1);
    }
    
    .grecaptcha-badge {
        display: none;
    }
    
    
    /* Voltar para o topo */
    #back-to-top {
        position: fixed;
        display: none;
        bottom: 10px;
        right: 1.5rem;
        z-index: 10!important;
        background: var(--c-white);
        border-radius: 100%;
        cursor: pointer;
        height: 45px;
        width: 45px;
        -webkit-box-shadow: 0 5px 5px 0px rgb(0 0 0 / 10%);
        box-shadow: 0 5px 5px 0px rgb(0 0 0 / 10%);
        opacity: 0.8;
        opacity: 1;
        border: 5px solid var(--c-white);
        transition: all 0.5s ease-in-out;
    }
    
    #back-to-top::before {
        content: "\f077";
        font-family: 'FontAwesome', Arial, sans-serif;
        color: var(--c-black1);
        font-size: 2.5rem;
        line-height: 35px;
        position: relative;
        top: -3px;
        left: 5px;
        opacity: 1;
        transition: all 0.5s ease-in-out;
    }
    
    #back-to-top:hover{
        transform: scale(1.1);
        color: var(--c-black1);
        opacity: 1;
        transition: all 0.5s ease-in-out;
    }
    
    body.scrolled #back-to-top {
        display: block;
        transition: all 0.3s ease-in-out;
    }
    
    @media (max-width: 991px){
        #back-to-top {
            right: 1rem;
        }
    }
    
    /* Compartilhar no WhatsApp */
    #back-to-top2 {
        position: fixed;
        display: none;
        bottom: 1.7rem;
        right: 1.5rem;
        z-index: 99999999!important;
        background: #25D366; 
        /*background: var(--c-green1); */
        border-radius: 100%; 
        cursor: pointer; 
        height: 60px; 
        width: 60px; 
        -webkit-box-shadow: 0 5px 5px 0px rgb(0 0 0 / 10%);
        box-shadow: 0 5px 5px 0px rgb(0 0 0 / 10%);
        /*opacity: 0.8;*/
        opacity: 1;
        border: 5px solid #f2f2f2;
        transition: all 0.5s ease-in-out;
    }
    
    #back-to-top2::before {
        content: "\f232";
        font-family: 'FontAwesome', Arial, sans-serif;
        color: var(--c-white);
        font-size: 3.5rem;
        line-height: 35px;
        position: relative;
        top: 7px;
        left: 10px;
        opacity: 1;
        /*display: none;*/
        transition: all 0.5s ease-in-out;
    }
    
    #back-to-top2:hover{
        transform: scale(1.1);
        color: var(--c-white);
        opacity: 1;
        transition: all 0.5s ease-in-out;
    }
    
    body.scrolled #back-to-top2 {
        display: block;
        transition: all 0.3s ease-in-out;
    }
    
    @media (max-width: 991px){
        #back-to-top2 {
            right: 30px;
        }
    }
    
    
    /* NAVBAR */
    .nav-item {
        position: relative;
        cursor: pointer;
    }
    
    #menu {
        width: 100%;
        top: 0;
        left: 0;
        z-index: 10;
        background: #ffffff;
        transition: all 0.5s ease;
    }
    
    #menu nav {
        text-transform: uppercase;
        width: 100%;
        margin: auto;
        border-radius: 0px;
        transition: all 0.7s;
        height: 90px;
        box-shadow: 0 0 10px rgb(0 0 0 / 30%);
        background: var(--c-black1);
        padding: 0.5rem 2rem;
    }
    
    .navbar-light .navbar-brand {
        position: relative;
        z-index: 999;
    }
    
    .navbar-light .navbar-brand:before {
    }
    
    .navbar-light .navbar-brand a:hover {
        background: transparent!important;
    }
    
    @media (max-width: 991px){
        .navbar-light .navbar-brand {
            position: relative;
            margin: 16px 0px 16px 0;
        }
    }
    
    #menu .fixed-top {
    }
    
    #menu .navbar-nav {
        font-size: 1.5rem;
        margin-right: 2rem;
        line-height: 1;
        font-family: "Gilroy", sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        color: var(--c-gray1)!important;
    }
    #menu .navbar-nav a {
        position: relative;
        text-decoration: none;
        padding: 0.5rem 1rem 0.5rem 1rem;
        color: var(--c-gray1)!important;
    
        display: inline-block;
        vertical-align: middle;
        /*font-size: 60px;*/
        /*font-family: sans-serif;*/
        cursor: pointer;
    }
    #menu .navbar-nav a.hover {
      --c:linear-gradient(#a6ce38 0 0); /* update the color here */  
      background: var(--c), var(--c);
      background-size: 0em .1em;
      background-position: 50% 100%;
      background-repeat: no-repeat;
      transition: .3s linear, background-size .3s .2s linear;
    }
    #menu .navbar-nav a.hover:hover {
    color: var(--c-green1)!important;
    /*    background-size: 40% 0.1em;*/
    /*    background-position: 10% 100%, 90% 100%;*/
    }
    #menu .navbar-nav a.active {
        color: var(--c-green1)!important;
        background: transparent;
    }
    #menu .navbar-nav a.active.hover {
    }
    #menu .navbar-nav a.active.hover:hover {
    /*  background-size: 44.7% .1em;*/
    /*  background-position: 10% 100%, 90% 100%;*/
    }
    #menu .navbar-nav a.active:hover {
        color: var(--c-green1);
        /*background: transparent;*/
    }
    #body_fenixexcellence #menu .navbar-nav a.active {
    /*    background: -webkit-linear-gradient(left, #ff863c, #ffdc3e);*/
    /*    -webkit-background-clip: text;*/
    /*    -webkit-text-fill-color: transparent;*/
    }
    #body_fenixexcellence #menu .navbar-nav a.active:hover {
    /*    background: -webkit-linear-gradient(left, #ff863c, #ffdc3e);*/
    /*    -webkit-background-clip: text;*/
    /*    -webkit-text-fill-color: transparent;*/
    }
    @media (min-width:1160px) and (max-width: 1280px){
        #menu .navbar-nav a {
            padding: 0.8rem 0.9rem;
        }
    }
    
    @media (min-width: 992px) and (max-width: 1159px){
         #menu .navbar-nav a {
            padding: 0.8rem 0.9rem;
        }
    }
    
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.7rem;
        padding-left: 0.7rem; 
        padding-bottom: 0.5rem;
        padding-top: 0.7rem;
    }
    
    .navbar-light .navbar-toggler{
        border-color: transparent;
    }
    
    .navbar-light .navbar-nav .nav-link {
        color: var(--c-white);
    }
    
    .navbar-nav .nav-link {
        color: var(--c-white);   
    }
    
    .navbar-light .navbar-nav .active>.nav-link,
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .show>.nav-link {
        color: #f6ddab;
    }
    
    #menu .navbar-toggler {
        color: #111111;
        font-size: 30px;
        padding: 24px 24px 24px 24px;
    }
    
    #menu .navbar-toggler:focus {
        border: none;
        outline: 0;
    }
    
    .navbar-brand {
        padding: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    
    .navbar-brand .nav-link {
        padding: 0.1rem;
    }
    
    #menu .navbar-brand img {
        position: relative;
        width: 100%;
        max-width: 200px;
        transition: all 0.3s ease-in-out;
    }
    
    @media (max-width: 991px){
        .navbar-brand {
            margin-top: inherit;
            margin-left: 0rem!important;
            margin: auto;
        }
    
        .nav-link {
            padding: 0px 24px 0px 24px!important;
        }
    
        #menu .navbar-nav a.btn {
            color: var(--c-red1);
        }
    
        #menu .navbar-nav a.btn.btn-outline-dois {
            color: #000000;
            background: #ffffff;
        }
    
        #menu .navbar-nav a.btn.btn-outline-dois:hover {
            color: #000000!important;
            background: var(--c-white);
        }
    
        #menu .navbar-nav a.btn.btn-vermelho {
            color: var(--c-white);
        }
    
        /*#menu .navbar-nav a.btn:hover {
            background: #cd1d35!important;
        }*/
    
        .navbar-brand.logo a {
            padding: 0px 1.5rem 0px 1.5rem!important;
            font-size: inherit;
        }
    
        #menu .fixed-top {
        }
    }
    
    
    /*Ajustes de responsivo*/
        @media (min-width: 992px) and (max-width: 1080px) {
            /**/
        }
    
        @media (min-width: 1081px) and (max-width: 1200px) {
            /**/
        }
    
        @media (min-width: 1201px) and (max-width: 1280px) {
            /**/
        }
    
        @media (min-width: 1281px) and (max-width: 1366px) {
            .section.inicio .logopromo img {
                width: 100%;
                max-width: 430px;
            }
        }
    
        @media (min-width: 1366px) and (max-width: 4000px) {
            .section.inicio .logopromo img {
                width: 100%;
                max-width: 430px;
            }
        }
    
    
    #menu .menu {
        display: inline-block;
    }
    
    @media (max-width: 991px) {
        #menu .navbar-collapse a.active {
            color: var(--c-green1);
            background: transparent;
        }
    
        #menu .navbar-toggler {
            margin-left: inherit!important;
            color: #111111;
            font-size: 30px;
            padding: 23.5px 15px 23.5px 25px;
            margin: 0px;
        }
    
        .cta-header .icone {
            display: inline-block;
        }
    
        #menu nav .user {
            position: relative;
            padding: 2.6rem;
        }
    
        #menu nav .user .cta-header {
            width: 100%;
            margin-top: 5px;
        }
    
        #menu {
            position: relative;
        }
        
        #menu nav {
            color: #111111;
            text-transform: none;
            width: 100%;
            margin: 0px;
            border-radius: 0px;
            box-shadow: 0 1px 1px rgb(17 17 17 / 10%);
            transition: all 0.3s;
            background: var(--c-black1);
            height: 81px;
            padding-left: 0;
            padding-right: 0;
            padding-top: 0px;
            padding-bottom: 0px;
        }
    
        #menu a {
            font-size: 14px;
        }
    
        #menu .cta-participe a {
            margin-left: auto; 
        }
    
        #menu .btn {
            font-size: 20px;
            line-height: 100%;
        }
    
        #menu .cta-participe .btn.active{
            color: var(--c-white);
        }
    
        .user #btn-header {
            font-size: 14px;
            line-height: 16px;
            display: block;
            margin: 5px 0px;
            padding: 8px 30px 7px 30px;
        }
    
        #menu .navbar-nav {
            letter-spacing: 0;
            font-family: 'Graphik-Medium', Arial, sans-serif;
            height: 100vh;
        }
    
        .navbar-collapse {
            background: var(--c-black1);
        }
    
        #menu .navbar-brand img {
            width: 100%;
            max-width: 200px;
            transition: all 0.5s ease-in-out;
            border-radius: 5px;
            padding: 0px 0px 0px 10px;
            background: transparent!important;
            position: relative;
            z-index: 9;
        }
    
        #menu .item-menu {
            font-family: 'Gilroy', Arial, sans-serif;
            font-weight: 300;
            font-size: 2.5rem;
            padding: 3rem 2.5rem 1rem 2.5rem!important;
        }
    }
    
    .collapse .user {
        display: none!important;
    }
    
    @media (max-width: 991px){
        .collapse .user {
            display: inherit!important;
            display: flex!important;
        }
    }
    
    
    /* SCROLL */
    ::-webkit-scrollbar {
        width: 7px;
        height: 11.5rem;
        border-radius: 0px;
    }
    
    ::-webkit-scrollbar-track {
        background: var(--c-white);
        border-radius: 0px;
    }
    
    ::-webkit-scrollbar-thumb {
        background: var(--c-green1);
        border-radius: 0px;
    }
    
    #body_fenixexcellence::-webkit-scrollbar-thumb {
        background: -webkit-linear-gradient(#ff863c, #ffdc3e)!important;
        border-radius: 0px;
    }
    
    .scroll-container {
        border: none;
        margin: 20px 0;
        max-height: 307px;
        overflow-y: scroll;
    }
    
    @media (max-width: 991px){
        ::-webkit-scrollbar {
            width: 5px;
            height: 6px;
        }
    }
    
    ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: var(--c-black1)!important;
      opacity: 1; /* Firefox */
    }
    
    :-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: var(--c-black1)!important;
    }
    
    ::-ms-input-placeholder { /* Microsoft Edge */
      color: var(--c-black1)!important;
    }
    
    
    /* Geral  */
    strong, .strong {font-weight: 700;}
    .strong2 {font-weight: 700;}
    .text-regular {font-weight: 300;}
    .text-uppercase {text-transform: uppercase;}
    
    .font2 {
        font-family: "Space Grotesk", sans-serif!important;
    }
    .font2-strong {
        font-weight: 800!important;
    }
    
    hr {border-color: var(--c-black1);}
    
    .text-green1 { color: var(--c-green1) !important;}
    .text-green2 { color: var(--c-green2) !important;}
    .text-green3 { color: var(--c-green3) !important;}
    .text-black { color: var(--c-black1) !important;}
    .text-black1 { color: var(--c-black1) !important;}
    .text-black2 { color: var(--c-black2) !important;}
    .text-black3 { color: var(--c-black3) !important;}
    .text-black4 { color: var(--c-black4) !important;}
    .text-red1 { color: var(--c-red1) !important;}
    .text-gray1 { color: var(--c-gray1) !important;}
    .text-yellow1 { color: var(--c-yellow1) !important;}
    .text-orange1 { color: var(--c-orange1) !important;}
    .text-white { color: var(--c-white)!important;}
    .text-check { color: var(--c-check)!important;}
    .text-error { color: var(--c-error)!important;}
    /**/
    .bkg-green1 { background: var(--c-green1) !important;}
    .bkg-green2 { background: var(--c-green2) !important;}
    .bkg-green3 { background: var(--c-green3) !important;}
    .bkg-black { background: var(--c-black1) !important;}
    .bkg-black1 { background: var(--c-black1) !important;}
    .bkg-black2 { background: var(--c-black2) !important;}
    .bkg-black3 { background: var(--c-black3) !important;}
    .bkg-black4 { background: var(--c-black4) !important;}
    .bkg-red1 { background: var(--c-red1) !important;}
    .bkg-gray1 { background: var(--c-gray1) !important;}
    .bkg-yellow1 { background: var(--c-yellow1) !important;}
    .bkg-orange1 { background: var(--c-orange1) !important;}
    .bkg-white { background: var(--c-white)!important;}
    .bkg-check { background: var(--c-check)!important;}
    .bkg-error { background: var(--c-error)!important;}
    
    
    
    /* Geral - Ajustes de background */
    @media (min-width: 1367px) and (max-width: 6000px) {
        .section.inicio {
            background: url(../img/bkg1_1920.png) center center no-repeat!important;
            background-size: cover!important;
        }   
        .section.servicos {
            background: url(../img/bkg4_1920.png) center center no-repeat!important;
            background-size: cover!important;
        }
        .section.cases {
            background: url(../img/bkg2_1920.png) center center no-repeat!important;
            background-size: cover!important;
        }
        .section.clientes {
            background: url(../img/bkg4_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section.sobre {
            background: url(../img/bkgbig2_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section.socios {
            background: url(../img/bkg4_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section.fenixexcellence {
            background: url(../img/bkgbig3_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section.comite {
            background: url(../img/bkg3_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgservicos {
            background: url(../img/bkgbig1_1920.png) center center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgcases {
            background: url(../img/bkgbig2_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgclientes {
            background: url(../img/bkgbig2_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgcertificacao {
            background: url(../img/bkgbig5_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgsobre {
            background: url(../img/bkgbig3_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgcontato {
            background: url(../img/bkg4_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pginscricao {
            background: url(../img/bkg4_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgaguarde {
            background: url(../img/bkg5_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pginauguracao {
            background: url(../img/bkgbig5_1920.png) top right no-repeat!important;
            background-size: cover!important;
        }
        .section#pgcursos {
            background: url(../img/bkgbig2_1920.png) top right no-repeat!important;
            background-size: cover!important;
        }
        .section.inauguracaofex {
            background: url(../img/bkg5_1920.png) top right no-repeat!important;
            background-size: cover!important;
        }
    }
    
    @media (min-width: 992px) and (max-width: 1366px) {
        .section.inicio {
            background: url(../img/bkg1_1920.png) center center no-repeat!important;
            background-size: cover!important;
        }   
        .section.servicos {
            background: url(../img/bkg4_1920.png) center center no-repeat!important;
            background-size: cover!important;
        }
        .section.cases {
            background: url(../img/bkg2_1920.png) center center no-repeat!important;
            background-size: cover!important;
        }
        .section.clientes {
            background: url(../img/bkg4_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section.sobre {
            background: url(../img/bkgbig2_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section.socios {
            background: url(../img/bkg4_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section.fenixexcellence {
            background: url(../img/bkgbig3_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section.comite {
            background: url(../img/bkg3_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgservicos {
            background: url(../img/bkgbig1_1920.png) center center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgcases {
            background: url(../img/bkgbig2_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgclientes {
            background: url(../img/bkgbig2_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgcertificacao {
            background: url(../img/bkgbig5_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgsobre {
            background: url(../img/bkgbig3_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgcontato {
            background: url(../img/bkg4_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pginscricao {
            background: url(../img/bkg4_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgaguarde {
            background: url(../img/bkg5_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pginauguracao {
            background: url(../img/bkgbig5_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgcursos {
            background: url(../img/bkgbig2_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section.inauguracaofex {
            background: url(../img/bkg5_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
    }
    
    @media (min-width: 421px) and (max-width: 991px) {
        .section.inicio {
            background: url(../img/bkg1_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }   
        .section.servicos {
            background: url(../img/bkg4_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section.cases {
            background: url(../img/bkg2_1920.png) center center no-repeat!important;
            background-size: cover!important;
        }
        .section.clientes {
            background: url(../img/bkg4_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section.sobre {
            background: url(../img/bkgbig2_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section.socios {
            background: url(../img/bkg4_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section.fenixexcellence {
            background: url(../img/bkgbig3_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section.comite {
            background: url(../img/bkg3_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgservicos {
            background: url(../img/bkgbig1_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgcases {
            background: url(../img/bkgbig2_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgclientes {
            background: url(../img/bkgbig2_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgcertificacao {
            background: url(../img/bkgbig5_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgsobre {
            background: url(../img/bkgbig3_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgcontato {
            background: url(../img/bkg4_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pginscricao {
            background: url(../img/bkg4_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgaguarde {
            background: url(../img/bkg5_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pginauguracao {
            background: url(../img/bkgbig5_1920.png) top right no-repeat!important;
            background-size: cover!important;
        }
        .section#pgcursos {
            background: url(../img/bkgbig2_1920.png) top right no-repeat!important;
            background-size: cover!important;
        }
        .section.inauguracaofex {
            background: url(../img/bkg5_1920.png) top right no-repeat!important;
            background-size: cover!important;
        }
    }
    
    @media (min-width: 391px) and (max-width: 420px) {
        .section.inicio {
            background: url(../img/bkg1_1920.png) center center no-repeat!important;
            background-size: cover!important;
        }   
        .section.servicos {
            background: url(../img/bkg4_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section.cases {
            background: url(../img/bkg2_1920.png) center center no-repeat!important;
            background-size: cover!important;
        }
        .section.clientes {
            background: url(../img/bkg4_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section.sobre {
            background: url(../img/bkgbig2_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section.socios {
            background: url(../img/bkg4_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section.fenixexcellence {
            background: url(../img/bkgbig3_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section.comite {
            background: url(../img/bkg3_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgservicos {
            background: url(../img/bkgbig1_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgcases {
            background: url(../img/bkgbig2_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgclientes {
            background: url(../img/bkgbig2_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgcertificacao {
            background: url(../img/bkgbig5_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgsobre {
            background: url(../img/bkgbig3_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgcontato {
            background: url(../img/bkg4_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pginscricao {
            background: url(../img/bkg4_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgaguarde {
            background: url(../img/bkg5_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pginauguracao {
            background: url(../img/bkgbig5_1920.png) top right no-repeat!important;
            background-size: cover!important;
        }
        .section#pgcursos {
            background: url(../img/bkgbig2_1920.png) top right no-repeat!important;
            background-size: cover!important;
        }
        .section.inauguracaofex {
            background: url(../img/bkg5_1920.png) top right no-repeat!important;
            background-size: cover!important;
        }
    }
    
    @media (min-width: 0px) and (max-width: 390px) {
        .section.inicio {
            background: url(../img/bkg1_1920.png) center center no-repeat!important;
            background-size: cover!important;
        }
        .section.servicos {
            background: url(../img/bkg4_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section.cases {
            background: url(../img/bkg2_1920.png) center center no-repeat!important;
            background-size: cover!important;   background-size: cover!important;
        }
        .section.clientes {
            background: url(../img/bkg4_1920.png) top center no-repeat!important;
            background-size: cover!important;   background-size: cover!important;
        }
        .section.sobre {
            background: url(../img/bkgbig2_1920.png) top center no-repeat!important;
            background-size: cover!important;   background-size: cover!important;
        }
        .section.socios {
            background: url(../img/bkg4_1920.png) top center no-repeat!important;
            background-size: cover!important;   background-size: cover!important;
        }
        .section.fenixexcellence {
            background: url(../img/bkgbig3_1920.png) top center no-repeat!important;
            background-size: cover!important;   background-size: cover!important;
        }
        .section.comite {
            background: url(../img/bkg3_1920.png) top center no-repeat!important;
            background-size: cover!important;   background-size: cover!important;
        }
        .section#pgservicos {
            background: url(../img/bkgbig1_1920.png) top center no-repeat!important;
            background-size: cover!important;
        }
        .section#pgcases {
            background: url(../img/bkgbig2_1920.png) top center no-repeat!important;
            background-size: cover!important;   background-size: cover!important;
        }
        .section#pgclientes {
            background: url(../img/bkgbig2_1920.png) top center no-repeat!important;
            background-size: cover!important;   background-size: cover!important;
        }
        .section#pgcertificacao {
            background: url(../img/bkgbig5_1920.png) top center no-repeat!important;
            background-size: cover!important;   background-size: cover!important;
        }
        .section#pgsobre {
            background: url(../img/bkgbig3_1920.png) top center no-repeat!important;
            background-size: cover!important;   background-size: cover!important;
        }
        .section#pgcontato {
            background: url(../img/bkg4_1920.png) top center no-repeat!important;
            background-size: cover!important;   background-size: cover!important;
        }
        .section#pginscricao {
            background: url(../img/bkg4_1920.png) top center no-repeat!important;
            background-size: cover!important;   background-size: cover!important;
        }
        .section#pgaguarde {
            background: url(../img/bkg5_1920.png) top center no-repeat!important;
            background-size: cover!important;   background-size: cover!important;
        }
        .section#pginauguracao {
            background: url(../img/bkgbig5_1920.png) top right no-repeat!important;
            background-size: cover!important;
        }
        .section#pgcursos {
            background: url(../img/bkgbig2_1920.png) top right no-repeat!important;
            background-size: cover!important;
        }
        .section.inauguracaofex {
            background: url(../img/bkg5_1920.png) top right no-repeat!important;
            background-size: cover!important;
        }
    }
    
    
    /* Geral - Ajustes de resolução */
        @media (min-width: 992px) and (max-width: 1080px) {
            /**/
        }
    
        @media (min-width: 1081px) and (max-width: 1200px) {
            /**/
        }
    
        @media (min-width: 1201px) and (max-width: 1280px) {
            /**/
        }
    
        @media (min-width: 1281px) and (max-width: 1366px) {
            .section.inicio .logopromo img {
                width: 100%;
                /* max-width: 500px; */
                max-width: 430px;
                /*max-width: 350px;*/
            }
        }
    
        @media (min-width: 1366px) and (max-width: 4000px) {
            .section.inicio .logopromo img {
                width: 100%;
                /* max-width: 500px; */
                max-width: 430px;
                /*max-width: 350px;*/
            }
        }
    
    
    span.asterisco {
        position: relative;
        display: inline-block;
        font-size: 60%;
        line-height: 100%;
        top: -3px;
        left: 1px;
        letter-spacing: -1px;
    }
    
    @media (max-width: 991px){
        span.asterisco {
            top: -9px;
        }
    }
    
    
    /* AGUARDE */
    .aguarde {
        /*font-family: "Gilroy", sans-serif;*/
        /*font-weight: 700;*/
        /*font-size: 23px!important;*/
        /*line-height: 120%!important;*/
        /*color: #f2f2f2!important;*/
        /*margin-bottom: 0px;*/
    }
    
    .aguarde span {
        color: var(--c-red1);
    }
    
    /*Icones do MEMU (X) e (=)*/  
    #menu .navbar-toggler.icone-menu:before {
        /*content: "\f067";*/
        /*font-family: 'FontAwesome', Arial, sans-serif;*/
        /*font-size: 15px;*/
        /*line-height: 15px;*/
        color: #111111;
        position: relative;
        top: 0px;
        margin-right: 0px;
        float: right;
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23ffffff' viewBox='0 0 21 20' class='sc-pzMyG gRERfq' color='currentColor' role='img'%3E%3Ctitle%3EAbrir Menu%3C/title%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.5 7H20.5V5H0.5V7ZM0.5 15H20.5V13H0.5V15Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    }
    
    #menu .navbar-toggler[aria-expanded="true"].icone-menu:before {
        /*content: "\f068";*/
        color: #111111;
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23ffffff' viewBox='0 0 21 20' class='sc-qQYBZ dyrgJG' color='currentColor' role='img'%3E%3Ctitle%3EFechar Menu%3C/title%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5001 11.4143L16.793 17.7072L18.2072 16.293L11.9143 10.0001L18.2072 3.70718L16.793 2.29297L10.5001 8.58587L4.20718 2.29297L2.79297 3.70718L9.08587 10.0001L2.79297 16.293L4.20718 17.7072L10.5001 11.4143Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    }
    
    /* Divisória */
    .divisoria {
        position: relative;
    }
    
    .divisoria:before {
        position: absolute;
        z-index: 1;
        right: 0%;
        top: 0px;
        content: "";
        width: 1px;
        height: 100%;
        border: 1px solid var(--c-red1);
    }
    
    @media (max-width: 991px){
        .divisoria:before {
            left: 29%;
        }
    }
    
    /* Alinhamento */
    .align-vertical {
        display: table;
        width: 100%;
        height: 100%;
    }
    
    .align-vertical .align-element{
        display: table-cell;
        vertical-align: middle;
    }
    
    
    /* GENERAL */
    .main .section {
        position: relative;
    }
    
    .main .section .padding {
        padding: 7rem 3rem;
        max-width: 1366px;
    }
    
    .main .section .header-section {
        position: relative;
        z-index: 2;
        /*margin: 0 0 4rem 0;*/
        margin-bottom: 4rem!important;
    }
    
    .main .section .header-section h2 { 
        padding: 0px;
        margin-bottom: 0rem;
        font-size: 3rem;
        font-family: "Gilroy", sans-serif;
        font-weight: 700;
        letter-spacing: 0;
        text-transform: uppercase;
        color: var(--c-white);
        text-align: left;
        margin-bottom: 1.5rem!important;
    }
    
    .main .section .header-section h2.gradient {
        background: -webkit-linear-gradient(left, #ff863c, #ffdc3e);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .main .section .header-section h3 {
        font-family: "Gilroy", sans-serif;
        font-weight: 400;
        color: var(--c-white);
        font-size: 1.8rem;
        text-align: left;
    }
    
    .main .section .descricao {
        font-family: 'Gilroy', Arial, sans-serif;
        font-weight: 500;
        color: var(--c-white);
        font-size: 17px;
        line-height: 120%;
    }
    
    .main .section .descricao a {
        text-decoration: underline;
        color: var(--c-white);
    }
    
    .main .section .descricao a:hover {
        text-decoration: none;
        color: var(--c-white);
    }
    
    .main .section .descricao.small {
        font-size: 1.5rem;
        line-height: 20px;
    }
    
    @media (max-width: 991px){
        .main .section .padding {
            padding: 5rem 3rem 5rem 3rem!important;
        }
    
        .main .section .header-section {
            margin: 0 0 3rem 0;
        }
    
        .main .section .header-section h2 {
            font-size: 2.5rem;
        }
    }
    
    
    
    
    /* SECTION - INÍCIO */
    .section.inicio {
        position: relative;
        /*height: 550px;*/
        height: 850px;
        background: transparent;
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center;
    }

    .section.inicio .padding {
        position: relative;
        width: 100%;
    }

    .section.inicio:not(.novo) .bg_video {
        object-fit: cover;
    }

    .section.inicio.novo {
        height: auto !important;
        overflow: hidden;
        z-index: 5 !important;
    }

    .video-section {
        padding-bottom: 52.78%;
    }
    
    @media (max-width: 1133px){
        /* .section.inicio:not(.novo) .bg_video {
            width: 125%;
        } */
    }

    @media (max-width: 991px){
        .video-section {
            padding-bottom: 52.7%;
        }
    }

    .section.inicio .bg_video {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        border: 0;
    }

    .section.inicio .title, .section.inicio .subtitle {
        text-align: start;
    }
    
    .section.inicio .banner {
      width: 100%;
      height: 100vh;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    
    .section.inicio .banner video {
      position: fixed;
      top: 0;
      left: 0;
      object-fit: cover;
      width: 100%;
    }
    
    .section.inicio p.title {
        font-size: 3.1rem;
    }
    
    .section.inicio p .glitch {
        font-size: 3.1rem!important;   
    }
    
    .section.inicio .cta .btn {
        margin-right: 1rem; 
    }
    
    .section.inicio .mockup {
        position: relative;
    }
    .section.inicio .mockup .img-desktop {
        width: 100%;
        max-width: 630px;
        /**/
        -webkit-animation-name: pulseUm;
        animation-name: pulseUm;
        animation-duration: 3s;
        animation-delay: 1s;
        animation-iteration-count: infinite;
        transition: all 0.3s ease-in-out!important; 
    }
    .section.inicio .mockup .img-mobile {
        width: 43.8%;
        max-width: 293px;
        /**/
        position: absolute;
        bottom: 0%;
        right: 0%;
        /**/
        -webkit-animation-name: pulseDois;
        animation-name: pulseDois;
        animation-duration: 3s;
        animation-delay: 1s;
        animation-iteration-count: infinite;
        transition: all 0.3s ease-in-out!important; 
    }
    
    
    @media (max-width: 991px){
        .section.inicio {
            height: inherit;
        }  
    
        .section.inicio .cta .btn {
            margin-right: 1rem; 
            padding: 1.5rem 2rem 1.5rem 2rem;
        }
    
        .section.inicio .mockup {
            margin-top: 4rem;
        }
    }
    
    
    
    
    /* Sessão: Serviços */
    .section.servicos {
    }
    
    .section.servicos .padding {
        padding: 5rem 3rem;
    }
    
    .section.servicos .header-section h3 {
        color: var(--c-gray1);
    }
    
    .section.servicos .content-section {
        width: 100%;
        margin: auto;
    }
    
    .section.servicos .box {
        position: relative;
        padding: 3rem 2rem;
        border-radius: 1.8rem;
        background-color: var(--c-black5);
        border: 1px solid var(--c-black5);
        margin-top: 2rem;
        margin-bottom: 2rem;
        cursor: default;
    }
    .section.servicos .box:hover {
        background: #1818188f;
        /*box-shadow: 0px 0px 15px 1px #a6ce38;*/
        transition: all .3s ease-in-out;
        /*border: 1px solid var(--c-green1);*/
    }
    .section.servicos .box:hover .description {
        /*color: var(--c-black1);*/
    }
    .section.servicos .box:hover .title {
        color: var(--c-green1);
    }
    .section.servicos .box:hover .icon {
        /*background-color: var(--c-black1);*/
    }
    
    .section.servicos .box .icon {
        position: relative;
        display: inline-block;
        background-color: var(--c-black3);
        padding: 1.3rem;
        border-radius: 1rem;
        box-shadow: 0px 0px 15px 1px #353535;
    }
    
    .section.servicos .box .title {
        font-size: 2rem;
        font-weight: 700;
        color: var(--c-white);
        margin-top: 2rem;
        margin-bottom: 0.7rem;
    }
    
    .section.servicos .box .description {
        font-size: 1.5rem;
        line-height: 1.3;
        font-weight: 300;
        color: var(--c-gray1);
    }
    
    .section.servicos .box-step {
        position: relative;
        color: var(--c-green1);
        text-transform: uppercase;
        font-size: 1.6rem;
        line-height: 1.3;
        font-weight: 700;
    }
    
    /* Página: Serviços */
    .section#pgservicos {
        position: relative;
    } 
    
    .section#pgservicos .padding {
        padding: 7rem 3rem;
    }
    
    
    
    
    /* Sessão: Cases */
    .section.cases {
        position: relative;
        background-color: var(--c-black2);
    }
    
    .section.cases .padding {
        padding: 5rem 3rem;
    }
    
    .section.cases .header-section h3 {
        color: var(--c-gray1);
    }
    
    .section.cases .content-section {
        width: 100%;
        margin: auto;
    }
    
    .section.cases .box {
        position: relative;
        padding: 3rem 2rem 3rem 2rem;
        border-radius: 1.8rem;
        background: linear-gradient(180deg, #1d1d1d 0, #1d1d1d);
        /*background-color: #1d1d1d8c;*/
        margin-top: 2rem;
        margin-bottom: 2rem;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
    }
    
    .section.cases .box:hover {
        background-color: #161616;
        transform: scale(0.95);
        transition: all 0.3s ease-in-out;
    }
    
    .section.cases .box .image {
        position: relative;
    }
    
    .section.cases .box .title {
        font-size: 1.8rem;
        line-height: 1.2;
        font-weight: 700;
        color: var(--c-white);
        margin-top: 2rem;
        margin-bottom: 0.7rem;
    }
    
    .section.cases .box .description {
        font-size: 1.5rem;
        line-height: 1.3;
        font-weight: 300;
        color: var(--c-gray1);
    }
    
    .section.cases .box .description span {
        position: relative;
        display: inline-block;
        width: 100%;
    }
    
    /* Página: Cases */
    .section#pgcases .padding {
        padding: 7rem 3rem;
    }
    
    
    
    
    /* Sessão: Clientes */
    .section.clientes {
        position: relative;
        background-color: var(--c-black1);
    }
    
    .section.clientes .padding {
        padding: 5rem 3rem;
    }
    
    .section.clientes .header-section h3 {
        color: var(--c-gray1);
    }
    
    .section.clientes .content-section {
        width: 100%;
        margin: auto;
    }
    
    .section.clientes .carousel {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }
    
    
    /* Página: Clientes */
    .section#pgclientes .padding {
        padding: 7rem 3rem;
    }
    
    .section#pgclientes .content-section .logos {
        margin-bottom: 5rem;
    }
    
    
    
    
    /* Sessão: Sobre; */
    .section.sobre {
        position: relative;
        background-color: var(--c-black4);
    }
    
    .section.sobre .padding {
        padding: 5rem 3rem;
    }
    
    .section.sobre p.description {
        color: var(--c-gray1);
    }
    
    .section.sobre .content-section {
        width: 100%;
        margin: auto;
    }
    
    /* Página: Sobre */
    .section#pgsobre .padding {
        padding: 7rem 3rem;
    }
    .section#pgsobre .box-sobre {
        margin-bottom: 1.5rem;
    }
    .section#pgsobre .box-sobre:hover .text {
        color: var(--c-white);
    }
    
    .section#pgsobre .number {
        position: relative;
        font-size: 10rem;
        line-height: 90%;
        color: transparent;
        text-align: left;
        font-weight: 700;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: var(--c-green1);
    }
    
    .section#pgsobre .text {
        position: relative;
        font-size: 1.8rem;
        line-height: 1.4;
        color: var(--c-gray1);
        text-align: left;
        font-weight: 300;
        text-transform: uppercase;
    }
    @media (max-width: 991px){
        .section#pgsobre .number {
            font-size: 9rem;
            line-height: 95%;
        }
    
        .section#pgsobre .text {
            font-size: 1.5rem;
        }
    }
    
    
    
    
    /* Página: Certificacao */
    .section#pgcertificacao .content-certificacao .adjust1 {
        margin-top: 12rem;
        border-top: 1px solid var(--c-green1);
        padding-top: 3rem;
    }
    .section#pgcertificacao .content-certificacao .adjust2 {
        margin-top: 4rem;
    }
    .section#pgcertificacao .content-certificacao p.description {
        display: flex;
        align-items: center;
    }
    .section#pgcertificacao .content-certificacao p.description:hover {
        color: var(--c-green1)!important;
    }
    @media (max-width: 991px){
        .section#pgcertificacao .content-certificacao .adjust1 {
            border-top: none;
            margin-top: 5rem;
        }
    }
    
    
    
    /* Sessão: Fex */
    .section.inauguracaofex iframe {
        max-width: 100%;
        width: 100%;
        height: 328px;
    }
    
    @media (max-width: 991px){
        .section.inauguracaofex iframe {
            height: 320px;
        }
    }
    
    /* Sessão: Sobre */
    .section.sobre iframe {
        max-width: 100% !important;
        width: 100% !important;
        height: 328px !important;
    }
    
    @media (max-width: 991px){
        .section.sobre iframe {
            height: 320px !important;
        }
    }
    
    
    
    /* Página: Fenix Excellence */
    .section.fenixexcellence .boxes {
        margin-top: 3rem;
    }
    .section.fenixexcellence .boxes .box {
        position: relative;
        padding: 3rem 2rem;
        border-radius: 1.8rem;
        background-color: var(--c-black5);
        margin-top: 2rem;
        margin-bottom: 2rem;
        text-align: left;
    }
    .section.fenixexcellence .boxes .box:hover {
        background: #1818188f;
        transition: all 0.3s ease-in-out;
    }
    
    .section.fenixexcellence .boxes .box:hover .icon {
        box-shadow: 0px 0px 10px 0px #181818;
        transition: all 0.3s ease-in-out;
    }
    
    .section.fenixexcellence .boxes .box:hover .title {
        /*background: -webkit-linear-gradient(left, #ff863c, #ffdc3e);*/
        /*-webkit-background-clip: text;*/
        /*-webkit-text-fill-color: transparent;*/
    }
    
    .section.fenixexcellence .boxes .box .description:hover {
            background: -webkit-linear-gradient(left, #ff863c, #ffdc3e);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .section.fenixexcellence .boxes .box .icon {
        position: relative;
        display: inline-block;
        background-color: var(--c-black3);
        padding: 1.3rem;
        border-radius: 1rem;
        box-shadow: 0px 0px 15px 1px #353535;
        width: 82px;
        height: 82px;
    }
    .section.fenixexcellence .boxes .box .icon svg {
        width: 100%;
    }
    .section.fenixexcellence .boxes .box .title {
        font-size: 2rem;
        font-weight: 700;
        color: var(--c-white);
        margin-top: 2rem;
        margin-bottom: 0.7rem;
    }
    .section.fenixexcellence .boxes .box .description {
        font-size: 1.5rem;
        line-height: 1.3;
        font-weight: 300;
        color: var(--c-gray1);
    }
    .section.fenixexcellence .boxes .box-step {
        position: relative;
        color: var(--c-green1);
        text-transform: uppercase;
        font-size: 1.6rem;
        line-height: 1.3;
        font-weight: 700;
    }
    @media (max-width: 991px){
    
    }
    
    
    
    
    /* Página: Contato */
    .section.contato {
    
    }
    
    
    
    
    /*Sessão: Trabalhe conosco*/
    .section.trabalheconosco {
        background-color: var(--c-green1);
    }
    
    .section.trabalheconosco .header-section h2 {
        color: var(--c-black1);
    }
    
    
    
    /*TOOLTIP */
    .tooltip {
      position: absolute;
      z-index: 1070;
      display: block;
      margin: 0;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      font-style: normal;
      font-weight: 500;
      line-height: 1.5;
      text-align: left;
      text-align: start;
      text-decoration: none;
      text-shadow: none;
      text-transform: none;
      letter-spacing: normal;
      word-break: normal;
      word-spacing: normal;
      white-space: normal;
      line-break: auto;
      font-size: 1.4rem;
      word-wrap: break-word;
      opacity: 0;
    }
    
    .tooltip.show {
      opacity: 0.9;
    }
    
    .tooltip .arrow {
      position: absolute;
      display: block;
      width: 0.8rem;
      height: 0.4rem;
    }
    
    .tooltip .arrow::before {
      position: absolute;
      content: "";
      border-color: transparent;
      border-style: solid;
    }
    
    .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
      padding: 0.4rem 0;
    }
    
    .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
      bottom: 0;
    }
    
    .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
      top: 0;
      border-width: 0.4rem 0.4rem 0;
      border-top-color: #000000;
    }
    
    .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
      padding: 0 0.4rem;
    }
    
    .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
      left: 0;
      width: 0.4rem;
      height: 0.8rem;
    }
    
    .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
      right: 0;
      border-width: 0.4rem 0.4rem 0.4rem 0;
      border-right-color: #000000;
    }
    
    .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
      padding: 0.4rem 0;
    }
    
    .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
      top: 0;
    }
    
    .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
      bottom: 0;
      border-width: 0 0.4rem 0.4rem;
      border-bottom-color: #000000;
    }
    
    .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
      padding: 0 0.4rem;
    }
    
    .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
      right: 0;
      width: 0.4rem;
      height: 0.8rem;
    }
    
    .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
      left: 0;
      border-width: 0.4rem 0 0.4rem 0.4rem;
      border-left-color: #000000;
    }
    
    .tooltip-inner {
      max-width: 200px;
      padding: 1rem 1rem;
      color: #fff;
      text-align: center;
      background-color: #000000;
      border-radius: 0.7rem;
      border: 1px solid #000000;
    }
    
    
    /* FOOTER */
    .footer {
        position: relative;
        padding: 0px;
        background: var(--c-black2);
    }
    
    .footer .padding {
        max-width: 1366px;
        position: relative;
        padding: 4rem 1.5rem 4rem 1.5rem;
    }
    
    .footer .content-section {
        position: relative;
        margin: 0;
        height: auto;
    }
    
    .footer .texto-legal {
        margin: 0px;
        font-size: 1.4rem;
        line-height: 1.4;
        color: var(--c-white);
        font-weight: 300;
    }
    
    .footer .links-uteis {
        position: relative;
        display: inline-grid;
        width: 100%;
        justify-content: start;
        justify-items: start;
    }
    
    .footer .links-uteis a {
        margin-bottom: 5px;
        color: var(--c-gray1);
    }
    
    .footer .links-uteis a:hover {
        color: var(--c-gray1);
        text-decoration: underline;
    }
    
    .footer .links-uteis span {
        font-weight: 700;
        margin-bottom: 10px;
    }
    
    .footer .links-uteis span.info {
        margin-bottom: 5px!important;
        color: var(--c-gray1)!important;
        font-weight: 500!important;
        text-align: left;
    }
    
    .footer .links a {
        font-family: "Gilroy", sans-serif;
        font-weight: 700;
        font-size: 1.4rem;
        line-height: 1;
        color: var(--c-white);
        margin-right: 1.5rem;
        text-transform: none;
    }
    
    .footer .links a:hover {
        color: var(--c-yellow1);
        text-decoration: none;
    }
    
    .footer .redes {
        position: relative;
        margin-top: 30px;
    }
    
    .footer .titulo {
        font-family: "Gilroy", sans-serif;
        font-weight: 500;
        font-size: 1.5rem;
        line-height: 110%;
        margin-bottom: 1rem;
        color: var(--c-white);
    }
    
    .footer .redes a.icone-redes {
        background: transparent;
        padding-right: 10px;
        border-radius: 100px;
        margin: 1px;
        display: inline-block;
        font-size: inherit!important;
        line-height: inherit!important;
    }
    
    .footer .redes a.icone-redes i {
        color: var(--c-white);
        font-size: 3rem;
        line-height: 100%;
        transition: all 0.3s ease-in-out;
    }
    
    .footer .redes a.icone-redes i:hover {
        color: var(--c-white);
        transform: scale(1.2);
        transition: all 0.3s ease-in-out;
    }
    
    .icone-redes img.icone-tiktok {
        max-width: 20px;
        display: block;
        top: 2px;
        position: absolute;
    }
    
    .footer.tarja {
        position: relative;
        z-index: 9;
        width: 100%;
        padding: 0px;
        background: var(--c-black4)!important;
    }
    
    .footer.tarja .padding {
        padding: 3rem 1.5rem 3rem 1.5rem;
    }
    
    @media (max-width: 991px){
        .footer {
            position: relative;
            font-family: "Gilroy", sans-serif;
            font-weight: 500;
        }
    
        .footer .padding {
            padding: 5rem 3rem 5rem 3rem!important;
        }
    
        .footer .logo-marca {
            margin-top: 20px;
            margin-bottom: 20px;
        }
    
        .footer .logo-marca img {
            width: 100%;
            max-width: 100%;
        }
    
        .footer .links {
            text-align: center!important;
            margin: auto;
            display: inline-grid;
            width: 100%;
            text-align: center;
            margin-bottom: 0!important;
        }
    
        .footer .links a {
            font-size: 1.8rem!important;
            text-transform: none!important;
            margin-top: 8px!important;
            margin-bottom: 8px!important;
        }
    
        .footer .links-uteis span {
            font-size: 2rem;
            line-height: 2.3rem;
        }
    
        .footer .links-uteis span.title {
            margin-bottom: 0.5rem!important;
            margin-top: 2rem!important;
        }
    
        .footer a {
            font-size: 1.8rem;
            line-height: 2.5rem;
        }
    
        .footer .texto-legal {
            font-size: 1.5rem;
        }
    
        .footer .texto-legal,
        .footer .texto-legal a {
            font-size: 1.5rem;
            line-height: 1.4;
            margin: 0px!important;
            width: 100%;
            text-align: center!important;
        }
    
        .footer .redes {
            position: relative;
            margin-top: 0rem;
            margin-bottom: 0rem;
            text-align: center;
        }
    
        .footer .redes svg {
            width: 100%;
            max-width: 170px;
        }
    
        .footer.tarja .padding {
            padding: 3rem 1.5rem 3rem 1.5rem;
        }
    
        .footer.tarja .descricao {
            font-size: 1.5rem;
            line-height: 18px;
            text-transform: uppercase;
            margin-top: 10px;
            margin-bottom: 1rem;
            margin-left: 0px;
            margin-right: 0px;
        }
    
        .footer .padding .logo {
            margin-top: 1rem;
        }
    
        .footer.tarja .logo {
            text-align: center;
        }
    
        .footer.tarja .logo img {
            margin: 5px;
            text-align: center;
        }
    }
    
    
    /*  COMPONENTES FORMULÁRIO  */
    .form-control {
        background: white !important;
        color: var(--c-black1);
        font-family: "Gilroy", sans-serif;
        font-weight: 500;
        padding: 2rem 2rem 1.7rem 2rem;
        height: auto;
        border-radius: 0.7rem;
        border: 0px solid var(--c-gray1);
        margin: 15px 0px 6px 0px;
        font-size: 1.3rem;
        line-height: 1;
    }
    
    .form-control:focus {
        background: white !important;
        color: var(--c-black1);
        font-family: "Gilroy", sans-serif;
        font-weight: 500;
        padding: 2rem 2rem 1.7rem 2rem;
        height: auto;
        border-radius: 0.7rem;
        border: 0px solid var(--c-gray1);
        margin: 15px 0px 6px 0px;
        font-size: 1.3rem;
        line-height: 1;
    }
    
    select.form-control {
        background: white !important;
        color: var(--c-black1);
        font-family: "Gilroy", sans-serif;
        font-weight: 500;
        padding: 2rem 2rem 1.7rem 2rem;
        height: auto;
        border-radius: 0.7rem;
        border: 0px solid var(--c-gray1);
        margin: 15px 0px 6px 0px;
        font-size: 1.3rem;
        line-height: 1;
    }
    
    select.form-control:focus {
        background: white !important;
        color: var(--c-black1);
        font-family: "Gilroy", sans-serif;
        font-weight: 500;
        padding: 2rem 2rem 1.7rem 2rem;
        height: auto;
        border-radius: 0.7rem;
        border: 0px solid var(--c-gray1);
        margin: 15px 0px 6px 0px;
        font-size: 1.3rem;
        line-height: 1;
    }
    
    input.form-control:focus {
        background: white !important;
        color: var(--c-black1);
        font-family: "Gilroy", sans-serif;
        font-weight: 500;
        padding: 2rem 2rem 1.7rem 2rem;
        height: auto;
        border-radius: 0.7rem;
        border: 0px solid var(--c-gray1);
        margin: 15px 0px 6px 0px;
        font-size: 1.3rem;
        line-height: 1;
    }
    
    .form-control:disabled, .form-control[readonly] {
        background: var(--c-gray1);
        opacity: 0.5;
    }
    
    .form-control + .input-group-append > .input-group-text {
        padding: 1.3rem 1.5rem 1.2rem 1.5rem;
        height: auto;
        border-radius: 0rem 0.7rem 0.7rem 0rem;
        border: none;
        font-size: 1.4rem;
        line-height: 1;
        background: var(--c-yellow1);
        color: var(--c-black1);
    }
    
    textarea.form-control {
        resize: none;
        color: var(--c-gray1);
        background: transparent;
        font-family: "Gilroy", sans-serif;
        font-weight: 500;
        padding: 2.1rem 2rem 2.1rem 2rem;
        height: auto;
        border-radius: 1.5rem;
        border: 1px solid var(--c-gray1);
        margin: 15px 0px 6px 0px;
        font-size: 1.3rem;
        line-height: 1;
    }
    
    .main .section:nth-child(even) .form-control {
        background: white;
    }
    
    .float-placeholder {
        font-size: 1.1rem;
        line-height: 1;
        text-align: left;
        font-family: "Gilroy", sans-serif;
        font-weight: 700;
        color: var(--c-black1);
        background: transparent;
        border-radius: 100rem;
        z-index: 2;
        padding: 0rem 0rem 0rem 0rem;
        display: block;
        position: absolute;
        top: 0px;
        left: 1.5rem;
        letter-spacing: 0px;
        text-transform: none;
    }
    
    .form-check-label{
        color: var(--c-red1);
        font-size: 1.7rem;
        font-family: "Gilroy", sans-serif;
        font-weight: 700;
    }
    
    .custom-control-label {
        color: var(--c-white);
        padding: 0 0 0 1rem;
        font-size: 1.5rem;
        line-height: 1.3;
        font-weight: 300;
    }
    
    .custom-control-label::before,
    .custom-control-label:focus {
        box-shadow: none!important;
        border: 1px solid var(--c-white)!important;
        border-radius: 100px!important;
        top: 0.55rem;
    }
    
    .custom-control-label::after {
        top: 0.55rem;   
    }
    
    .custom-control-input:checked~.custom-control-label::before {
        color: var(--c-green1);
        border-color: var(--c-green1)!important;
        background-color: var(--c-green1);
        z-index: 1;
    }
    
    .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
        box-shadow: none!important;
        border: 1px solid;
        border-radius: 100px!important;
        border-color: var(--c-green1);
    }
    
    
    .custom-control-label a{
        text-decoration: underline;
        color: var(--c-green1);
    }
    
    .custom-control-label a:hover{
        text-decoration: none;
        color: var(--c-green1);
    }
    
    [class*="vld-"] + .error {
        text-align: left;
        display: block;
        width: 100%;
        font-size: 1.1rem;
        line-height: 1;
        font-family: "Gilroy", sans-serif;
        font-weight: 700;
        margin-top: 1px;
        margin-bottom: 8px;
        padding: 0rem;
        background: transparent;
        color: var(--c-error2);
    }
    
    label#AceiteRegulamento-error,
    label#AceitePrivacidade-error,
    label#AceitePromo-error,
    label#AceitePolitica-error,
    label#AceiteCupom-error,
    label#AceitePermissao-error,
    label#AceiteComunicacao-error {
        text-align: left;
        display: block;
        width: 100%;
        font-size: 1.1rem;
        line-height: 1;
        font-family: "Gilroy", sans-serif;
        font-weight: 700;
        margin-top: 1px;
        margin-bottom: 8px;
        padding: 0rem;
        background: transparent;
        color: var(--c-error2);
    }
    
    
    /* COMPONENTES FORMULÁRIO */
    /* Regras de senha personalizadas */
    #Senha:not([data-senha-vazio]) ~ .senha-regras,
    [data-senha-vazio="true"]#Senha ~ .senha-regras,
    #Senha.valid:not(:focus) ~ .senha-regras {
        display: none;
    }
    
    #Senha:not([data-senha-vazio]) ~ .senha-regras,
    [data-senha-vazio="true"]#Senha ~ .senha-regras {
        display: none;
    }
    
    #Senha1:not([data-senha-vazio]) ~ .senha-regras,
    [data-senha-vazio="true"]#Senha1 ~ .senha-regras,
    #Senha1.valid:not(:focus) ~ .senha-regras {
        display: none;
    }
    
    #Senha1:not([data-senha-vazio]) ~ .senha-regras,
    [data-senha-vazio="true"]#Senha1 ~ .senha-regras {
        display: none;
    }
    
    #Senha2:not([data-senha-vazio]) ~ .senha-regras,
    [data-senha-vazio="true"]#Senha2 ~ .senha-regras,
    #Senha2.valid:not(:focus) ~ .senha-regras {
        display: none;
    }
    
    #Senha2:not([data-senha-vazio]) ~ .senha-regras,
    [data-senha-vazio="true"]#Senha2 ~ .senha-regras {
        display: none;
    }
    
    #Senha3:not([data-senha-vazio]) ~ .senha-regras,
    [data-senha-vazio="true"]#Senha3 ~ .senha-regras,
    #Senha3.valid:not(:focus) ~ .senha-regras {
        display: none;
    }
    
    #Senha3:not([data-senha-vazio]) ~ .senha-regras,
    [data-senha-vazio="true"]#Senha3 ~ .senha-regras {
        display: none;
    }
    
    #NovaSenha:not([data-senha-vazio]) ~ .senha-regras,
    [data-senha-vazio="true"]#NovaSenha ~ .senha-regras,
    #NovaSenha.valid:not(:focus) ~ .senha-regras {
        display: none;
    }
    
    #NovaSenha:not([data-senha-vazio]) ~ .senha-regras,
    [data-senha-vazio="true"]#NovaSenha ~ .senha-regras {
        display: none;
    }
    
    #txtSenhaNova:not([data-senha-vazio]) ~ .senha-regras,
    [data-senha-vazio="true"]#txtSenhaNova ~ .senha-regras,
    #txtSenhaNova.valid:not(:focus) ~ .senha-regras {
        display: none;
    }
    
    #txtSenhaNova:not([data-senha-vazio]) ~ .senha-regras,
    [data-senha-vazio="true"]#txtSenhaNova ~ .senha-regras {
        display: none;
    }
    
    #txtSenha:not([data-senha-vazio]) ~ .senha-regras,
    [data-senha-vazio="true"]#txtSenha ~ .senha-regras,
    #txtSenha.valid:not(:focus) ~ .senha-regras {
        display: none;
    }
    
    #txtSenha:not([data-senha-vazio]) ~ .senha-regras,
    [data-senha-vazio="true"]#txtSenha ~ .senha-regras {
        display: none;
    }
    
    #txtNovaSenha:not([data-senha-vazio]) ~ .senha-regras,
    [data-senha-vazio="true"]#txtNovaSenha ~ .senha-regras,
    #txtNovaSenha.valid:not(:focus) ~ .senha-regras {
        display: none;
    }
    
    #txtNovaSenha:not([data-senha-vazio]) ~ .senha-regras,
    [data-senha-vazio="true"]#txtNovaSenha ~ .senha-regras {
        display: none;
    }
    
    .senha-regras {
        text-align: left;
        font-size: 1.1rem;
        background-color: var(--c-gray1);
        border: none;
        border-radius: 10px 10px 10px 10px;
        position: absolute;
        z-index: 999;
        width: 195px;
        padding: 1.5rem 10px 1.5rem 10px;
        margin-top: 0px;
        font-family: "Gilroy", sans-serif;
        font-weight: 500;
    }
    
    .senha-regras::before {
        content: "\edc4";
        font-family: 'icomoon', Arial, sans-serif;
        width: 35px;
        height: 12px;
        text-align: center;
        font-size: 30px;
        line-height: 100%;
        border-radius: 0;
        margin-right: 0px;
        display: inline-block;
        background: transparent;
        color: var(--c-green1);
        position: absolute;
        top: -19px;
        left: 3px;
        z-index: 1;
    }
    
    .senha-regras > div {
        padding: 0.2rem;
        color: var(--c-black1);
    }
    
    .senha-regras > div:before {
        content: "\e601";
        font-family: 'icomoon', Arial, sans-serif;
        width: 16px;
        height: 16px;
        text-align: center;
        line-height: 16px;
        border-radius: 50%;
        margin-right: 10px;
        display: inline-block;
        /* background: #ffffff; */
        background: #ccc;
        /* color: var(--c-white); */
        color: #ccc;
    }
    
    [data-senha-maiusculas="true"] ~ .senha-regras .regra-maiusculas:before {
        color: white;
        background: #4caf50;
    }
    
    [data-senha-minusculas="true"] ~ .senha-regras .regra-minusculas:before {
        color: white;
        background: #4caf50;
    }
    
    [data-senha-numeros="true"] ~ .senha-regras .regra-numeros:before {
        color: white;
        background: #4caf50;
    }
    
    [data-senha-especiais="true"] ~ .senha-regras .regra-especiais:before {
        color: white;
        background: #4caf50;
    }
    
    [data-senha-tamanho="true"] ~ .senha-regras .regra-tamanho:before {
        color: white;
        background: #4caf50;
    }
    
    
    /*Olho Senha*/
    .eye {
        margin: auto;
        display: inherit;
    }
    
    .eye [data-togglepassword] {
        height: 25px;
        width: 25px;
        line-height: 30px;
        text-decoration: none!important;
        position: absolute;
        color: var(--c-orange1);
        top: 23px;
        right: 25px;
        z-index: 1;
        font-size: 2rem;
        cursor: pointer;
    }
    
    .eye [data-togglepassword] :hover {
        color: var(--c-orange1);
        text-decoration: none!important;
    }
    
    .eye [data-togglepassword] .password-hide {
        text-decoration: none!important;
    }
    
    @media (max-width: 991px){
        .eye {
            top: 7px;
            right: 20px;
            position: absolute;
        }
    
        .eye [data-togglepassword] {
            text-align: center;
            width: 100%;
            font-size: 25px;
            height: 20px;
            line-height: 25px;
            top: 18px;
            right: 30px;
        }
    }
    
    
    /* Formulario progresso */
    @media (max-width: 991px) {
        #frm-cadastro {
            margin: 0 auto;
            width: 100%!important;
        }
    
        #frm-cadastro [data-step] {
            /*padding: 20px 20px;*/
            padding: 0px;
        }
    }
    
    @media (max-width: 768px) {
        #frm-cadastro {
            width: 90%;
        }
    }
    
    #frm-cadastrar:not(.carregando) .formulario-carregando {
        display: none;
    }
    
    .formulario-carregando {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%;
        height: 100%;
        background-color: rgba(255,255,255,0.5);
        border-radius: 50%;
    }
    
    .formulario-carregando > div {
        display: inline-block;
        position: absolute;
        width: 200px;
        height: 200px;
        top: calc(50% - 100px);
        left: calc(50% - 100px);
    }
    
    .formulario-carregando > div div {
        position: absolute;
        border: 4px solid #313131;
        opacity: 1;
        border-radius: 50%;
        animation: formulario-carregando 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }
    
    .formulario-carregando > div div:nth-child(2) {
        animation-delay: -0.5s;
    }
    
    @keyframes formulario-carregando {
        0% {
            top: 96px;
            left: 96px;
            width: 0;
            height: 0;
            opacity: 1;
        }
        100% {
            top: 0px;
            left: 0px;
            width: 192px;
            height: 192px;
            opacity: 0;
        }
    }
    
    form label {
    }
    
    label#erroValor.error ,
    label#erroQuantidade.error ,
    label#erroProduto.error {
        text-align: left;
        display: block;
        width: 100%;
        margin-top: 3px;
        font-size: 12px!important;
        line-height: 12px!important;
        padding: 0px 1.5rem 3px 1.5rem!important;
        background: transparent;
        color: #ed3f32;
        font-family: "Gilroy", sans-serif;
        font-weight: 700;
    }
    
    /* Formulario steps */
    
    [data-plugin="formsteps"]:not(.plugin-loaded) {
        display: none;
    }
    
    [data-plugin="upload"] .upload-preview{
        font-family: "Gilroy", sans-serif;
        font-weight: 700;
    }
    
    [data-tbitems="Produtos"] tbody td {
        background: white;
    }
    
    [data-tbitems="Produtos"][data-items="0"] thead {
        display: none;
    }
    
    [data-plugin="tbitems"]:not(.plugin-loaded) {
        display: none;
    }
    
    @media (max-width: 991px){
          #frm-cadastrocupom table.table tbody td {
            display: block;
            border: none;
            background: #FFFFFF;
            border-radius: 0;
            padding: 20px;
        }
    }
    
    
    
    
    
    
    /* SECTION - GANHADORES */
    .section.ganhadores {
        position: relative;
        overflow: hidden;
    }
    
    .section.ganhadores .header-section h2
    .section.ganhadores .header-section h3 {
        color: var(--c-white);
    }
    
    .section.ganhadores .content-section {
        width: 100%;
        margin: auto;
    }
    
    .section.ganhadores .tab-btn {
        margin-bottom: 30px!important;
    }
    
    .ganhadores-item + div {
        display: block;
    }
    
    .section.ganhadores .ganhadores-item {
        background: var(--c-green1);
        color: var(--c-white);
        padding: 10px 25px;
        border-radius: 25px;
        text-align: left;
        position: relative;
        z-index: 2;
        margin-top: 5px;
        margin-bottom: 20px;
    }
    
    .section.ganhadores .ganhadores-item span{
        color: yellow;
        font-family: "Gilroy", sans-serif;
        font-weight: 700;
    }
    
    .section.ganhadores .scroll-container{
        margin: 0px 0px 10px 0px;
        max-height: 302px;
        overflow-y: scroll;
        border: none!important;
    }
    
    .section.ganhadores .ganhadores-item:before {
        content: "\f067";
        font-family: 'FontAwesome', Arial, sans-serif;
        color: yellow;
        font-size: 20px;
        line-height: 20px;
        position: relative;
        top: 3px;
        margin-right: 10px;
    }
    
    .section.ganhadores [aria-expanded="true"].ganhadores-item:before {
        color: yellow;
        content: "\f068";
    }
    
    .section.ganhadores table.table {
        padding-right: 5px;
    }
    
    .section.ganhadores .filtro {
        font-family: "Gilroy", sans-serif;
        font-weight: 500;
        color: var(--c-white);
        font-size: 1.7rem;
        line-height: 120%;
    }
    
    @media (max-width: 991px){
        .section.ganhadores {
            /*background: url(../img/bkg1_412.webp) top center no-repeat;*/
            /*background-size: cover;*/
            margin-bottom: -20px;
        }
    
        .section.ganhadores img {
            /*width: 100%;*/
            max-width: 100%;
        }
    
        .section.ganhadores .relacaodeganhadores.adjust {
            margin-top: 0px!important;
            margin-bottom: 0px!important;
        }
    
        .section.ganhadores table.table td.vermelho,
        .section.ganhadores table.table th.vermelho,
        .section.ganhadores table.table td.cinza,
        .section.ganhadores table.table th.cinza {
            border: none;
        }
    
        .section.ganhadores table.table tr.vermelho {
            background: #FFFFFF;
            padding: 20px;
            display: block;
            border-radius: 20px;
            margin: 10px 0;
        }
    
        .section.ganhadores table.table tr.cinza {
            background: #FFFFFF;
            padding: 20px;
            display: block;
            border-radius: 10px;
            margin: 10px 0;
        }
    
        .section.ganhadores .tab-btn .btn,
        .section.ganhadores .tab-btn .btn.active {
            width: 100%;
        }
    
        .section.ganhadores table.table tbody td {
            background: var(--c-white);
        }
    
        .section.ganhadores table.table tbody td {
            border-radius: 0px!important;
        }
    
        .section.ganhadores .scroll-container {
            max-height: 435px;
        }
    }
    
    
    /*SECTION - ESQUECI MINHA SENHA */
    .section.redefinirsenha {
        position: relative;
    }
    
    .section.redefinirsenha .content-section {
        width: 55%;
        margin: auto;
    }
    
    @media (max-width: 991px){
        .section.redefinirsenha .content-section {
            width: 100%;
        }
    
        .section.redefinirsenha .padding {
            /*padding: 40px 1.5rem 40px 1.5rem;*/
        }
    }
    
    @media (max-width: 991px){
        .modal.popup-esquecisenha .btn {
            margin-top: 10px;
        }
    
        .modal.popup-esquecisenha .titulo span img,
        .modal.popup-esquecisenhasucesso .titulo span img {
            top: 26px!important;
        }
    
        .modal.popup-esquecisenhasucesso .descricao a {
            font-size: 13px;
            line-height: 1.5rem;
        }
    }
    
    
    /* Tabelas 
    
    /*Tabelas - Protótipo antigo*/
    table.table {
        border-collapse: separate;
        border-spacing: 0px;
    }
    
    table.table th {
        color: var(--c-red1);
        background: var(--c-green1);
    }
    
    table.table td,
    table.table th {
        position: relative;
        font-family: "Gilroy", sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 16px;
        color: var(--c-white);
        background: var(--c-orange1);
        border-radius: 5px;
        padding: 1.6rem 2rem 1.1rem 2rem;
        border: none;
        border-radius: 0px;
    }
    
    table.table tbody td {
        position: relative;
        font-weight: 500;
        font-size: 1.5rem;
        line-height: 1;
        border: none;
        background: var(--c-gray1);
        color: var(--c-black1);
        padding: 1.6rem 2rem 1.1rem 2rem;
        border-radius: 0rem;
        vertical-align: middle;
    }
    
    table.table tbody tr:nth-child(even) td {
        background: var(--c-gray1);
    }
    
    table.table .title-table-mobile{
        display: none;
        font-family: "Gilroy", sans-serif;
        font-weight: 700;
        font-size: 1.8rem;
        line-height: 1.8;
        border-radius: 100px;
        padding: 0rem 2.5rem 1rem 2.5rem;
        background: transparent;
        color: var(--c-orange1);
    }
    
    table.table .filter-result{
        display: inline-block;
    }
    
    table.table .th-header{
        cursor: pointer;
        position: relative;
    }
    
    table.table .th-header:hover{
        opacity: 0.9;
    }
    
    table.table .th-header.headerSortDown::after{
        position: absolute;
        right: 10px;
        content: '\e9c5';
        font-family: 'icomoon', Arial, sans-serif;
        font-size: 25px;
        line-height: 25px;
        color:#FFFFFF;
    }
    
    table.table .th-header.headerSortUp::after{
        position: absolute;
        right: 10px;
        content: '\e9c6';
        font-family: 'icomoon', Arial, sans-serif;
        font-size: 25px;
        line-height: 25px;
        color:#FFFFFF;
    }
    
    .table .thead-dark th {
        position: relative;
        font-weight: 700;
        font-size: 1.5rem;
        line-height: 1;
        background: var(--c-green1);
        color: var(--c-white);
        padding: 1.6rem 2rem 1.1rem 2rem;
        text-transform: uppercase;
        border-radius: 0;
        border: 0!important;
    }
    
    table.table tbody td .contemplado {
        font-family: "Gilroy", sans-serif;
        font-weight: 700;
        color: var(--c-check);
        line-height: 1.5;
    
    }
    
    table.table tbody td .naocontemplado {
        font-family: "Gilroy", sans-serif;
        font-weight: 700;
        color: var(--c-black1);
    }
    
    table.table tbody td .reprovado {
        font-family: "Gilroy", sans-serif;
        font-weight: 700;
        color: var(--c-error);
    }
    
    table.table tbody td .aguardando {
        font-family: "Gilroy", sans-serif;
        font-weight: 700;
        color: #313131;
    }
    
    table.table tbody td i {
        font-size: 2rem;
        top: 2px;
        left: 2px;
        position: relative;
    }
    
    table.table tbody td i:hover {
        color: var(--c-green1);
    }
    
    table.table tbody td i.icon-cross2:before {
        display: none;
    }
    
    
    @media (max-width: 991px) {
    
        /* Base protótipo */
        .main .header .content{ width:auto; }
        .main .section .content{ width:auto; }
        .main .footer .content{ width:auto; }
    
        /* Tabela */
        table.table{
            border-spacing: 5px;   
        }
    
        table.table .title-table-mobile{ 
            display: inline-block!important;
            font-family: "Gilroy", sans-serif;
            font-weight: 700;
            font-size: 1.8rem;
            line-height: 1.6;
            border-radius: 100px;
            padding: 1rem 2.5rem;
            background: transparent;
            color: var(--c-green1);
        }
    
        table.table td,
        table.table th{
            border:0;
        }
    
        table.table thead{
            display: none;
        }
    
        table.table tbody td{
            display: block;
            border: none;
            border-radius: 0px;
            padding: 0.65rem 0.65rem 2rem 0.65rem;
        }
    
        table.table tbody tr td:first-child{
            border-top-left-radius: .25rem;
            border-top-right-radius: .25rem;
            font-weight: 400!important;
        }
    
        table.table tbody tr td:last-child{
            border-bottom-left-radius: .25rem;
            border-bottom-right-radius: .25rem;
        }
    } 
    
    .table th.sort {
        cursor: pointer;
    }
    
    .table th.sort.asc:after {
        padding-left: 10px;
        display: inline-block;
        content: "\f0d8";
        font-family: 'FontAwesome', Arial, sans-serif;
    }
    
    .table th.sort.desc:after {
        padding-left: 10px;
        display: inline-block;
        content: "\f0d7";
        font-family: 'FontAwesome', Arial, sans-serif;
    }
    
    
    /*Tela de Erro*/
    #erro {
        position: relative;
        height: 100%;
        background: url(../img/bkg1_1920.webp) top center no-repeat;
    }
    
        #erro .padding {
            padding: 0px 1.5rem 50px 1.5rem;
        }
    
        #erro .content-section {
            position: relative;
            height: 100%;
        }
    
        #erro .header-section {
            margin-bottom: 0px;
        }
    
            @media (min-width: 320px) and (max-width: 374px) {
                #erro .content-section {
                    height: 533px!important;
                }
            }
    
            @media (min-width: 375px) and (max-width: 413px) {
                #erro .content-section {
                    height: 777px!important;
                }
            }
    
            @media (min-width: 375px) and (height: 667px) {
                #erro .content-section {
                    height: 822px!important;
                }
            }
    
        #erro .logo-promocao {
            position: relative;
            margin-top: 20px;
            margin-bottom: 20px;
        }
    
            #erro .logo-promocao img {
                width: 100%;
                max-width: 550px;
            }
    
        .section.inicio.aguarde .logopromo {
            max-width: 100%;
            margin-top: 0px;
            background: #745dc8;
            padding: 60px 25px 25px 25px;
        }
    
        .section.inicio.aguarde .logopromo img {
            width: 100%!important;
            max-width: 300px!important;
        }
    
        .section#erro .chamada img {
            max-width: 350px;
        }
    
        .section.aguarde .logopromocao .img-logopromocao {
            position: relative;
            max-width: 100%;
        }
    
        .section#erro .aguarde {
            position: absolute;
            z-index: 3;
            top: 60%;
            left: 5%;
            width: 36%;
        }
    
            .section#erro .aguarde .img-aguarde {
                width: 100%;
                transition: all 0.3s ease-in-out;
            }
    
            .section.aguarde .header-section h1 {
                font-family: "Gilroy", sans-serif;
                font-weight: 500;
                color: var(--c-white);
                font-size: 3.5rem;
                line-height: 120%;
            }
    
        .section.aguarde .icone-aguarde1 {
            position: absolute;
            top: 0%;
            left: -7%;
        }
    
        .section.aguarde .icone-aguarde1 img {
            max-width: 100%
        }
    
        .section.aguarde .icone-aguarde2 {
            position: absolute;
            top: 0%;
            right: -7%;
        }
    
        .section.aguarde .icone-aguarde2 img {
            max-width: 100%
        }
    
        .section.aguarde h2.titulo.tituloaguarde {
            font-style: italic!important;
            text-transform: none!important;
            font-size: 60px!important;
            line-height: 60px!important;
        }
    
        @media (max-width: 412px){
            .section.aguarde h2.titulo.tituloaguarde {
                font-size: 40px!important;
                line-height: 50px!important;
            }
    
            .section.aguarde .header-section h1 {
                font-size: 25px;
                line-height: 120%;
                margin-top: -40px!important;
                margin-bottom: 5px!important;
            }
    
            .section.aguarde .logopromocao {
                margin-top: 30px;
            }
        }
    
    
        @media (max-width: 991px){
            .section#erro .aguarde {
                position: absolute;
                z-index: 3;
                top: 28%;
                left: 5%;
                width: 86%;
            }
    
                .section#erro .aguarde .img-aguarde {
                    width: 100%;
                    transition: all 0.3s ease-in-out;
                }
    
            .section#erro .logopromocao {
                width: 100%!important;
            }
    
            #erro .header-section {
                margin-top: 30px;
            }
        }
    
        #erro .titulo {
            position: relative;
            font-size: 3.5rem;
            line-height: 40px;
            color: var(--c-white);
            font-family: "Gilroy", sans-serif;
            font-weight: 700;
            text-transform: uppercase;
        }
    
        #erro .texto {
            position: relative;
            font-size: 20px;
            line-height: 25px;
            color: var(--c-white);
            font-family: "Gilroy", sans-serif;
            font-weight: 500;
            text-transform: none;
        }
    
            #erro .texto span {
            
            }
    
        #erro .call-to-action {
            position: relative;
            z-index: 1;
        }
    
        @media (max-width: 991px) {
            #erro {
                position: relative;
                height: 100vh;
            }
    
               #erro .padding {
                    padding: 0px 15px 50px 15px!important;
                }
    
                #erro .content-section {
                    height: 100vh!important;
                }
    
                #erro .titulo {
    
                }
    
                #erro .texto {
                    position: relative;
                    font-size: 20px;
                    line-height: 25px;
                }
    
                     #erro .titulo {
                        margin-bottom: 10px!important;
                    }
        }
    
        /* Faixa de encerramento da promocão */
        .encerramento{
            display: none!important;
            position: fixed;
            z-index: 99999999;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 25px 0;
            text-align: center;
            font-weight: 700;
            line-height: 100%;
            color: var(--c-white);
            background: var(--c-error);
            font-family: "Gilroy", sans-serif;
            text-transform: none;
            font-size: 1.8rem;
            line-height: 1.2;
            font-weight: 700;
        }
    
        .encerramento i{
            color: var(--c-white);
            display: block;
            margin-bottom: 1rem;
            display: none;
        }
        
        .encerramento[data-enable-shutdown='false']{
            display: none!important;
        }
        
        .encerramento[data-enable-shutdown='true']{
            display: block!important;
        }
    
        @media (max-width: 991px){
            .encerramento i{
                margin-bottom: 1.5rem;
            }
        }
    
    [class*="vld-"] + .select2 + .error {
        text-align: left;
        display: inline-block;
        width: 100%;
        margin-top: 3px;
        font-size: 1.5rem!important;
        line-height: 1.5rem !important;
        padding: 5px 1.5rem 7px 1.5rem!important;
        background: #d30c0c;
        border-radius: 4px !important;
        color: var(--c-white);
        font-family: 'Gilroy', Arial, sans-serif;
        margin-bottom: 7px;
    }
    
    [class*="vld-"] + .select2 + .error {
        font-size: 12px;
        line-height: 12px;
        color: #fff4fa;
        display: block;
        background: red;
        padding: 8px 1.5rem;
        border-radius: 11px 0px 10px 0px;
    }
    
    [class*="vld-"]:not(.error) + .select2 + .error {
        display: none;
    }
    
    /* Dropdown */
    .dropdown-menu {
        position: absolute;
        top: 180%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0.125rem 0 0;
        font-size: 1.5rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #0e0e0e;
        background-clip: padding-box;
        border: 1px solid #a6ce38;
        border-radius: 1.2rem 1.2rem 1.2rem 1.2rem;
        box-shadow: 0px 0px 15px 1px #353535;
    }
    
    .dropdown-item {
        padding: 0px;
    }
    
    .dropdown-item:focus,
    .dropdown-item:hover {
        padding: 0px;   
    }
    
    .dropdown-menu .nav-item {
    
    }
    
    .dropdown-menu .nav-item a {
        padding: 1rem 1rem 1rem 1rem!important;
        color: var(--c-gray1)!important;
    }
    
    .dropdown-toggle::after {
    
    }
    
    
    
    
    
    /*Animação: Home _ Texto*/
    #inicio p.title {
      transform: scale(0.94);
      animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
    }
    @keyframes scale {
      100% {
        transform: scale(1);
      }
    }
    
    #inicio span {
      display: inline-block;
      opacity: 0;
      filter: blur(4px);
    }
    
    #inicio span:nth-child(1) {
      animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }
    
    #inicio span:nth-child(2) {
      animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }
    
    #inicio span:nth-child(3) {
      animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }
    
    #inicio span:nth-child(4) {
      animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }
    
    #inicio span:nth-child(5) {
      animation: fade-in 0.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }
    
    #inicio span:nth-child(6) {
      animation: fade-in 0.8s 0.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }
    
    #inicio span:nth-child(7) {
      animation: fade-in 0.8s 0.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }
    
    #inicio span:nth-child(8) {
      animation: fade-in 0.8s 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }
    
    #inicio span:nth-child(9) {
      animation: fade-in 0.8s 0.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }
    
    #inicio span:nth-child(10) {
      animation: fade-in 0.8s 1s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }
    
    #inicio span:nth-child(11) {
      animation: fade-in 0.8s 1.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }
    
    #inicio span:nth-child(12) {
      animation: fade-in 0.8s 1.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }
    
    #inicio span:nth-child(13) {
      animation: fade-in 0.8s 1.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }
    
    #inicio span:nth-child(14) {
      animation: fade-in 0.8s 1.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }
    
    #inicio span:nth-child(15) {
      animation: fade-in 0.8s 1.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }
    
    #inicio span:nth-child(16) {
      animation: fade-in 0.8s 1.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }
    
    #inicio span:nth-child(17) {
      animation: fade-in 0.8s 1.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }
    
    #inicio span:nth-child(18) {
      animation: fade-in 0.8s 1.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }
    
    @keyframes fade-in {
      100% {
        opacity: 1;
        filter: blur(0);
      }
    }
    
    
    
    
    
    /*Instituto*/
    /* Página: Aguarde */
    .section#pgaguarde .padding {
        padding: 7rem 3rem!important;
    }
    
    .section#pgaguarde p.title {
        font-family: "Space Grotesk", sans-serif;
        font-weight: 800;
        font-size: 7rem;
        line-height: 1.2;
        text-align: center;
        text-transform: none;
        margin-bottom: 0;
    }
    .section#pgaguarde p.subtitle {
        font-family: "Space Grotesk", sans-serif;
        font-weight: 800!important;
        font-size: 3rem;
        line-height: 1.2;
        text-align: center;
        text-transform: none;
    }
    .section#pgaguarde p.description {
        font-family: "Gilroy", sans-serif;
        font-weight: 500;
        font-size: 2rem;
        line-height: 1.2;
    }
    .section#pgaguarde .infos {
        font-family: "Space Grotesk", sans-serif;
        font-weight: 300;
        font-size: 2.5rem;
        line-height: 1.2;
        text-align: center;
        text-transform: uppercase;
    }
    
    @media (max-width: 991px){
        .section#pgaguarde .padding {
            padding: 5rem 3rem!important;   
        }
    
        .section#pgaguarde p.title {
            font-family: "Space Grotesk", sans-serif!important;
            font-weight: 800!important;
            font-size: 6rem;
            line-height: 1;
            text-align: center;
            text-transform: none;
            margin-bottom: 2rem;
        }
    
        .section#pgaguarde p.subtitle {
            font-family: "Space Grotesk", sans-serif!important;
            font-weight: 500!important;
            font-size: 2.8rem;
            line-height: 1.2;
            text-align: center;
            text-transform: none;
        }
    
        .section#pgaguarde .infos {
            font-size: 2rem;
            font-weight: 500;
        }
    }
    
    /* Página: Inauguração */
    .section.inicio .padding {
        padding: 7rem 3rem!important;
    }
    
    .section.inicio p.title {
        font-family: "Space Grotesk", sans-serif;
        font-weight: 800;
        font-size: 7rem;
        line-height: 1.2;
        text-align: center;
        text-transform: none;
        margin-bottom: 0;
    }
    .section.inicio p.subtitle {
        font-family: "Space Grotesk", sans-serif;
        font-weight: 800!important;
        font-size: 3rem;
        line-height: 1.2;
        text-align: center;
        text-transform: none;
    }
    .section.inicio p.description {
        font-family: "Gilroy", sans-serif;
        font-weight: 500;
        font-size: 1.8rem;
        line-height: 1.2;
    }
    .section.inicio .infos {
        font-family: "Space Grotesk", sans-serif;
        font-weight: 300;
        font-size: 2.5rem;
        line-height: 1.2;
        text-align: center;
        text-transform: uppercase;
    }
    
    .section.inicio .box-destaque {
        position: relative;
        display: inline-block;
        background: var(--c-red1);
        padding: 2rem 3rem;
    }
    
    .section.inicio .box-destaque p{
        font-size: 2rem;
    }
    
    .section.inicio a.icone-redes {
        background: transparent;
        padding-right: 10px;
        border-radius: 100px;
        margin: 1px;
        display: inline-block;
        font-size: inherit!important;
        line-height: inherit!important;
    }
    
    .section.inicio a.icone-redes i {
        color: var(--c-white);
        font-size: 3rem;
        line-height: 100%;
        transition: all 0.3s ease-in-out;
    }
    
    .section.inicio a.icone-redes i:hover {
        color: var(--c-white);
        transform: scale(1.2);
        transition: all 0.3s ease-in-out;
    }
    
    @media (max-width: 991px){
        .section.inicio .padding {
            padding: 5rem 3rem!important;   
        }
    
        .section.inicio p.title {
            font-family: "Space Grotesk", sans-serif!important;
            font-weight: 800!important;
            font-size: 4rem;
            line-height: 1;
            text-align: center;
            text-transform: none;
            margin-bottom: 2rem;
        }
    
        .section.inicio p.subtitle {
            font-family: "Space Grotesk", sans-serif!important;
            font-weight: 500!important;
            font-size: 2rem;
            line-height: 1.2;
            text-align: center;
            text-transform: none;
        }
    
        .section.inicio .infos {
            font-size: 2rem;
            font-weight: 500;
        }
    }
    
    
    /* Página: Inscrição */
    .section#pginscricao {
        position: relative;
        background: var(--c-green1)!important;
    }
    
    .section#pginscricao .header-section {
        margin-bottom: 2rem!important;
    }
    
    .section#pginscricao .box-destaque {
        position: relative;
        display: inline-block;
        background: var(--c-red1);
        padding: 2rem 3rem;
        margin-bottom: 1rem;
    }
    
    .section#pginscricao .box-destaque h2 {
        font-size: 2rem;
        margin-bottom: 0rem!important;
    }
    
    .section#pginscricao h3 {
        color: var(--c-black1);
    }
    
    .section#pginscricao .custom-control-label {
        color: var(--c-black1);
        font-weight: 500;
    }
    
    .section#pginscricao .custom-control-input:checked~.custom-control-label::before {
        color: var(--c-black1);
        border-color: var(--c-black1) !important;
        background-color: var(--c-black1);
    }
    
    /* Contador */
        .countdown{
            position: relative;
            top: 0%;
            right: 0%;
            z-index: 9;
            margin-bottom: 5px;
            width: 400px;
        }
    
        .countdown .digits {
            background: #e0dbdc !important;
            border-radius: 6px;
            padding-bottom: 10px;
            padding-right: 2px;
            padding-left: 2px;
            font-family: 'Space Grotesk', Arial, sans-serif;
            font-weight: 400;
            box-shadow: 0px 11px 10px 1px rgba(0,0,0,0.2);
        }
    
        span.line {
            position: absolute;
            z-index: 0;
            left: 12.6%;
            top: 43px;
            content: "";
            width: 77.7px;
            height: 1px;
            border: 1px solid #5b5b5b;
        }
    
        .countdown .digits span {
            color: #000000;
        }
    
        @media (max-width: 991px){
            .countdown{
                margin-bottom: 15px;
                margin-top: 5px;
                width: 100%;
            }
        }
    
        .countdown .info{
            font-size: 14px;
            padding: 0px;
            line-height: 100%;
            color: #f3ebda;
            font-family: 'Space Grotesk', Arial, sans-serif;
            font-weight: 800;
            margin-bottom: 5px;
            text-transform: uppercase;
        }
    
        .countdown .digits div {
            font-size: 50px;
            color: #000000;
            background: transparent;
            font-family: 'Space Grotesk', Arial, sans-serif;
            font-weight: 900;
            font-style: normal;
            width: 70px;
            height: 60px;
            line-height: 76px;
            z-index: 1;
            position: relative;
        }