* {
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body {
    font-family:'Montserrat', Arial, Helvetica, sans-serif;
    font-size:14px;
    overflow-x:hidden;
}

header { 
    /*  Para o Cabeçaho nao Rolar      */
    position: fixed;
    width: 100%;
    z-index: 9;                       /* Deixa a imagem ou texto por cima ou sobre outro conteudo */
    top: 0;
    /*left: 0;*/
    
    height:100px;
    /* background-color:#000; */
    background-color:#FFFFFF;
    /* color:#FFF; */
}
.header {
    max-width:1140px;
    height:100px;
    margin:auto;
    display:flex;
    align-items:center;
}

.logo {   /*  100x100 */
    width:100px;
}
.logo img {
    width:74px;
    height:72px;
    /* background-color:#B28756; */
    /* border-radius:40px; */
}

/* Menu Mobile Com Icones */
.menu-mobile {
    display:none;
}

.menu {
    flex:1;
    display:flex;
    justify-content: flex-end;
}
.menu ul,
.menu li {
    list-style:none;                        /* Tira os pontos MENU HOME */
}
.menu ul {
    display:flex;                           /* Menu ao lado do outro    */
}  
/* Sublinhado abaixo MENU HOME */ 
.menu li a {                          
    color:#424242;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;                   /* Tira sublinhado MENU HOME */
    padding-left:13px;
    padding-right:13px;
    height:30px;                             /* Faz que a barra fica 30px abaixo MENU HOME */
    display:flex;
    align-items:center;
    border-bottom:0px solid #FFF;
}

.menu li a:hover,
.menu .active a {                            /* active vai ficar sublinha de fundo cinza MENU HOME */ 
    border-bottom:3px solid #2674ae;         /* Tamanho da borda da barra e cor que fica abaixo MENU HOME */
    color:#CCC;                              /* Cor Cinza fundo MENU HOME       */
    /* color:#45a3c2;                        /* -> a palavra HOME Cor Verde     */
    /* color:#007bff;                        /* -> a palavra HOME Cor Azul      */
    /* color:#0088ce;                        /* -> a palavra HOME Cor Cinza     */
    /* color:#0fa1ed;                        /* -> a palavra HOME Cor Azul      */
    /* color:#17a2b8;                        /* -> a palavra HOME Cor Azul      */
    /* color:#2674ae;                        /* -> a palavra HOME Cor Azul      */
    /* color:#3B576D;                        /* -> a palavra HOME Cor Azul      */
}

.redesocial :hover {                         /* -> Class logo  no Cabeçalho                       */
    background-color:#FFFFFF;                /* -> Quadrado BOX Fundo Cor Banco                   */ 
    /* display:flex;                         /* -> coloca a imagem no centro da linha no HEADER   */
    /* align-items:center;                   /* -> alinha a imagem no centro da Altura NO HEADER  */
}

.button {
    display:inline-block;
    background-color:#B28756;
    color:#FFF;
    text-transform: uppercase;
    font-size:12px;
    font-weight:600;
    text-decoration: none;  /* tira o sublinhado */
    padding:10px 30px;
    margin-top:30px;
    border-radius:20px;
}
.button--dark {
    /*background-color:#000;*/
}
.button--dark:hover {
    /*background-color:#B28756;*/
}

.banner {
    height:calc(100vh - 100px);
    background-color:#333;
    /* background-image:url('../images/empresas/bg.jpg'); */
    /*background-size:cover;              /* ajusta imagem                   */
    /*background-size:100% auto           /* ajusta a imagem                 */
    /*background-position:center;         /* posiciona a imagem centralizada */
    /*background-position:center bottom;  /* posiciona a imagem abaixo       */
    /*background-position:center top;     /* posiciona a imagem acima        */
    overflow:hidden;
}
.banner .sliders {
    width:1000vw;
    height:100%;
}
.banner .slide {
    width:100vw;
    height:100%;
    display:inline-block;
    background-size:cover;                /* ajusta a imagem                  */
    /*background-size:100% auto;          /* ajusta a imagem                  */
    background-position:center;           /* posiciona a imagem centralizada  */
    /*background-position:center bottom;  /* posiciona a imagem abaixo        */
    /*background-position:center top;     /* posiciona a imagem acima         */
    /*background-color:rgba(0, 0, 0, 0.3); *//* usar isso quando for somente Slides Mensagens */
    /*transition: all ease 0.3s; *//* transferencia de margin Left, faz o banner correr para direita */
}
.banner .slidearea {
    display:flex;
    flex-direction:column;
    height:100%;
    justify-content: center;
    align-items:center;
    color:#FFF;
}
.banner h1 {
    text-transform: uppercase;
    font-weight: bold;
    font-size:50px;
}
.banner h1 span {
    color:#B28756;
}
.banner h2 {
    text-transform: uppercase;
    margin-top:20px;
}
.banner .sliders-pointers {
    width:100vw;
    height:20px;
    position:absolute;
    margin-top:-50px;
    display:flex;
    justify-content: center;
    align-items: center;
}
.banner .pointers {
    width:13px;
    height:13px;
    /* border:2px solid #B28756; */
    border:2px solid #FFFFFF;
    border-radius:8px;
    margin-left:5px;
    margin-right:5px;
    cursor:pointer;
}
.banner .pointers:hover {
    /* background-color:#B28756; */
    background-color:#FFFFFF;
}
.banner .pointers.active {
    /* background-color:#B28756; */
    background-color:#FFFFFF;
}

.default {
    padding-top:50px;
    padding-bottom:50px;
}
.default .section-title,
.default .section-desc {
    text-align:center;
    /* text-transform: uppercase; */
    font-weight: 600;
}
.default .section-title {
    font-size:30px;
}
.default .section-desc {
    font-size:15px;
    color:#CCC;
    margin-top:10px;
    margin-bottom:40px;
}
.default .section-body {
    max-width:1140px;
    margin:auto;
}
.default.light {
    background-color:#F7F7F7;
}
.default.light .section-title,
.default.light .section-body {
    color:#000;
}
.default.dark {
    background-color:#000;
}
.default.dark .section-title,
.default.dark .section-body {
    color:#FFF;
}

footer {
    background-color:#000;
    padding:20px;
}
.footer--area {
    max-width:1140px;
    margin:auto;
    color:#FFF;
    display:flex;
}
.footer--item {
    flex:1;
}
.footer-social {
    display:flex;
}
.footer-social a {
    display:block;
    width:25px;
    height:25px;
    background-color:#333;
    display:flex;
    justify-content: center;
    align-items: center;
    border-radius:13px;
    margin-right:10px;
}
.footer-social a:hover {
    background-color:#B28756;
}
.footer-social img {
    height:10px;
}
.footer--item.area2 {
    color:#999;
    line-height:20px;
    font-size:13px;
    padding:0 10px 10px 10px;
}
.footer--item.area3 form {
    background-color:#333;
    text-align:center;
    padding:30px;
}
.footer--item.area3 input {
    width:100%;
    height:40px;
    border:0;
    background:transparent;
    border-bottom:1px solid #CCC;
    outline:0;
    color:#FFF;
    font-size:14px;
    text-align:center;
}

.footer-final {
    height: 100px;
    display:flex;
    justify-content: center;
    align-items: center;
    color: #000;
    font-style: italic;
}


/* CSS DE ÁREAS ESPECÍFICAS */

/*   Quem Somos     480x400   */
#somos {
}
.section-aboutus {
    display:flex;    
}
.section-bar {                   /* Barra */
    background-color: #233d63;
    width: 168px;
    height: 18px;
    margin-bottom: 15px;
}
.section-aboutus--left {
    flex:1;
    /*text-align: justify;*/
    text-align: center;
}
.section-aboutus--left p {
    font-size:14px;
    line-height:25px;
}
.section-aboutus--left a {
    margin-top: 75px;
}
.section-aboutus--right {
    width:510px;
    text-align:center;
}
.section-aboutus--right img {
    width:480px;      
    height:320px;  
    /*border-radius:150px; /* 300px x 300px */
    box-shadow:0px 5px 10px #333;
}
.section-aboutus--right:hover{   /* Quando Passar o Mouse vai aumenta e ficar Preta a Imagem */
    /*transform: scale(1.0);*/   /* Aumenta a Imagem           */
    filter: grayscale(100%);     /* Fica Preta&branco a Imagem */
}


