body{
        font-family: 'Rubik', sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #fff;
    }


    .logo-whats {
        position: fixed;
        bottom: 3%;
        right: 3%;
        width: 50px;
        height: auto;
        z-index: 9999999;
    }
    .text-banner h1{
        font-size: 48px;
        color: #000;
        font-weight: 600;
        margin-bottom: 64px;
        line-height: 125%;
    }

    .text-banner a{
        font-size: 16px;
        align-items: center;
        justify-content: space-between;
        margin-right: 94px;
        font-weight: 400;
    }

    .text-banner a:hover{
        opacity: 0.8;
    }

    .text-banner i{
        font-size: 24px;
        margin-right: 16px;
    }

    .active{
        color:rgba(66, 66, 39, 0.4);
    }

    .item:hover{
        color:rgba(66, 66, 39, 0.4);
        transition: linear 0.3s;
    }

    .logo{
        width: 100%;
        padding: 16px 75px
    }

    .bg-white{
        background:rgba(253, 253, 253, 1);
        box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 11px 0px !important;
        -moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 11px 0px !important;
        -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 11px 0px !important;
        z-index: 2;
    }
    
    .bg-transparent{
        background-color: rgba(0, 0, 0, 0.15);
        z-index: 99;
        position: relative;
    }

    .navbar{
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 0 5%;
    }

    .social{
        display: flex;
        justify-content: space-around;
        align-items: center;
        
    }

    .social i{
        font-size: 24px;
        color: #fff !important;
    }
    
    .social a :first-child{
        margin-right: 18px;
    }

    #hamburger {
        width: 35px;
        height: 35px;
        display: block;
        position: relative;
        float: right;
        transform: rotate(0deg);
        transition: .5s ease-in-out;
        cursor: pointer;
    }

    #hamburger span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: rgba(124, 125, 96, 1);
        border-radius: 9px;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        transition: .25s ease-in-out;
    }

    #hamburger span:nth-child(1) {
        top: 0px;
    }

    #hamburger span:nth-child(2) {
        top: 12px;
    }

    #hamburger span:nth-child(3) {
        top: 24px;
    }

    #hamburger.open span:nth-child(1) {
        top: 14px;
        transform: rotate(135deg);
    }

    #hamburger.open span:nth-child(2) {
        opacity: 0;
        left: -60px;
    }

    #hamburger.open span:nth-child(3) {
        top: 14px;
        transform: rotate(-135deg);
    }

    .bg-banner{
        background-image: url(../imgs/banner_fundo_img.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 100%;
    }

    .img-p-clinicos{
        content:"";
        background-image: url(../imgs/procedimentos_clinicos_img.jpg);
        background-size: cover;
        background-position: center;
        height: 100%;
    }

    .img-p-esteticos{
        content:"";
        background-image: url(../imgs/procedimentos_esteticos_img.jpg);
        background-size: cover;
        background-position: center;
        height: 100%;
    }

    .text-procedimentos{
        padding:85px 0 85px 85px;
        color: rgb(80, 80, 80);
        box-shadow: rgba(0, 0, 0, 0.25) 0px -11px 11px 0px !important;
        -moz-box-shadow: rgba(0, 0, 0, 0.25) 0px -11px 11px 0px !important;
        -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 11px 0px !important;
    }

    .text-procedimentos h1{
        padding: 2px 0;
        margin: 8px 0;
        font-size: 14px;
        letter-spacing: 4px;
        text-transform: uppercase;
        font-weight: 500;
        color: #4F4F4F;
        line-height: 150%;
    }

    .text-procedimentos p{
        padding: 2px 0;
        margin: 40px 27.5px 8px 0;
        display: block;
        text-align: left;
        font-weight: 300;
        line-height: 150%;
    }

    .text-procedimentos a {
        display: flex;
        align-items: center;
        font-weight: 300;
        margin: 40px 0;
        display: flex;
    }

    .text-procedimentos i{
        margin-right: 8px;
        font-size: 24px
    }

    .convenios{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        padding: 60px 0;
        background-color: rgba(247, 247, 243, 1) !important;
        box-shadow: rgba(0, 0, 0, 0.3) 0 0 11px 0 inset !important;
        -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 11px 0 inset !important;
        -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 11px 0 inset !important;
    }

    .convenios h1 {
        letter-spacing: 4px;
        font-size: 14px;
        font-weight: 500;
        color: #4F4F4F;
        text-transform: uppercase;
        padding: 2px 0;
        margin: 8px 0;
    }

    .convenios p{
        font-weight: 300;
        padding: 2px 0;
        margin: 8px 0;
        color: #4F4F4F;
    }

    .footer{
        padding-top: 85px !important;
        box-shadow: rgba(0, 0, 0, 0.25) 0px -3px 11px 0px !important;
        -moz-box-shadow: rgba(0, 0, 0, 0.25) 0px -3px 11px 0px !important;
        -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px -3px 11px 0px !important;
    }

    .logo-footer{
        width: 70%;
        margin-bottom: 48px;
    }

    .text-footer{
        line-height: 150%;
        font-weight: 300;
        font-size: 16px;
        color:  rgb(80, 80, 80);
    }

    .text-footer p{
        margin-right: 64px;
    }

    .text-footer i{
        font-size: 32px !important;
        margin-right: 32px;
    }

    .copy{
        height: 45px;
        margin-top: 85px !important;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 11px -9px inset !important;
        -moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 11px -9px inset !important;
        -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 11px -9px inset !important;
    }

    .copy span{
        font-size: 12px;
        color: rgb(80, 80, 80);
        font-weight: 300;
    }

    .logo-artemidas{
        width: 8%;
    }
    
    .curriculo{
        padding: 80px 0 80px 80px;
    }

    .curriculo a {
        font-size: 14px;
        color: #4f4f4f;
        font-weight: 300;
        align-items: center;
        display: flex;
        float: right;
        margin-right: 8%;
    }

    .curriculo i{
        font-size: 24px;
        margin-right: 8px;
        color: #4f4f4f;
    }

    .img-curriculo{
        content: "";
        background-image: url(../imgs/foto_dra_paula_magrin.jpg);
        background-size: cover;
        background-position: center;
        height: 900px;
    }

    .tittle-inicial{
        letter-spacing: 4px;
        font-size: 14px;
        font-weight: 500;
        color: #4F4F4F;
        text-transform: uppercase;
        padding: 2px 0;
        margin: 8px 0;
    }

    .graduation{
        display: flex;
        align-items: center;
    }

    .graduation i{
        margin-right: 32px;
        font-size: 48px;
        color: #4f4f4f;
    }

    .world{
        display: flex;
        align-items: center;
    }

    .world i {
        margin-right: 32px;
        font-size: 48px;
        color: #4f4f4f;
    }

    .text-inicial{
        padding: 2px 0;
        margin: 40px 0;
        font-weight: 300;
        line-height: 150%;
        color: rgb(80, 80, 80);
        font-size: 13.5px;
        max-width: 70%;
    }

    #noticias{
        padding: 100px 20px;
        background: rgba(247, 247, 243, 1);
    }

    .noticias ul{
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
    }

    .noticias li{
        max-width: 30%;
        display: flex;
        flex-flow: column;
    }

    .noticias img{
        max-height: 170px;
        margin-bottom: 16px;
    }

    .noticias h1{
        font-weight: 500;
        font-size: 16px;
        max-height: 34px;
        margin-bottom: 16px;
        color: rgba(130, 130, 130, 1);
    }

    .noticias p{
        max-height: 66px;
        font-size: 14px;
        font-weight: 400;
        color: rgba(130, 130, 130, 1);
        margin-bottom: 24px;
    }

    .noticias a{
        color:rgba(51, 51, 51, 0.3) !important;
        font-weight: 300;
    }

    .mb-80{
        margin-bottom: 80px;
    }

    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
    }

    /* Modal */
     .modal {
         display: none;
         position: fixed;
         z-index: 1;
         padding-top: 1%;
         padding-bottom: 1%;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         overflow: auto;
         background-color: rgb(0, 0, 0);
         background-color: rgba(0, 0, 0, 0.2);
             z-index: 999;
     }

     /* Modal Content */
     .modal-content {
         position: relative;
         background-color: #fefefe;
         margin: auto;
         padding: 0;
         width: 80%;
         box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
         -webkit-animation-name: animatetop;
         -webkit-animation-duration: 0.4s;
         animation-name: animatetop;
         animation-duration: 0.4s;
         border-radius: 12px;
         height: 100%;
     }

     /* Add Animation */
     @-webkit-keyframes animatetop {
         from {
             top: -300px;
             opacity: 0
         }

         to {
             top: 0;
             opacity: 1
         }
     }

     @keyframes animatetop {
         from {
             top: -300px;
             opacity: 0
         }

         to {
             top: 0;
             opacity: 1
         }
     }

     /* The Close Button */
     .close {
         color: #4f4f4f;
         float: right;
         font-size: 28px;
         font-weight: 300;
         margin: 12px 16px;
     }

     .close:hover,
     .close:focus {
         color: #000;
         text-decoration: none;
         cursor: pointer;
     }

     .modal-body {
         padding: 80px;
     }

     .modal-body h1{
         padding: 2px 0;
         margin: 8px 0;
         font-size: 14px;
         letter-spacing: 4px;
         text-transform: uppercase;
         font-weight: 500;
         color: #4F4F4F;
         line-height: 150%;
     }

     .modal-body p{
         padding: 2px 0;
         margin: 0;
         display: block;
         text-align: left;
         font-weight: 300;
         line-height: 150%;
     }

     .text-container{
         max-width: 100%;
    margin-bottom: 21px;
}
     }

     /* Aviso Covid Teste */
     .aviso-covid {
         width: 470px;
         height: 100vh;
         position: fixed;
         right: -307px;
         top: 0;
         display: grid;
         grid-template-columns: 35% 65%;
         transition: 0.6s;
         z-index: 999999999999999999999999999;
     }

     .tb-aviso {
         background: rgba(255, 255, 255, 1);
         color: rgba(72, 73, 51, 1);
         font-size: 9px;
         width: 100%;
         height: max-content;
         padding: 30px;
         border-radius: 5px 0 0 5px;
         text-align: left;
         cursor: pointer;
     }

     .fecha {
         position: absolute;
         right: 1px;
         top: 1px;
         color: rgba(72, 73, 51, 1);
         cursor: pointer;
     }

     .texto-aviso {
         background: rgba(255, 255, 255, 1);
         color: rgba(72, 73, 51, 1);
         font-size: 10px;
         padding: 30px 50px 0 50px;
         border-radius: 0 0 0 5px;
         line-height: 17px;
     }

     .no-desktop {
         display: none !important;
     }

