/* ==========================================
*
*  BANNER
* 
* ======================================== */
#banner .cont-flex {
    display: flex;
    justify-content: flex-start;
    align-items:center;
    height: 100%;
    gap: 40px;
}


            #banner .cont-flex .deco {
                width: 40.20833333333333%;
                height: 100%;
                background: url(../images/elemDeco2.webp);
                background-position: top -50px right 0;
                background-repeat: no-repeat;
            }
            #banner .cont-flex .textos p {
                font-family: 'Montserrat', sans-serif;
                font-size: 20px;
                color: #0091CD;
                font-weight: 400;
            }
            #banner .cont-flex .textos p span {
                font-size: 35px;
                font-weight: 600;
            }
            #banner .cont-flex .textos a {
                text-transform: uppercase;
                font-size: 15px;
                font-family: 'Montserrat', sans-serif;;
                color: #0091CD;
                border: solid 2px #0091CD;
                padding: 13px 25px;
                background: transparent;
                transition: all 0.3s;
                text-decoration: none;
            }
            #banner .cont-flex .textos a:hover {
                background: #0091CD;
                color: #ffffff;
                transition: all 0.3s;
                text-decoration: none;
            }
            #banner .cont-flex aside {
                display: flex;
                flex-direction: column;
                justify-content: center;
                width: 19.01041666666667%;
                min-width: 310px;
            }
            #banner .cont-flex aside .quadro-form {
                border: solid 1px #0091CD;
                border-radius: 4px;
            }
            #banner .cont-flex aside .quadro-form .tit {
                display: flex;
                border-bottom: solid 1px #0091CD;
                padding: 10px 0;
            }           
            #banner .cont-flex aside .quadro-form .tit p {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 100%;
                margin: 0;
                font-family: 'Montserrat', sans-serif;
                font-weight: bold;
                font-size:19px;
                color: #0091CD;
            }
            #banner .cont-flex aside .quadro-form form {
                padding:27px 22px;
            }
            #banner .cont-flex aside .quadro-form form input {
                display: block;
                height: 38px;
                width: 100%;
                padding: 13px 12px;
                background-color: #ffffff;
                border: solid 1px #DEDEDF;
                border-radius: 4px;
                font-family: 'Lato', sans-serif;
                font-size: 13px;
                color:#333333;
                margin-bottom:9px;
            }
            #banner .cont-flex aside .quadro-form form select {
                display: block;
                height: 38px;
                width: 100%;
                padding: 5px 12px;
                background-color: #ffffff;
                border: solid 1px #DEDEDF;
                border-radius: 4px;
                font-family: 'Lato', sans-serif;
                font-size: 13px;
                color:#333333;
                margin-bottom:9px;
            }
            #banner .cont-flex aside .quadro-form form button {
                display: block;
                height: 38px;
                width: 100%;
                padding: 10px 12px;
                text-align: center;
                border: none;
                border-radius: 4px;
                background:#0891CD;
                font-family: 'Montserrat', sans-serif;
                font-weight: bold;
                font-size:13px;
                color: #ffffff;
            }
            #banner .cont-flex aside .endereco {
                display: flex;
                border: solid 1px #0891CD;
                -webkit-border-bottom-right-radius: 4px;
                -webkit-border-bottom-left-radius: 4px;
                -moz-border-radius-bottomright: 4px;
                -moz-border-radius-bottomleft: 4px;
                border-bottom-right-radius: 4px;
                border-bottom-left-radius: 4px;
                margin-top: 9px;                
            }
            #banner .cont-flex aside .endereco .ico {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 79px;                                
                border-right: solid 1px #0891CD;                
            }
            #banner .cont-flex aside .endereco p {                
                width: 100%;                
                padding: 13px 0 0 0;
                margin: 0;
                font-family: 'Montserrat', sans-serif;
                font-weight: normal;
                font-size:11px;
                color: #0891CD;
                padding-bottom: 10px;
                text-align: center;
            }
            #banner .cont-flex aside .endereco p a {
                color: #0891CD;
                text-decoration: none;
            }



/* ================================================================= 
*
*  
*  RESPONSIVO
*
*
* ================================================================ */
@media only screen and (min-width: 320px) {
    #banner {
        display: none;        
    }
    #banner-mobile {
        display: block;
    }
    #banner-mobile img {
        width: 100%;
    } 
    #banner {
        background: url(../images/bannerMobileFullV3.png) no-repeat left top; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;    
        height: 653px;
        width: 100%;
        position: relative;
    }
    #banner aside {
        display: none;
    }    
    #banner .cont-flex h1 span::before {
        content: "";
        width: 120%;
        height: 27px;
        background: #0091CD;
        display: block;
        position: absolute;
        top: 30px;
        left: -10px; 
        z-index: -1;   
    }
}
@media only screen and (min-width: 992px) {
    #banner {
        display: block;        
    }
    #banner-mobile {
        display: none;
    }
    #banner {
        background: url(../images/bg.webp) no-repeat center center; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 536px;     
    }
    #banner aside {
        display: block;
    }
    #banner .cont-flex h1 {        
        font-size: 79px;
        bottom:auto;
    }
    #banner .texto-legal {
        position: absolute;
        top: 50%;
        left: -150px;
        rotate: 90deg;
        font-family: 'Montserrat', sans-serif;
        font-size: 8px;
        color: #0091CD;
    }
}

/* ==========================================
*
*  BANNER
* 
* ======================================== */