/* Nossos Tratamentos    350x300 */
.section-services {
    display:flex;
}
.section-service { 
    flex:1;
    text-align:center;
    border-right:1px solid #333;
    padding:15px;
}
.section-service img {
    width:320px;
    height:220px; 
}
.section-service:first-child {
    border-left:1px solid #333;
}
.section-service h4 {
    margin-top:20px;
    text-transform: uppercase;
    font-size:18px;
}
.section-service p {
    margin-top:10px;
    font-size:13px;
    color:#999;
}



/*  Galerias    250x200  */
#galeri1 {
   /*display:none;*/
}
#galeri2 {
   /*display:none;*/ 
}
#galeri3 {
   /*display:none;*/ 
}
.section-projects {
    display:flex;
    flex-direction: column;
    align-items: center;
}
.section-projects--filters {
    border:1px solid #CCC;
    background-color:#EEE;
    border-radius:30px;
    display:inline-block;
    padding:0px 20px;
}
.section-projects--filters ul,
.section-projects--filters li {
    list-style:none;
}
.section-projects--filters li {
    display:inline-block;
    padding:10px;
    text-transform: uppercase;
    font-size:13px;
    border-left:1px solid #CCC;
    color:#555;
    border-bottom:3px solid #EEE;
    cursor:pointer;
}
.section-projects--filters a {
    /*display:flex;*/
    text-decoration: none;
    color: #555; 
}
.section-projects--filters li:hover,
.section-projects--filters li.active {
    border-bottom:3px solid #B28756;
}
.section-projects--filters li:first-child {
    border-left:0;
}
.section-projects--photos {
    width:100vw;
    max-width:1140px;
    margin-top:20px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center; 
    
    margin: auto;
    
}   
.section-projects--photo {
    /*width:280px;*/
}
.section-projects--photoarea {
    margin:10px;
    width:260px;
    height:160px;
}
.section-projects--photoarea img {
    width:inherit;
    height:inherit;
    
    
    /* https://www.youtube.com/watch?v=yjqVSQ5_77o */
    /* quando usar transform: scale(1.3);  mudar width height /* Aumenta a Imagem *//*
    width:300px;
    height:200px;
    */
    
    
    /* Faz Bordas nas Imagens */ /*
    border: 10px solid #FFF;
    box-shadow: 5px 5px 5px #0006;
    flex-grow: 1;
    */
    
    
    /*object-fit: cover;*/     /* Ajusta imagem quando esta distorcida */
    
}
.section-projects--photoinfo {
    position:absolute;
    background-color:rgba(0, 0, 0, 0.5);
    width:inherit;
    height:inherit;
    display:none;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    color:#FFF;
}
.section-projects--photoinfo h5 {
    font-size:18px;
    font-weight:600;
}
/* Aumenta a Imagem *//*
.section-projects--photoarea:active{
    display: flex;
    transform: scale(1.3); 
}
*/
.section-projects--photoarea:hover .section-projects--photoinfo {
    display:flex;
    /*transform: scale(1.3);*/  /* Aumenta a Imagem */
}


