.brelogio{
                width: 50px;
                height: 50px;

                border-radius: 0px;
                background-color: #265FA2 ;
                color: #fff;
                margin: 3px;
                flex-direction: column-reverse;
            }
            .fonta{

                font-size: 20px;
            }.fontadonw{
                font-size: 10px;
            }
            #xabranga{
                position: fixed;
                top: 0px;
                width: 100%;
                min-height:  60px;
                background-color: #222;
                z-index: 10004;
                transition: all ease .5s;    
            }
        
            .butuim{

                background: #265FA2 ;
                -webkit-box-shadow: 0px 3px 0px 0px #1D4A7F ;
                -moz-box-shadow: 0px 3px 0px 0px #1D4A7F;
                box-shadow: 0px 3px 0px 0px #1D4A7F;

            }

            .general-input {
                min-width: 300px!important;
                width: 57%!important;
                display: block!important;
                outline: 0!important;
                font-weight: 300!important;
                padding: 15px!important;
                font-size: 24px!important;
                margin-bottom: 8px!important;
                border: 1px solid #7E1313!important;
                -webkit-border-radius: 3px!important;
                -moz-border-radius: 3px!important;
                -ms-border-radius: 3px!important;
                -o-border-radius: 3px!important;
                border-radius: 3px!important;
                color: #760419; text-transform: lowercase;
                background-color: rgba(255,255,255,1.00)!important
            }


            .general-input2 {
                min-width: 300px!important;
                width: 57%!important;
                display: block!important;
                outline: 0!important;
                font-weight: 300!important;
                padding: 15px!important;
                font-size: 18px!important;
                margin-bottom: 8px!important;
                border: 1px solid #7E1313!important;
                -webkit-border-radius: 3px!important;
                -moz-border-radius: 3px!important;
                -ms-border-radius: 3px!important;
                -o-border-radius: 3px!important;
                border-radius: 3px!important;
                color: #760419; text-transform: lowercase;
                background-color: rgba(255,255,255,1.00)!important
            }
            .sobreoau{
                width: 50%;
            }
            .vides{
                width: 60%;
            }
            .paragrafi{
                margin-top: 120px!important;
            }

            .tituloba{
                font-size: 35px;
                font-weight: 200;
            }
            @media screen and (max-width: 1114px){ 
                .general-input {
                    width: 57%!important;
                }.butuim{
                    width: 60%;
                }
                .vides{
                    width: 60%;
                }

                .tituloba{
                    font-size: 30px;
                }
            }
            @media screen and (max-width: 884px){ 

                .sobreoau{

                    width: 90%;

                }

                .general-input {
                    width: 85%!important;
                }

                .butuim{
                    width: 90%;
                }


                .topola{
                    margin-top: 80px;
                    min-height: 200px;
                    padding-left: 15px;
                    padding-right: 15px;
                }

                .paragrafi{
                    margin-top: 60px!important;
                }
                .vides{
                    width: 100%;
                }

                .tituloba{
                    font-size: 25px;
                    line-height: 0,2px
                }

            }
            @media screen and (max-width: 384px){ 
                .general-input {
                    min-width:   290px!important;
                    width: 87%;
                }
                .butuim{
                    width: 90%;
                }

                .topola{
                    margin-top: 100px;
                    min-height: 200px;
                    padding-left: 5px;
                    padding-right: 5px;
                }
                .vides{
                    width: 100%;
                }

                .tituloba{
                    font-size: 18px;
                    line-height: 0,2px
                }
            }
            .eusoum{
                min-width:  230px;
                width: 20%;
                margin: 10px;
            }
            .invisivel{
                display: none;
            }        
                
                    .fside{
                        width: 50%;
                        height: 100%;
                        min-height: 550px;

                        background-size: cover;
                        background-position: center;
                        background-repeat: no-repeat;

                        min-width: 500px;

                    }.tside{

                        width: 50%;
                        min-height: 550px; 
                        padding: 20px;

                        min-width: 500px;
                    }.tfside{
                        width: 50%;
                        height: 100%;
                        min-height: 350px;

                        background-size: cover;
                        background-position: center;
                        background-repeat: no-repeat;

                        min-width: 500px;

                    }.ttside{

                        width: 50%;
                        min-height: 350px; 
                        padding: 5%;

                        min-width: 500px;
                    }


                    .butu{

                        justify-content: flex-start;

                    }.titlple{



                        font-size:28px

                    }


                    @media screen and (max-width: 1100px){	
                        .fside{
                            background-attachment: fixed;
                            min-width: 290px;
                            width: 100%;

                        }.tside{
                            width: 100%;
                            min-width: 290px;
                            text-align: center;

                        }.tfside{

                            min-width: 290px;
                            width: 100%;

                        }.ttside{
                            width: 100%;
                            min-width: 290px;
                            text-align: center;

                        }



                        .butu{

                            justify-content: center;

                        }.titlple{
                            font-size:25px
                        }
                    }
                        
            
                .avac{
                    width: 50%;
                }

                @media screen and (max-width: 700px){

                    .avac{
                        width: 90%;
                    }
                }

                
                    .cardexemple{
                        border-radius: 0px;
                        width: 290px;
                        height: 290px;

                        border-bottom:solid 10px;
                        border-bottom-color: #147C92;
                        background-position: center;
                        background-size: contain;
                        background-repeat: no-repeat;
                        margin-bottom: 15px;
                        transition: all ease .5s;  

                    }	.cardexemple:hover{

                        border-radius: 0px;
                        background-color: rgba(0,0,0,0.51);
                        border-bottom:solid 16px;
                        border-bottom-color: #147C92;
                    }
                    .introc{
                        display: none;
                        border-radius: 300px;
                        width: 100%;
                        height:100%;
                        background-color:rgba(255,255,255,0.66);            transition: all ease .5s;    
                        color:#222;
                    }


                    .introc:hover{
                        color:transparent;
                        background-color: rgba(0,0,0,0.0);
                    }
            
                .cartaos{
                    border-bottom: 3px solid #147C92 ;
                    min-width: 290px;
                    width: 30%;
                    min-height: 500px;
                    color: #147C92 ;
                    margin: 10px;
                    transition: all ease .5s;  
                }
                .cartaos:hover{
                    border-bottom: 35px solid #147C92 ;
                }
                                        

            

                .upardep{

                    min-height: 300px;

                }
                .w100{

                    min-width: 290px;
                    width: 100%;
                }	.w50{
                    min-width: 290px;

                    width: 50%;
                }	.w32{
                    min-width: 290px;

                    width: 30%;
                }

                .p30{
                    padding-left: 30px;
                    padding-right: 30px;

                    min-width: 290px;

                }

                @media screen and (max-width: 884px){ 

                    .w32{


                        width: 100%;
                    }

                }