/*------------------------------------*\
             Menu Desktop
\*------------------------------------*/
     .abremenu_desktop {
         position: relative;
         z-index: 999999999999999999999999999999999;
         display: block;
         padding: 13px 9px;
         font-size: 35px;
         background: transparent;
         color: #4f4f4f;
         border: none;
     }

     .fechamenu_desktop {
         position: relative;
         z-index: 999999999999999999999999999999999;
         display: none;
         padding: 13px 9px;
         font-size: 40px;
         color: #4f4f4f;
         background: transparent;
         border: none;
     }

     .bg_md{
         z-index: 99999998;
         background: #000;
         width: 100%;
         height: 100%;
         display:none;
         visibility: hidden;
         position: fixed;
         right: 0;
     }

     .menu_desktop {
         background: #fff;
         width: 30%;
         height: 100%;
         display: none;
         z-index: 99999999;
         visibility: hidden;
         position: fixed;
         right: 0;
     }

     .menu_desktop ul {
         width: 80%;
         height: auto;
         margin: 0 auto;
         padding: 15% 0 10% 0;
     }

     .menu_desktop ul li {
         width: 100%;
         padding: 8px 0;
         font-size: 16px;
         color: rgba(72, 73, 51, 1) !important;
         text-align: left;
         font-weight: 300;
     }

     .menu_desktop span{
        font-size: 14px;
        font-weight: bold;
        position: relative;
        color: #4f4f4f;
        text-align: center;
        padding: 0px 19%;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
     }

     .social-links-header {
         height: 65px;
         background-color: rgba(196, 196, 161, 1) !important;
         display: flex;
         align-items: center;
         justify-items: center;
         flex-flow: row;
         width: 100%;
         position: absolute;
         bottom: 0;
         padding: 0 5%;
         align-items: center;
         justify-content: center;
     }

     .social-links-header a {
         font-size: 24px;
         margin-left: 16px;
         color: #fff;
     }

     .social-links-header a:first-child {
         margin-left: 0;
     }

     .formulario-fale {
         width: 100%;
         margin: 0 auto;
     }

     .funcionalidades-interna {
         width: 100%;
         height: auto;
         display: grid;
         grid-template-columns: 100%;
         grid-column-gap: 0%;
     }

     /* CSS FORMULARIO MENU */
     input[type=text],
     select {
        width: 100%;
        padding: 12px 20px;
        margin: 0 0 24px 0;
        display: inline-block;
        border-bottom: 1px solid #ccc;
        border-radius: 0;
        box-sizing: border-box;
        border-top: 0;
        border-left: 0;
        border-right: 0;
     }

     input[type=submit] {
         width: 100%;
         background-color: #C4C4A1;
         color: white;
         padding: 14px 20px;
         margin: 8px 0;
         border: none;
         border-radius: 4px;
         cursor: pointer;
        font-size: 14px;
        font-weight: bold;
     }

     input[type=submit]:hover {
         background-color: #C4C4A1;
         font-size: 14px;
         font-weight: bold;
     }

     label{
         color: rgba(72, 73, 51, 1) !important;
         font-weight: bold;
         font-size: 12px;
     }

     .area-form {
         border-radius: 5px;
         background-color: transparent;
         padding: 71px 12% 18px 14%;
         width: 100%;
     }

     .banner-blog{
         background-size: cover;
         background-position: center;
         background-repeat: no-repeat;
         background-attachment: initial;
         width: 100%;
         padding: 50px 0 20px 0;
         max-height: 239px;
         position: relative;
         z-index: 1;
     }

     .banner-blog::before{
        content: "";
        background: rgb(255, 255, 255) !important;
        opacity: 0.5;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 2;
     }

     .tittle-banner-blog{
         color: rgba(51, 51, 51, 1);
         font-weight: bold;
         font-size: 60px;
         padding: 2px 0 2px 0;
         text-align: left;
         position: relative;
         z-index: 4;
     }

     .tittle-banner-blog p{
         color: rgb(80, 80, 80);
         font-weight: 300;
         font-size: 16px;
     }

     .text-blog{
         font-size: 16px;
         line-height: 150%;
         color: rgb(80, 80, 80);
         font-weight: 300;
         padding: 20px 0;
     }

     .text-blog h1{
         font-weight: bold;
         margin-bottom: 16px;
         color: #000;
     }

     /* CSS PÁGINA SOBRE */

     .banner-about{
        background-image: url(../imgs/Paula-100-1920w.webp);
            background-repeat: repeat !important;
            background-size: auto !important;
            background-attachment: fixed !important;
            background-color: rgba(255, 255, 255, 1) !important;
            background-position: 50% 50% !important;
     }

     .tittle-banner-about{
         display: flex;
         flex-flow: row;
         justify-content: center;
         color: #4F4F4F;
         font-weight: bold;
         font-size: 16px;
         letter-spacing: 3px;
         line-height: 150%;
         text-transform: uppercase;
         padding: 150px 0;
         margin-top: 115px;
     }

    .tittle-banner-about-w {
        display: flex;
        flex-flow: row;
        justify-content: center;
        color: #fff;
        font-weight: bold;
        font-size: 16px;
        letter-spacing: 3px;
        line-height: 150%;
        text-transform: uppercase;
        padding: 150px 0;
        margin-top: 115px;
    }

     .position-absolute{
         position: absolute !important;
         top: 0;
     }

     .text-about{
         color: #000;
         font-size: 14px;
         position: relative;
         float: left;
     }

     .text-about h1{
        font-weight: 800;
        margin-bottom: 32px;
        position: relative;
        float: left;
     }

     .text-about p{
        line-height: 150%;
        font-weight: 300;
        position: relative;
        float: left;
     }

     .about-button{
         font-size: 12px;
         padding: 16px 32px;
         border: 1px solid rgba(130, 130, 130, 1);
         border-radius: 4px;
         color: rgba(130, 130, 130, 1);
         background: #fff;
         margin-top: 24px;
         position: relative;
         float: left;
         transition: color .2s ease,
         ;
         transition: color;
     }

    .about-button:hover {
        transition: color .2s ease,;
        color: #4f4f4f;
    }

     .awards{
                  display: flex;
                  flex-flow: wrap;
                  align-items: center;
                  justify-content: space-around;
                  height: 100%;
     }

     .bg-awards{
         background-image: url(../imgs/awards_light_grey.jpg);
         background-size: cover;
         background-position: center;
         background-repeat: no-repeat;
         height: 350px;
     }

     .awards ul{
         width: 100%;
         display: flex;
         flex-flow: wrap;
         align-items: flex-start;
         justify-content: space-between;
     }

     .awards ul li{
         color: #4f4f4f;
         line-height: 150%;
         height: auto;
         font-size: 16px;
         width: 192px;
         padding: 8px;
         text-align: center;
         font-weight: 300;
         margin-left: 120px;
     }

     .awards ul li:first-child{
         margin-left: 0;
     }

     .awards ul li h1{
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 16px;
        padding: 2px 0;
     }

     .button-contact-about{
         color: rgba(130, 130, 130, 1);
         font-weight: normal;
         padding: 8px 32px;
         transition: background-color .2s ease,
         border-color .2s ease;
         border-radius: 12px;
         width: 350px;
         text-align: center;
         margin-bottom: 64px;
         background-color: #fff;
     }

     .button-contact-about:hover{
         background-color: #F0F0F0;
         color: #4f4f4f;
         transition: background-color .2s ease,
         border-color .2s ease;
     }

     .img-about{
         width: 80%;
     }

    .margin-115 {
        margin-top: 115px !important;
    }

        #noticias-blog {
            padding: 100px 20px;
            background: rgba(247, 247, 243, 1);
        }

        .noticias-blog ul {
            display: flex;
            flex-flow: wrap;
            justify-content: space-between;
        }

        .noticias-blog li {
            max-width: 45%;
            display: flex;
            flex-flow: column;
            margin-bottom: 64px;
        }

        .noticias-blog li:first-child {
            margin-left: 0;
        }

        .noticias-blog img {
            max-height: 170px;
            margin-bottom: 16px;
        }

        .blog-img{
            background-size: cover;
            background-position: center;
            content: "";
            height: 175px;
            width: 100%;
            margin-bottom: 32px;
        }

        .content-blog{
            display: flex;
            flex-flow: wrap;
            margin: 64px 0;
            min-height: 540px;
        }

        .noticias-blog h1 {
            font-weight: 500;
            font-size: 16px;
            max-height: 34px;
            margin-bottom: 16px;
            color: rgba(130, 130, 130, 1);
        }

        .noticias-blog p {
            max-height: 66px;
            font-size: 14px;
            font-weight: 400;
            color: rgba(130, 130, 130, 1);
            margin-bottom: 24px;
        }

        .noticias-blog a {
            color: rgba(51, 51, 51, 0.3) !important;
            font-weight: 300;
        }

        .news-img{
            content: "";
            position: relative;
            height: 100%;
            width: 100%;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
        }

        .tittle-contato{
            color: #4f4f4f;
            line-height: 150%;
            font-size: 14px;
        }

        .tittle-contato h1{
            font-size: 16px;
            letter-spacing: 4px;
            margin-bottom: 8px;
            font-weight: 800;
        }

        .area-form-contato{
                border-radius: 5px;
                background-color: transparent;
                padding: 64px 0;
                width: 100%;
        }

        .buttons-news {
            position: relative;
            padding: 2px 0;
            margin: 24px 0 0 0;
            color: rgba(212, 212, 212, 1);
            text-decoration: underline;
            display: flex;
            flex-flow: wrap;
            justify-content: space-between;
            align-items: center;
        }

        .buttons-news a:after{
            content: ">";
            margin-left: 8px;
        }

        .right{
            float: right;
        }

        .left{
            float: left;
        }

        

     /*----------------A SEGUIR DIVS ESCONDIDAS NO DESKTOP--------------------*/

     .menu_mobile,
     .abremenu,
     .fechamenu {
         display: none;
     }