/*  B L O G     280x200  */
.fundo-blog {
    background-image:url('../images/media/fundo01.jpg');  
    background-size:cover; 
    background-position:center; 
    padding:0;                                   
}
.section-blog-area {
    background-color:rgba(0, 0, 0, 0.6);
    padding-top:50px;
    padding-bottom:35px;
}
.section-blog {
    display:flex;
    justify-content:center;  /* coloca as 3 Divs no centro */
    
}
.section-blog-item {
    /*flex:1;*/
    width:280px;
    height:auto;
    min-height:300px;
    display:inline-block;
    background-color:#FFF;
    margin-right:40px;
    /*padding:20px;*/
    text-align:center;
}
.section-blog-foto {
    margin-top:10px;
    width:260px;
    height:auto;
    min-height:200px;
}
.section-blog-name {
    font-family: 'Barlow', sans-serif;
    text-transform: uppercase;
    margin-top:15px;
    color:#233d63;
    font-weight: 600;
    font-size:14px;
}
.section-blog-role {
    font-weight: 600;
    font-size:11px;
    /*color:#999;*/
    color:#212529;
    width:280px;
    /*height:auto;
    /*min-height:150px;*/
    padding: 10px 17px 20px 17px;
    text-align: justify;
}
/*  Antigo Blog Sliders Error */
.bg-team {
    background-image:url('../images/media/fundo01.jpg');  
    background-size:cover; 
    background-position:center; 
    padding:0;                                   
}
.section-team-area {
    background-color:rgba(0, 0, 0, 0.6);
    padding-top:50px;
    padding-bottom:25px;
}
.section-team {
    overflow:hidden;
    max-width:880px;
    margin:auto;
}
.section-team .sliders {
    width:1000vw;
    height:100%;
}
.section-team .slide {
    width:280px;
    height:100%;
    min-height:300px;
    display:inline-block;
    background-color:#FFF;
    margin-right:20px;
}
.section-team .slidearea {
    display:flex;
    flex-direction:column;
    height:100%;
    justify-content: center;
    align-items:center;
    color:#000;
    padding:30px;
}
.section-team-area .sliders-pointers {
    margin-top:30px;
    height:20px;
    display:flex;
    justify-content: center;
    align-items: center;
}
.section-team-area .pointer {
    width:15px;
    height:15px;
    border:2px solid #FFF;
    border-radius:8px;
    margin-left:5px;
    margin-right:5px;
    cursor:pointer;
}
.section-team-area .pointer.active {
    background-color:#FFFFFF;
}
.section-team--avatar {
    margin-top:-20px;
    width:260px;
    height:100%;
    min-height:180px;
}
.section-team--name {
    font-family: 'Barlow', sans-serif;
    text-transform: uppercase;
    margin-top:10px;
    color:#233d63;
    font-weight: 600;
    font-size:14px;
    
}
.section-team--role {
    font-weight: 600;
    font-size:11px;
    color:#212529;
    margin-top:7px; 
    width:250px;
    height:100%;
    min-height:150px;
    text-align: justify;
}


/*  STRUTURES   *//*
.section-strutures {
    width:100vw;
    max-width:1140px;
    margin-top:20px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
.section-struture { 
    /*flex:1;*//*
    text-align:center;
    border-right:1px solid #333;
    padding:15px;
}
.section-struture img {
    width:320px;
    height:220px; 
}
.section-struture:first-child {
    border-left:1px solid #333;
}
.section-struture h4 {
    margin-top:18px;
    text-transform: uppercase;
    font-size:15px;
}
.section-struture p {
    margin-top:7px;
    font-size:11px;
    color:#999;
}*/
/*  S T R U C T    380x300*/
.section-struct--photos {
    width:100vw;
    max-width:1140px;
    margin-top:10px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}   
.section-struct--photo {
    width:350px;
    margin-top:10px;
    
    /* Bordas nos inicio meio fim*/
    border-left:1px solid #CCC;   
    border-right:1px solid #CCC;
}
/* bordas no inicio da imagem *//*
.section-struct:first-child {      
    border-left:1px solid #333;
}*/
.section-struct--photoarea {
    margin:10px;
    width:330px;
    height:230px;
}
.section-struct--photoarea img {
    width:inherit;
    height:inherit;
}
.section-struct--photoinfo {
    position:absolute;
    background-color:rgba(0, 0, 0, 0.5);
    width:inherit;
    height:inherit;
    display:none;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    color:#FFF;
}
.section-struct--photoarea:hover .section-struct--photoinfo {
    display:flex;
}


/*   E Q U I P E   120x120*/
.equipe {
    background-color:#F7F7F !important;
    border-top:1px solid #CCC;
}
.equipe .section-body {
    /*max-width:initial;*/
    max-width:1140px;
    margin:auto;
}
.section-equipe {
    display:flex;
}
.section-equipe--item {
    flex:1;
    background-color: #FFF;
    margin-right:40px;
    padding:20px;
    text-align:center;
    
    /* Faz Diminuir a Imagem e Conteudo */ 
    transform: scale(0.9);         /* diminiu a imagem para 90%    */
    transition: all ease 0.2s;     /* animacao para 2s             */
    cursor: pointer;
}
.section-equipe--item:hover {      /* Quando Passar o Mouse        */
    transform: scale(1.1);         /* Aumenta a imagem para 110%   */
    /*filter: grayscale(100%);*/   /* Faz Imagem Fica Preta&Branco */
}
.section-equipe--item:last-child {
    margin-right:0;
}
.section-equipe--foto {
    width:140px;
    height:auto;
    border-radius:70px;
}
.section-equipe--item-name {
    /*text-transform: uppercase;*/
    font-weight: bold;
    margin-top:20px;
    font-size:16px;
    font-weight:600;
}
.section-equipe--item-cargo {
    /*font-weight: bold;*/
    color:#999;
    font-size:12px;
    margin-top:7px;
}