/* Inicio CSS mobile */

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

    /*----------------A SEGUIR DIVS ESCONDIDAS NO DESKTOP--------------------*/

    .menu_desktop,
    .abremenu_desktop,
    .fechamenu_desktop {
        display: none;
    }

    .no-desktop{
        display: block !important;
    }

    .no-mobile{
        display:none !important;
    }

    .logo-artemidas {
        width: 37%;
        height: 100%;
    }

    .logo{
        width: 203px;
        padding: 16px 0;
    }

    .img-dr-p{
        height: 60vh;
        display: flex;
        justify-content: center;
        align-content: center;
    }

    .tittle-mobile{
        background: #fff;
        padding: 50px 5%;
        justify-content: center;
        display: flex;
        align-items: center;
        flex-flow: column;
    }

    .tittle-mobile h1{
        text-align: center;
        font-size: 24px;
        font-weight: 800;
        line-height: 125%;
        color: #4f4f4f;
        margin-bottom: 24px;
    }

    .tittle-mobile i{
        color: #4f4f4f;
        font-size: 24px;
        text-align: center;
    }
    
    .text-procedimentos{
        padding: 85px 5%;
    }
    
    .img-p-clinicos{
        height: 350px;
    }

    .img-p-esteticos{
        height: 350px;
    }

    .convenios p {
        font-weight: 400;
        margin: 8px 0;
        color: #4F4F4F;
        text-align: center;
        font-size: 16px;
        padding: 0 15%;
    }

    .curriculo {
        padding: 80px 5%;
    }

    .img-curriculo{
        height: 350px !important;
        margin-bottom: 64px;
    }

    .tittle-inicial{
        text-align: center;
        margin-bottom: 48px;
    }

    .graduation {
        display: flex;
        align-items: center;
        flex-flow: column;
    }

    .graduation i{
        margin-right: 0;
    }

    .world {
        display: flex;
        align-items: center;
        flex-flow: column;
    }

    .world i {
        margin-right: 0;
        font-size: 48px;
        color: #4f4f4f;
    }

    .curriculo a {
        font-size: 14px;
        color: #4f4f4f;
        font-weight: 300;
        align-items: center;
        display: flex;
        float: none;
        margin-right: 0;
        justify-content: center;
    }

    .noticias ul {
        display: flex;
        flex-flow: column;
        justify-content: space-between;
    }

    .logo-footer {
        width: 100%;
        margin-bottom: 48px;
        justify-content: center;
        display: flex;
        padding: 0 40px;
    }
    
    .noticias li{
        max-width: 100%;
        display: flex;
        flex-flow: column;
        margin-bottom: 64px;
    }

    .text-footer p {
        margin-right: 0;
        text-align: center;
        font-weight: 400;
    }
    
    .text-footer{
        text-align: center;
        margin-bottom: 32px;
    }

    .copy {
        height: 45px;
        margin-top: 42px !important;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 11px -9px inset !important;
        -moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 11px -9px inset !important;
        -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 11px -9px inset !important;
    }

    .buttons-footer-mobile{
        color: #4f4f4f;
        padding: 0 5%;
        display: flex !important;
        align-items: center;
        justify-content: center;
        text-align: center;
        flex-flow: column;
    }

    .buttons-footer-mobile a{
        font-size: 14px;
        font-weight: 400;
        padding: 8px 0;
        border-radius: 8px;
        border: 1px solid #4f4f4f;
        width: 100%;
        margin-bottom: 8px;
    }