/*  REDES SOCIAIS  25x25   */
.share {
    background-color:#FFF !important;
    border-top:1px solid #CCC;
}
/*
.share .section-body {
    max-width:initial;
}
*/
.section-share {
    display:flex;
    justify-content: center;
    align-items:center;
    padding:25px;
    background-color:#FFF;
    color:#999;
}
.section-share--legend {
    display:flex;
    align-items:center;
    margin-right:40px;
}
.section-share--legend img {
    margin-right:10px;
}
.section-share--item {
    font-size:12px;
    margin-right:20px;
    display:flex;
    align-items:center;
    cursor:pointer;
}
.section-share--icon {
    width:30px;
    height:30px;
    border-radius:15px;
    background-color:#CCC;
    margin-right:5px;
    display:flex;
    justify-content: center;
    align-items: center;
}
.section-share--icon img {
    height:12px;
}
.section-share--icon.linkedin {
    background-color:#127cb4;
}
.section-share--icon.facebook {
    background-color:#336297;
}
.section-share--icon.whatsapp img{
    height:31px;
    /*background-color:#34c5f0;*/
    /*background-color:#e74237;*/
}
/*
.section-share--icon.twitter{
    background-color:#34c5f0;
}
.section-share--icon.googleplus {
    background-color:#e74237;
}
.section-share--icon.pinterest {
    background-color:#b71c29;
}
*/


/*   C O N T A T O S  -  Rodapé   */
.contact {
    background-color:#F7F7F7 !important;
    border-top:1px solid #CCC;
}
/*
.contact .section-body {
    max-width:initial;
}
*/
.section-contact {
    max-width:450px;
    margin:auto;
    text-align:center;
}
.section-contact input[type=text],
.section-contact textarea {
    display:block;
    width:100%;
    height:40px;
    border:0;
    background:transparent;
    border-bottom:1px solid #CCC;
    outline:0;
    margin-top:10px;
}
.section-contact textarea {
    height:100px;
    resize:none;
}
.section-contact--split {
    display:flex;
}
.section-contact--split input:first-child {
    margin-right:20px;
}









/* *******************************************/ 
/*
.testimonials .section-body {
    max-width:initial;
}
.section-testimonials {
    overflow:hidden;
}
.section-testimonials .sliders {
    width:1000vw;
    height:100%;
}
.section-testimonials .slide {
    width:100vw;
    height:100%;
    display:inline-block;
}
.section-testimonials .slidearea {
    display:flex;
    flex-direction:column;
    height:100%;
    justify-content: center;
    align-items:center;
}

.section-testimonials--avatar {
    width:100px;
}
.section-testimonials--name {
    font-weight: bold;
    font-size:16px;
    margin-top:20px;
}
.section-testimonials--role {
    font-size:14px;
}
.section-testimonials--quoteimg {
    width:20px;
    margin-top:30px;
}
.section-testimonials--quote {
    margin-top:10px;
    font-size:13px;
    max-width:700px;
    color:#555;
    text-align:center;
    line-height:25px;
    margin-left:30px;
    margin-right:30px;
}
.section-testimonials .sliders-pointers {
    width:100vw;
    height:20px;
    display:flex;
    justify-content: center;
    align-items: center;
    margin-top:40px;
}
.section-testimonials .pointer {
    width:15px;
    height:15px;
    border:2px solid #B28756;
    border-radius:8px;
    margin-left:5px;
    margin-right:5px;
    cursor:pointer;
}
.section-testimonials .pointer.active {
    background-color:#B28756;
}

.section-companies {
    border-top:1px solid #DDD;
    border-bottom:1px solid #DDD;
}
.section-companies--area {
    display:flex;
    align-items:center;
}
.section-company {
    flex:1;
    text-align:center;
}


.premium {
    background-color:#FFF !important;
    border-top:1px solid #CCC;
}
.premium .section-body {
    max-width:initial;
}
.section-premium {
    overflow:hidden;
}
.section-premium a {
    margin-top:30px;
}
.section-premium .sliders {
    width:1000vw;
    height:100%;
}
.section-premium .slide {
    width:100vw;
    height:100%;
    display:inline-block;
}
.section-premium .slidearea {
    display:flex;
    height:100%;
    justify-content: center;
    align-items:center;
    max-width:1140px;
    border-bottom:1px solid #CCC;
    margin:auto;
    padding-bottom:40px;
}
.section-premium--left {
    flex:1;
    text-align:right;
}
.section-premium--left img {
    width:300px;
    margin-right:30px;
}
.section-premium--right {
    flex:1;
}
.section-premium--item {
    display:flex;
    margin-bottom:20px;
}
.section-premium--item img {
    width:20px;
    height:20px;
    margin-right:20px;
}
.section-premium--item div {
    flex:1;
    color:#999;
    line-height:20px;
}
.section-premium--item div h4 {
    color:#000;
    font-size:17px;
    font-weight:600;
}

.section-premium .sliders-pointers {
    width:100vw;
    height:20px;
    display:flex;
    justify-content: center;
    align-items: center;
    margin-top:40px;
}
.section-premium .pointer {
    width:15px;
    height:15px;
    border:2px solid #B28756;
    border-radius:8px;
    margin-left:5px;
    margin-right:5px;
    cursor:pointer;
}
.section-premium .pointer.active {
    background-color:#B28756;
}


.section-facts {
    display:flex;
}
.section-fact {
    flex:1;
    text-align:center;
    padding:15px;
}
.section-fact h3 {
    color:#B28756;
    font-size:45px;
}
.section-fact-line {
    width:20px;
    border-bottom:2px solid #B28756;
    margin:auto;
}
.section-fact h4 {
    margin-top:20px;
    text-transform: uppercase;
    font-size:18px;
}
.section-fact p {
    margin-top:10px;
    font-size:13px;
    color:#999;
}


.section-map {
    background-image:url('../images/mapa.jpg');
    background-size:cover;
    background-position:center;
    padding-top:30px;
    padding-bottom:30px;
}
.section-map--area {
    width:100vw;
    max-width:1140px;
    margin:auto;
}
.section-map--info {
    width:50%;
    padding:30px;
    background-color:#FFF;
    color:#000;
}
.section-map--info-item {
    display:flex;
    align-items:center;
    color:#999;
    margin-bottom:10px;
}
.section-map--info-item-img {
    width:30px;
    height:30px;
    display:inline-flex;
    justify-content: center;
    align-items: center;
    padding:5px;
    background-color:#999;
    border-radius:15px;
    margin-right:15px;
}
.section-map--info-item-img img {
    width:15px;
    height:auto;
}

*/





/* ----------- Area Responsivel -------------  */
.menu_mobile {
    display:none;
    width:40px;
    height:40px;
    margin-top:10px;                   /* -> Margem para Cima                 */
    margin-bottom:20px;                /* -> Margem para Baixo                */
    margin-right:20px;                 /* -> Margem para Esquerda             */
}
.mm_line {
    height:3px;
    background-color:#39aae1;          /* -> Quadrado Fundo Cor Azul          */
}