/*------------------------------------*\
    Menu mobile
\*------------------------------------*/
    .abremenu {
        position: absolute;
        right: 5%;
        top: 2px;
        z-index: 999999999999999999999999999999999;
        display: block;
        padding: 13px 9px;
        font-size: 35px;
        background: transparent;
        color: #4f4f4f;
        border: none;
    }

    .fechamenu {
        position: absolute;
        right: 5%;
        top: 2px;
        z-index: 999999999999999999999999999999999;
        display: none;
        padding: 13px 9px;
        font-size: 40px;
        color: #4f4f4f;
        background: transparent;
        border: none;
    }

    .menu_mobile {
        background: #fff;
        width: 80%;
        height: 100%;
        display: none;
        z-index: 99999999;
        visibility: hidden;
        position: fixed;
        right: 0;
    }

    .menu_mobile ul {
        width: 80%;
        height: auto;
        margin: 0 auto;
        padding: 30% 0 10% 0;
    }

    .menu_mobile ul li {
        width: 100%;
        padding: 8px 0;
        font-size: 16px;
        color: rgba(72, 73, 51, 1) !important;
        text-align: left;
        font-weight: 300;
    }

    .social-links-header{
        height: 95px;
        background-color: rgba(196, 196, 161, 1) !important;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: row;
        width: 100%;
        position: fixed;
        bottom: 0;
        padding: 0 5%;
    }

    .social-links-header a{
        font-size: 24px;
        margin-left: 16px;
        color: rgba(72, 73, 51, 1);
    }

    .social-links-header a:first-child{
        margin-left: 0;
    }

    .formulario-fale {
        width: 100%;
        margin: 0 auto;
    }

    .funcionalidades-interna {
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: 100%;
        grid-column-gap: 0%;
    }
    
    .tittle-banner-about{
        padding: 0 5%;
    }

    .img-about{
        width: 100% !important;
        margin-bottom: 32px;
    }

    .text-about {
        color: #000;
        font-size: 14px;
        position: relative;
        float: left;
        margin-bottom: 32px;
    }

    .awards {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    .bg-awards {
        background-image: url(../imgs/awards_light_grey.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: auto;
        padding: 64px 0;
    }

    .awards ul {
        width: 100%;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
    }

    .awards ul li {
        margin-bottom: 32px;
        margin-left: 0;
    }

    .awards ul li:last-child{
        margin-bottom: 0;
    }

    .text-about h1 {
        font-size: 20px;
    }

    .margin-115{
        margin-top: 0 !important;
    }

    #noticias-blog{
        padding: 64px 20px;
    }

    .text-procedimentos h1 {
        padding: 2px 0;
        margin: 8px 0;
        font-size: 20px;
        letter-spacing: 0;
        text-transform: inherit;
        font-weight: bold;
        color: #4f4f4f;
        line-height: 150%;
    }

    .noticias-blog li{
        max-width: 100%;
    }

    .area-form-contato {
        border-radius: 5px;
        background-color: transparent;
        padding: 32px 5%;
        width: 100%;
    }
    
    .position-absolute{
        display: contents !important;
    }

    .tittle-contato{
        padding: 0 5%;
    }
    
    .tittle-contato h1{
        font-size: 20px;
        letter-spacing: 0;
        text-transform: none;
        color: #000;
    }
}