@media (min-width:450px) and (max-width:800px) {
    
    .logo {
        margin-left:30px;
    }
    
    /* Menu Mobile Com Icones */
     .menu-mobile {   
        display:block;
        width:45px;
        margin-right:30px;
    }
    /* Menu Mobile SEM Icones */
    /* .menu-mobile {
      display: flex;
      flex-direction: column;
      justify-content: space-around; 
      margin-bottom: 30px;
    } */  
        
    /*
    nav {
        display:none;    /* Faz aparecer o MENU HOME *//*
        position: absolute;
        z-index: 99;
        background-color: rgba(0, 0, 0, 0.9);
        width: 40vw;
        height: calc(100vh - 100px);
        top: 100px;
        right: 0;
    }
    */   
    nav ul {
        display:none;    /* Faz aparecer o MENU HOME */
        position: absolute;
        z-index: 99;
        background-color: rgba(0, 0, 0, 0.9);
        width: 40vw;
        height: calc(100vh - 100px);
        top: 100px;
        right: 0;
    }
    
    .menu ul {
        flex-direction:column;  /* fica um menu abaixo do outro */
        display:none;
    }
   
    .menu li a {
        font-weight:bold;
        height:55px;
        font-size:13px;
        margin-left:30px;
        border:0;
        color: #DDD;
    }
    
    .menu li a:hover { 
        border-bottom:1px solid #FFF; 
        background-color: #000;        
        color:#FFF;        
    }
    .menu li.active a {    /* Tira Borda Barra Abaixo do HOME*/
        border:0;          /* Tamanho da borda da barra e cor que fica abaixo MENU HOME */   
    }
       
    .section-aboutus {
        flex-direction:column;
    }
    .section-aboutus--left {
        margin-left:30px;
        margin-right:30px;
        margin-bottom:30px;
    }
    .section-aboutus--left a {
        margin-top:0;
    }
    .section-aboutus--right {
        width:auto;
    }

    .section-services {
        flex-wrap:wrap;
    }
    .section-service {
        min-width:50%;
        margin-bottom:30px;
    }
    .section-service:first-child {
        border-left:0;
    }

    .section-blog {
        flex-wrap:wrap;
    }
    .section-blog-item {
        margin-left:20px;
        /*min-width:calc(50% - 40px);*/   /* O Texto fica desalinhado nao centralizado */
        margin-bottom:20px;
        
        /*
        -- ou --
        min-width:50%;
        margin-bottom:30px;
        */
    }
    
    .section-equipe {
        flex-wrap:wrap;
    }
    .section-equipe--item {
        margin-left:20px;
        min-width:calc(50% - 40px);
        margin-bottom:20px;
    }
    .section-equipe--item:last-child {
        margin-right:20px;
    }

    /*
    .section-strutures {
        /*flex-wrap:wrap;*//*
    }
    .section-struture {
        min-width:50%;
        margin-bottom:30px;
        border-right:none;
    }
    .section-struture:first-child {
        /*border-left:0;*//*
        border-left:none;
    }*/
    
    
    
    
    
    
    
    /* *************** */
    /*
    .section-facts {
        flex-wrap:wrap;
    }
    .section-fact {
        min-width:50%;
    }

    .section-map {
        padding-left:30px;
        padding-right:30px;
    }
    .section-map--area {
        width:auto;
    }
    .section-map--info {
        width:auto;
    }
    .section-map--info-item {
        margin-bottom:20px;
    }
    .section-map--info-item:last-child {
        margin-bottom:0;
    }
    */
}

@media (max-width:450px) {
    
    .logo {
        margin-left:30px;
    }
    
    /* Menu Mobile Com Icones */
    .menu-mobile {
        display:block;
        width:40px;
        margin-right:30px;
    } 
    /* Menu Mobile SEM Icones */
    /* .menu-mobile { 
      display: flex;
      flex-direction: column;
      justify-content: space-around; 
      margin-bottom: 30px;
    } */
    
    /*
    nav {
        display:none;    /* Faz aparecer o MENU HOME *//*
        position: absolute;
        z-index: 99;
        background-color: rgba(0, 0, 0, 0.9);
        width: 40vw;
        height: calc(100vh - 100px);
        top: 100px;
        right: 0;
    }
    */   
    nav ul {
        display:none;    /* Faz aparecer o MENU HOME */
        position: absolute;
        z-index: 99;
        background-color: rgba(0, 0, 0, 0.9);
        width: 46vw;
        height: calc(100vh - 100px);
        top: 100px;
        right: 0;
    }
    
    .menu ul {
        flex-direction:column;  /* fica um menu abaixo do outro */
        display:none;
    }

    .menu li a {
        font-weight:bold;
        height:50px;
        font-size:13px;
        margin-left:30px;
        border:0;
        color: #DDD;
    }
    
    .menu li a:hover {
        border-bottom:1px solid #FFF; 
        background-color: #000;        
        color:#FFFFFF;  
    }
    .menu li.active a{  /* Tira Borda Barra Abaixo do HOME*/
        border:0;
        /* color:#B28756; */
    }

    .banner h1 {
        font-size:30px;
    }
    .banner h2 {
        font-size:17px;
    }

    .default .section-desc {
        font-size:13px;
    }
    
    .section-aboutus {
        flex-direction:column;
    }
    .section-aboutus--left {
        margin-left:30px;
        margin-right:30px;
        margin-bottom:30px;
    }
    .section-aboutus--left a {
        margin-top:0;
    }
    .section-aboutus--right {
        width:auto;
        margin-left:30px;
        margin-right:30px;
    }
    .section-aboutus--right img {
        width:100%;
    }

    .section-services {
        flex-wrap:wrap;
    }
    .section-service {
        min-width:100%;
        margin-bottom:30px;
    }
    .section-service:first-child {
        border-left:0;
    }

    .section-projects--filters {
        margin-left:2px;
        margin-right:2px;
    }
    .section-projects--filters li {
        font-size:11px;
    }
    .section-projects--photo {
        width:320px;
    }
    .section-projects--photoarea {
        width:300px;
        height:190px;
    }
    
    .section-blog {
        flex-wrap:wrap;
    }
    .section-blog-item {
        margin-left:20px;
        /*min-width:calc(100% - 40px);*/   /* O Texto fica desalinhado nao centralizado */
        margin-bottom:20px;
        
        
        /* -- ou --
        min-width:100%;
        margin-bottom:30px;*/
    }
    
    .section-equipe {
        flex-wrap:wrap;
    }
    .section-equipe--item {
        margin-left:20px;
        min-width:calc(100% - 40px);
        margin-bottom:20px;
    }
    .section-equipe--item:last-child {
        margin-right:20px;
    }
    
    /*
    .section-strutures {
        flex-wrap:wrap;
    }
    .section-struture {
        min-width:100%;
        margin-bottom:30px;
        border-right:none;
    }
    .section-struture:first-child {
        /*border-left:0;*//*
        border-left:none;
    }*/
    .section-struct--photo {
        width:320px;
        /*
        margin-top:0px;
        border-left:none;
        border-right:none;
        */
    }
    .section-struct--photoarea {
        width:300px;
        height:190px;
    }
    
    .section-share {
        flex-wrap:wrap;
        justify-content: flex-start;
    }
    .section-share--legend {
        width:100vw;
        margin:0;
        margin-bottom:30px;
        justify-content: center;
    }
    .section-share--item {
        min-width: 50%;
        max-width: 50%;
        margin: 0;
        justify-content: center;
        flex-direction: column;
        margin-bottom: 20px;        
    }
    
    .section-contact {
        max-width:100vw;
        margin-left:20px;
        margin-right:20px;
    }
    .section-contact--split {
        flex-direction: column;
    }

    
    
    
    
    
    
    
    /* ****************** */
    /*
    .section-companies--area {
        flex-wrap:wrap;
    }
    .section-company {
        min-width: 50%;
        margin-bottom: 20px;
    }
    
    .section-premium .slidearea {
        flex-direction: column;
    }
    .section-premium--left {
        text-align:center;
        margin-bottom:30px;
    }
    .section-premium--right {
        padding-left:20px;
        padding-right:20px;
    }

    .section-facts {
        flex-wrap:wrap;
    }
    .section-fact {
        min-width:100%;
    }  

    .section-map {
        padding:0;
        padding-bottom:250px;
    }
    .section-map--area {
        width:auto;
    }
    .section-map--info {
        width:auto;
    }
    .section-map--info-item {
        margin-bottom:20px;
    }
    .section-map--info-item:last-child {
        margin-bottom:0;
    }

    .footer--area {
        flex-direction:column;
    }
    .footer--item {
        margin-bottom:20px;
    }
    .footer-social {
        justify-content: center;
    }
    */
    
}


/*
    .item-gallery .gallery-item a {
    border-radius: 10px;
    display: block;
    max-width: 370px;
    overflow: hidden;
    position: relative;
    width: 100%;
    
    a {
    line-height: 1.2em;
    outline: none;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
 
.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;




    */